История сборки во frontend. Эволюция инструментов сборки. Модули. Cat, Make, Grunt, Gulp, Browserify. Современные сборщики.

Модульная система. Ранние реализации системы модулей в Javascript. AMD, UMD, common.js, system.js, require.js, ESM. Актуальные системы модулей и interoperability.

Resolve система. Зачем нужна и как работает. Resolve в системах модулей, сборщиках и nodejs. Алиасы.

Target и env сборки. Транспайлинг кода. AST. Полифиллы, Browserslist. Транспайлеры: TSC, Babel, SWC, esbuild.

Webpack, Rspack, Rollup, Esbuild, Parcel, Vite, Rolldown, Turbopack. Почему webpack всё еще актуален. Как сборщики работают с модулями, настройка resolve, интеграция с транспайлерами.

Entrypoint, модули, граф модулей, бандл, чанк. Хэши. Сжатие кода. Динамическое подключение модуля. Изучаем настройки и интерфейсы различных сборщиков.

Работа с ассетами. Способы подключения ассетов. Оптимизация ассетов. Возможности сборщиков при работе с ассетами.

Разбираем архитектуру работы сборщиков и процесса сборки, основные этапы сборки. AST. Концепция лоадеров и плагинов.

Как изменить поведение сборщика. Как добавить дополнительную функциональность. Хуки. Разбираем возможности расширения сборщиков. Пишем плагин самостоятельно.

Watch режим сборки. Hot Module Reload. DevServer. LiveReload. Как работает, что и зачем можно настроить. Разбираем что умеют сборщики.

Дебаг сборки. Сложность дебага не JavaScript сборщиков. Потребление памяти, профилирование. Оптимизируем время сборки. Учимся профилировать процесс сборки, инструменты для анализа времени сборки.

Отладка собранного кода. Сурсмапы. Анализаторы бандла. Рантайм код сборщиков. На практике учимся разбираться в собранном коде.

Организация библиотеки, package.json, публикация, зависимости. Настройки и нюансы сборки библиотек. В чем разница от сборки конечного приложения. ESM/CJS. На примере настраиваем сборку библиотеки и подбираем самый подходящий сборщик.

Микрофронтенды. Module Federation. Нюансы сборки микрофронтендов в различных сборщиках. Монорепозиторий. Организация сборки и версионирования. Симлинки. Популярные инструменты для монореп. Настриваем монорепозиторий с микрофронтендами.

Метрики скорости. Влияние размера и количества кода на скорость. Основные приемы и способы оптимизации. Статическое измерение скорости. Учимся использовать инструменты анализа ассетов.

Уязвимости в web. Как работают механизмы защиты от уязвимостей (csp, trusted types). Поддержка и настройка CSP и Trusted Types в сборщиках. Настраиваем CSP в приложении на примере каждого сборщика.

Особенности сборки css и typescript. Препроцессоры. PostCSS. Typescript Compiler.

Сборка Service Worker, webmanifest, Web Worker, WebAssembly. Сборка расширения для браузера. Экзотические таргеты. Особенности сборки под Node и SSR. На примере настраиваем сборку для SSR приложения.

ES модули. Rust и go в тулчейне сборки. Проблема перехода от CJS к ESM. Веб компоненты и отказ от сборки. WebAssembly как будущее веба.

Обсуждаем весь пройденный материал и собираем общую картину работы сборки.

Да, курс спроектирован так, чтобы его можно было проходить параллельно с работой. 99% участников — работающие разработчики, как и сам преподаватель. При этом курс требует внимания и времени: информации будет много, и для лучшего усвоения мы рекомендуем по
возможности разгрузить рабочие и личные задачи на этот период. Если не получится присутствовать на лекции — все занятия доступны в
записи, вы сможете пройти их в удобное время.

На лекциях соотношение примерно 60% теории и 40% практики. Все возможности сборщиков, которые рассматриваются, сразу же проверяются
на практике. Все домашние задания также будут исключительно практическими.

Курс рассчитан на тех, кто уже достаточно уверенно работает с JavaScript. Возможно, тебе не стоит торопиться — сначала лучше немного подтянуть основы.

Да, ближе к завершению срока мы предложим тебе продлить доступ ещё на 12 месяцев со скидкой 30% от стоимости курса на момент покупки.

Да, ты можешь использовать бонусы при оплате — максимум до 10 000 баллов за курс. Если возникнут сложности с оплатой, напиши нам в бот.

Да, есть. Нажимая на кнопку «оплатить» вам будет предложено несколько вариантов оплаты, в том числе и в рассрочку. Рассрочка
предоставляется на срок от 3 до 12 месяцев по вашему желанию. Также действует рассрочка для граждан Казахстана, Узбекистана и Республики
Беларусь. Для получения подробной информации и оформления рассрочки в этих странах, пишите нам в телеграмм бот. Для граждан других
стран возможна рассрочка на 3 месяца от нашей школы Kobezzza Lab. Свяжитесь с нами через бот.

Да, мы предоставляем все необходимые документы. Для работодателей доступен только тариф "Все включено".
Чтобы оформить заявку, напиши нам в бот.

Да, мы принимаем платежи со всего мира. Если возникнут трудности с оплатой — напиши нам в бот, и мы поможем с оформлением.

Да, у нас есть образовательная лицензия. Регистрационный номер лицензии –
№ Л035-01218-23/01835619. Ознакомиться с лицензией

Да, у нас есть образовательная лицензия, а значит, ты можешь оформить налоговый вычет. Обучение в лицензированной школе даёт право на возврат до 13% от стоимости, но не более 19 500 рублей в год — в соответствии с лимитом на вычет в 150 000 рублей (на 2024 год). Социальный налоговый вычет можно оформлять ежегодно и таким образом снизить расходы на образование.

Спасибо за терпение, инженер! Готовим старт в сентябре!