Продвинутый курс по Webpack v4,
с чистого листа
О курсе
Продвинутый и ёмкий курс
Вы изучите все возможные темы, которые относятся к Webpack: от основ эффективной сборки проекта до продвинутых подходов типа code splitting и shimming.
С самых азов
Мы подразумеваем, что вы не знакомы с Webpack, но хотите освоить его и другие технологии, используемые в продакшене на современных проектах. Для облегчения обучения доступно техническое skype-собеседование, которое выявит пробелы в знаниях и поможет их закрыть.
В комфортном темпе
Мы предоставим вам весь материал по курсу, чтобы вы в своём ритме занимались изучением Webpack. Доступна ежедневная менторская поддержка в чате курса.
С сильной менторской поддержкой
Закрытое комьюнити выпускников в Slack, персональный ментор на время обучения, проверка домашних заданий и даже индивидуальные занятия с автором курса — поддержки вы получите ровно столько, сколько вам нужно.
От экспертов своего дела
Мы успешно провели:
19 потоков по React, 12 по Redux, 4 по webpack, а также обучили 5 потоков по JavaScript и 3 по Backend. В 2019 году мы запустили новые курсы по Docker и Redis, а в 2020 году — GraphQL и TypeScript.
Структура курса
+ 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
- Глобальное управление сборкой
весь webpackOnline
Куратор программы
Андрей Присняк
Ведущий разработчик в Лектруме. 7 лет опыта работы с крупными международными outsource- и outstaff-компаниями. 10 лет опыта ИТ-менторства.
Автор курсов по JavaScript, Backend, Docker и Redis.
Выберите пакет участия
Я сам
- 8 видеоуроков c теорией и практикой (17 часов контента)
- Исходные коды и файлы презентаций
- Список дополнительных материалов для углубленного изучения
- Домашние задания с видеоразбором
- Доступ к закрытому комьюнити Lectrum Club
- Сопровождение на время обучения от саппорт-менеджера
- ❌ Онлайн-сертификат
- ❌ Персональный ментор на время обучения
- ❌ 2 персональные Zoom-сессии с экспертом
С наставником
- 8 видеоуроков c теорией и практикой (17 часов контента)
- Исходные коды и файлы презентаций
- Список дополнительных материалов для углубленного изучения
- Домашние задания с видеоразбором
- Доступ к закрытому комьюнити Lectrum Club
- Сопровождение на время обучения от саппорт-менеджера
- Онлайн-сертификат
- Персональный ментор на время обучения
- 🔥 2 персональные Zoom-сессии с экспертом
Оплата
Ответы на вопросы
- ➕ Когда я могу начать заниматься?
- После подтверждения оплаты (в течение 24 часов) мы открываем доступ к видеоурокам, исходному коду, презентациям и прочему материалу, а также к чату курса.
- ➕ Если я оплачу сейчас, то смогу начать позже?
- Сразу после оплаты мы предоставим тебе доступ к материалам курса. Чтобы поставить обучение на паузу, тебе достаточно будет написать нам на электропочту и согласовать дату начала занятий.
- ➕ Какая информация будет содержаться в сертификате?
- Онлайн-сертификат будет с информацией о прослушанном курсе.
- ➕ Я очень хорошо знаю webpack и хочу быть у вас ментором.
- Обычно, после тестирования оказывается, что вы знаете webpack не так уж и хорошо. Это одна из причин, почему мы сделали этот курс. Если чувствуете в себе силы, позвоните нам и мы протестируем вас. Для менторства требуется не только идеальное знание webpack, но и миллион других навыков для профессионального обучения людей.
- ➕ Могу ли я перейти на более продвинутый пакет, если уже оплатил курс?
- Да, для этого нужно обратиться к нам на электропочту и мы пришлём вам счет на доплату.
- ➕ Чем вы лучше других обучающих компаний?
- Во-первых, у нас большая экспертиза в образовании, во-вторых, мы очень фанатично относимся к качеству курса и менторской поддержки, а в третьих, мы не просто учим, а ежедневно пишем на том стеке, которому обучаем. Мы практики, теоретики, а еще идеалисты.
- ➕ Какими необходимыми навыками я должен обладать перед началом курса?
- Чтобы не возникало сложностей в процессе обучения, необходимо иметь базовые навыки разработки хотя бы на каком-то из языков программирования.
- ➕ Я могу вернуть деньги за курс?
- Да, возврат средств возможен, если вам еще не был предоставлен доступ к материалам курса. После предоставления доступа к материалам, возврат невозможен. Для возврата средств необходимо отправить запрос на нашу электропочту.
- ➕ У меня остались вопросы/Я всё ещё сомневаюсь.
- Оставьте заявку на получение бесплатной консультации и мы с удовольствием вас проконсультируем, посоветуем или просто пообщаемся.