JavaScript. Webpack и сборка JS

Код: ITC-Webpk

Курс посвящен работе с Webpack - мощному инструменту сборки для разработки веб-приложений. Он позволяет объединять и упаковывать различные модули и ресурсы вашего проекта в один или несколько бандлов, которые затем могут быть развернуты на сервере.
Одна из главных особенностей Webpack - это его способность разрешать зависимости между модулями. Он позволяет импортировать и экспортировать функции, классы и переменные из одного модуля в другой, что облегчает организацию кода и повышает его переиспользуемость. Webpack также поддерживает использование плагинов, которые расширяют его функциональность.

Формат проведения

-

Продолжительность

40 академических часов

Вендор

ITCloud

Тематика

Разработка
vendor

Вы научитесь

  • устанавливать Webpack в папку проекта
  • импортировать JS-файлы и их функционал
  • выполнять сборку командой npx webpack
  • настраивать и выполнять сборку командой npm run build
  • настраивать несколько точек входа
  • устанавливать плагин HtmlWebpackPlugin и генерировать новый HTML в сборку
  • указывать новый title для сгенерированного HTML-файла
  • чистить папку сборки dist от неиспользуемых файлов
  • включать режим разработки
  • включать поддержку ресурсных карт
  • запускать webpack в режиме наблюдения
  • реализовывать динамический импорт
  • предотвращать дублирование между чанками с помощью dependOn
  • исключать дублирующие зависимости при помощи SplitChunksPlugin
  • устанавливать и запускать webpack-dev-server
  • получать статистику по webpack
  • выводить рантайм-код webpack в отдельный файл
  • выносить в отдельный файл сторонние библиотеки
  • получать данные переменных окружения в webpack.config.js
  • передавать переменные окружения в webpack
  • указывать разные конфигурационные файлы для разработки и производства
  • вместе с вызовом webpack кросс-системно передавать переменные окружения
  • передавать переменные окружения из .env-файла
  • получать данные из дополнительных env-файлов
  • использовать ленивую загрузку
  • настроить глобальный доступ к объекту
  • настраивать работу webpack с React
  • создавать сборку приложения на React
  • настраивать работу webpack с TypeScript
  • настраивать копирование активов в нужную папку
  • настраивать вынос CSS в отдельные файлы
  • настраивать обработку SASS-файлов
  • выполнять минификацию CSS
  • включать eslint для проверки JS-кода

Аудитория курса

Фронтенд-разработчики

Требования к предварительной подготовке слушателя

  • Умение понимать возможности JavaScript в среде веб-браузеров
  • Умение работать с объектами браузера
  • Умение управлять элементами HTML-страниц с помощью JavaScript

Содержание курса

Модуль 1. Введение в Webpack5 (2 ак.ч)

Модуль 2. Управление активами (assets) (2 ак.ч) 

Модуль 3. Управление выводом (Output Management) (2,5 ак.ч.)

Модуль 4. Разработка (2,5 ак.ч.)

Модуль 5. Разделение кода (3 ак.ч.)

Модуль 6. Кэширование (3 ак.ч.)

Модуль 7. Создание библиотек (2,5 ак.ч.)

Модуль 8. Переменные (среды) окружения (2,5 ак.ч.) 

Модуль 9. Горячая замена модуля/Hot Module Replacement (2 ак.ч.)  

Модуль 10. Сотрясение дерева/Tree Shaking (3 ак.ч.)

Модуль 11. Производство/Production (3 ак.ч.)

Модуль 12. Ленивая загрузка/Lazy Loading  (1,5 ак.ч.)

Модуль 13. Мерцание/Shimming (1,5 ак.ч.)

Модуль 14. React и webpack (3 ак.ч.)

Модуль 15. TypeScript и webpack (3 ак.ч.)

Модуль 16. Полезные плагины (3 ак.ч.)

Профстандарты:
06.001 A: Разработка и отладка программного код
06.001 B: Проверка работоспособности и рефакторинг кода программного обеспечения
06.035 B: Выполнение работ по созданию (модификации) и сопровождению информационных ресурсов
Компетенции:
60000063  Использование информационных систем 

Как происходит обучение в АйТи Клауд

01 Выбор курса

В Учебном центре «АйТи Клауд» Вы можете подобрать курсы с полезным для Вас содержанием. УЦ «АйТи Клауд» готов предложить 1200+ программ различной тематики и степени сложности. Мы проводим курсы, авторизованные производителями ИТ, и также авторские программы от ведущих ИТ-экспертов.

02 Процесс обучения

Вы можете пройти обучение в различных форматах:

  • в очном - на территории Учебного центра либо территории Заказчика,

  • онлайн - на российской онлайн-платформе в режиме реального времени, через интернет, с выполнением всех необходимых практических заданий под онлайн-руководством преподавателя. 


03 Выдача документов

По завершении обучения Вы получите удостоверение о повышении квалификации или сертификат (если у Вас отсутствует диплом о высшем образовании). После обучения на авторизованных курсах Вам также будет выдан сертификат от производителя.

poster