• ПРОВЕДИ ВРЕМЯ С ПОЛЬЗОЙ!
    ВЕЧНЫЙ ПРЕМИУМ ДОСТУП СО СКИДКОЙ 10%
    • БОЛЕЕ 160 000 КУРСОВ
    • ЗАКРЫТЫЙ ЧАТ + КЛУБ
    • ЭКСКЛЮЗИВНЫЕ КУРСЫ
    • ОПЕРАТИВНОЕ ОБНОВЛЕНИЕ ССЫЛОК 24/7

    купить Отзывы

Программирование [Lectrum] Продвинутый курс по Webpack v4, с чистого листа (2020)

  • Автор темы Smoky
  • Дата начала

Smoky

Редактор
Регистрация
13.06.19
Сообщения
28,152
Реакции
356,268
Автор: Lectrum
Название: Продвинутый курс по Webpack v4, с чистого листа (2020)



2-png.png



Описание:

Продвинутый и ёмкий курс

Вы изучите все возможные темы, которые относятся к : от основ эффективной сборки проекта до продвинутых подходов типа code splitting и shimming.

Структура курса:

1. Знакомство с webpack
  • Что такое webpack?
  • Bundler vs task runner
  • Отличия webpack от остальных решений
  • Dependency graph
  • Самый простой запуск webpack: config-free, CLI
  • Разработка самой простой конфигурации webpack
  • Типы конфигураций: Объект, Функция, Промис
  • Подключение HTML
2. Основы webpack
  • Запуск webpack через Node API
  • Что такое Loader
  • Что такое Plugin
  • Настройка сервера для разработки
  • webpack-dev-server
  • webpack-dev-middleware
  • Hot module replacement
3. Загрузка кода
  • Сборка JavaScript
  • Чистый JavaScript
  • Транспайлинг
  • Сборка React
  • Композиция конфигурации: разделение конфигураций на development и production
  • Сборка CSS
  • CSS Modules
  • Загрузка PostCSS
4. Загрузка ассетов
  • Улучшенная композиция конфигурации
  • Перевод конфигурации на ESM
  • Вынесение частей конфигурации в модули
  • Source maps
  • Загрузка изображений
  • Загрузка лодером
  • Загрузка инлайн
  • Загрузка SVG: React-компонент, атрибут src, CSS
  • Загрузка шрифтов
  • Загрузка лодером
  • Загрузка Google-шрифтов
5. Оптимизация сборки
  • Разбор webpack runtime
  • Переменные окружения и feature flags
  • Анализ сборки
  • Оптимизация режимов сборки: development, production
  • JavaScript
  • Минификация
  • Tree shaking
  • Scope hoisting
  • Dead code elimination
6. Продвинутая оптимизация
  • CSS
  • Отделение CSS от сборки
  • autoprefixer
  • Минификация
  • Оптимизация изображений
  • Деплоймент сборки
  • Long term caching
7. В долгое путешествие
  • Что такое чанк, модуль, зависимость
  • Code splitting
  • Bundle Splitting
  • Manifest management
  • Polyfilling
  • gzip-компрессия сборки
  • Настройка publicPath
  • Продвинутая отладка сборки
8. Копаем ещё глубже
  • Проблемы, связанные с code splitting и их решение
  • Code splitting React-приложений
  • Shimming
  • Глобальное управление сборкой
Подробнее:
Скачать:
Чтобы увидеть это скрытое содержимое, вы должны поставить мне нравится в конце сообщения Мне нравится Мне нравится
 
Последнее редактирование модератором:

xslvnsh8x

Премиум Клуб
Регистрация
16.02.20
Сообщения
1
Реакции
0
Обновите пожалуйста ссылку.
Спасибо
 

MaxiStyle

Премиум
Регистрация
10.04.23
Сообщения
19
Реакции
1
Обновите ссылку плиз
 

Similar threads

Сверху