Продвинутый курс по Webpack v4, с чистого листа

Быстрый старт: сразу после оплаты 
Откроем глаза

О курсе

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

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

С самых азов

Мы подразумеваем, что вы не знакомы с Webpack, но хотите освоить его и другие технологии, используемые в продакшене на современных проектах. Для облегчения обучения доступно техническое skype-собеседование, которое выявит пробелы в знаниях и поможет их закрыть.

В комфортном темпе

Мы предоставим вам весь материал по курсу, чтобы вы в своём ритме занимались изучением Webpack. Доступна ежедневная менторская поддержка в чате курса.

С сильной менторской поддержкой

Закрытое комьюнити выпускников в Slack, персональный ментор на время обучения, проверка домашних заданий и даже индивидуальные занятия с автором курса — поддержки вы получите ровно столько, сколько вам нужно.

От экспертов своего дела

Мы успешно провели:

17 потоков по React, 12 по Redux, 4 по webpack, а также обучили 4 потока по JavaScript и 3 по Backend. В марте 2019 года мы запустили новые курсы по Docker и Redis.

Наша оценка от выпускников — 4.9.

интенсивно

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

  • + 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

Куратор программы

Андрей Мулык

Chief Technology Officer в компании Lectrum и преподаватель. За его плечами опыт работы с крупными международными outsource и outstaff компаниями, а также кураторство и проведение курсов фронтент и бекенд направлений.

Автор продвинутых фронтенд-курсов. Опыт в IT более 10 лет.

профессионалы

Выберите пакет участия

Я сам

  • 8 видеоуроков c теорией и практикой (17 часов контента)
  • Исходные коды и файлы презентаций
  • Список дополнительных материалов для углубленного изучения
  • Домашние задания с видеоразбором
  • Доступ к закрытому комьюнити Lectrum Club
  • Онлайн-сертификат
  • ❌ Персональный ментор на время обучения
Для ранних пташек — 
С 11 июня — 
С 8 октября — 

С наставником

  • 8 видеоуроков c теорией и практикой (17 часов контента)
  • Исходные коды и файлы презентаций
  • Список дополнительных материалов для углубленного изучения
  • Домашние задания с видеоразбором
  • Доступ к закрытому комьюнити Lectrum Club
  • Онлайн-сертификат
  • Персональный ментор на время обучения
Для ранних пташек — 
С 11 июня — 
С 8 октября — 
Спасибо за участие на воркшопе!  В течение 0 часов несколько секунд для вас действует специальное предложение.
Чтобы зафиксировать текущую стоимость достаточно оставить заявку и внести предоплату в размере .
мы открыты вам

Бронирование

Участие в пакете «Я сам»
Участие в пакете «С наставником»
Участие в пакете Premium

Ответы на вопросы

Когда я могу начать заниматься?
Мы открываем доступ к видеоурокам, конспекту, презентациям и чату курса с менторами и одногруппниками сразу после оплаты.
Если я оплачу сейчас, то смогу начать позже?
Сразу после оплаты мы предоставим тебе доступ к материалам курса. Чтобы поставить обучение на паузу, тебе достаточно будет написать нам на электропочту и согласовать дату начала занятий.
Какая информация будет содержаться в сертификате?
Онлайн-сертификат будет с информацией о прослушанном курсе.
Я очень хорошо знаю webpack и хочу быть у вас ментором.
Обычно, после тестирования оказывается, что вы знаете webpack не так уж и хорошо. Это одна из причин, почему мы сделали этот курс. Если чувствуете в себе силы, позвоните нам и мы протестируем вас. Для менторства требуется не только идеальное знание webpack, но и миллион других навыков для профессионального обучения людей.
Могу ли я перейти на более продвинутый пакет, если уже оплатил курс?
Да, для этого нужно обратиться к нам на электропочту и мы пришлём вам счет на доплату.
Чем вы лучше других обучающих компаний?
Во-первых, у нас большая экспертиза в образовании, во-вторых, мы очень фанатично относимся к качеству курса и менторской поддержки, а в третьих, мы не просто учим, а ежедневно пишем на том стеке, которому обучаем. Мы практики, теоретики, а еще идеалисты.
Какими необходимыми навыками я должен обладать перед началом курса?
Чтобы не возникало сложностей в процессе обучения, необходимо иметь базовые навыки разработки хотя бы на каком-то из языков программирования. После бронирования мы проведём персональное техническое собеседование и поможем закрыть необходимые пробелы в знаниях.
У меня остались вопросы/Я всё еще сомневаюсь.
Оставьте заявку на получение бесплатной консультации и мы с удовольствием вас проконсультируем, посоветуем или просто пообщаемся.
мы открыты вам