Skip to content

Instantly share code, notes, and snippets.

@kholstinin
Last active October 19, 2023 12:20
Show Gist options
  • Save kholstinin/3de449eb873a55485a2e84d84bfeae78 to your computer and use it in GitHub Desktop.
Save kholstinin/3de449eb873a55485a2e84d84bfeae78 to your computer and use it in GitHub Desktop.
Webpack - поток 1

Длительность курса

9 недель

Старт куса

5 декабря в 19:00

Далее по 2 лекции в неделю вторник и четверг в 19:00

Стоимость курса

95 000 руб.*

*Возможны скидки до 35 тыс. руб. при раннем бронировании места на курс

Цели курса

Глубокое освоение Webpack и понимание принципов работы системы сборки во Frontend.

Чему научишься

  • Система сборки проекта перестанет быть для тебя черным ящиком
  • Будешь глубоко понимать как работает Webpack
  • Научишься писать для Webpack свои собственные плагины и лоадеры
  • Поймешь, как устроена сборка и какие возможности она открывает

Необходимый уровень разработчика для прохождения курса

Junior, Junior+, Middle.

Что вы должны знать и уметь

  1. Хорошо разбираться в синтаксисе и семантике JS (Webpack написан на JS, будем изучать исходный код).
  2. Иметь представление об асинхронном программировании в JS хотя бы на базовом уровне.
  3. Уметь работать с GIT и Github на базовом уровне.
  4. Пользовались любым сборищком для сборки кода.

Что будет плюсом

Опыт работы с webpack или другим сборщиком на уровне базовой настройки.

Концепция занятия

  1. На занятиях последовательно рассматриваем концепции работы сборки и изучаем как это делает webpack.
  2. Все лекции состоят из теории и кода (пишем webpack конфиг и изучаем как он работает).
  3. Длительность каждого занятия ~1.5 часа.
  4. После всех занятий будет даваться задание для проработки темы.

План

  1. Вводная лекция
  2. Конфигурирование Webpack
  3. Модульная система
  4. Resolve система
  5. Webpack in depth
  6. Плагины в Webpack
  7. Лоадеры в Webpack
  8. Ассеты и отладка
  9. Webpack-dev-server и watch
  10. Безопасность и target
  11. Оптимизация времени сборки
  12. Оптимизация собранных ассетов
  13. Дополнительные возможности и популярные инструменты
  14. Сборка библиотек
  15. Микрофронтенды и монорепа
  16. Альтернативы Webpack и их полное сравнение
  17. Webpack and beyond
  18. Мастер класс: применяем все изученные знания на практике

Практика

После каждого занятия будут даваться задача на проработку и самостоятельное изучение.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment