Название: HTML Academy - «Webpack» Автор: Коллектив Издательство: Интернет-издание Год: 2023 Формат: HTML Страниц:Много Размер: 249 Mb Язык: Русский
После курса вы сможете создавать собственные сборки и менять конфиги в рабочих проектах. Вы станете тратить меньше времени на разработку — webpack снимет с вас часть рутинных задач. Ваши приложения станут быстрее, ведь вы научитесь оптимизировать код и сжимать размер файлов или шрифтов перед деплоем проекта.
Раздел 1. Введение Узнаем, зачем нужен webpack и как его применить в любом проекте. — Что такое webpack — Базовые команды при работе с webpack — файл package.json — Демо: создание простого базового конфига Практика — Задание: сборка тестового проекта — Решение: пошаговая эталонная реализация — Тест по первому разделу
Раздел 2. Конфигурационные файлы Рассмотрим форматы конфигурационных файлов webpack. — Формат конфигурационных файлов webpack — Мультистраничные приложения, основные концепции webpack — Начало работы с конфигами дополнительных инструментов — Демо: добавление ESLint и Prettier в готовый проект Практика — Задание: настройка дополнительных зависимостей — Решение: пошаговая эталонная реализация — Тест по второму разделу
Раздел 3. Входная точка приложения Начнём рассматривать основные концепции работы с webpack. — Что такое входная точка приложения — Демо: перенос проекта на webpack — Демо: мультистраничное приложение Практика — Задание: настройка мультистраничного приложения — Решение: пошаговая эталонная реализация — Тест по третьему разделу
Раздел 4. Выходная точка и сборка приложения Рассмотрим концепцию webpack — output. — Выход из приложения по окончанию разработки. Output — Нововведения webpack v5 — Оптимизация и кодсплиттинг — вендоры — Обработчики — Демо: пример работы asset Практика — Задание: оптимизация проекта — Решение: пошаговая эталонная реализация — Задание: исправление ошибок и оживление проекта — Решение: пошаговая эталонная реализация — Тест по четвёртому разделу
Раздел 5. Webpack-плагины Разберём концепцию webpack — плагины. — Что такое плагины и зачем они нужны — Необходимые в разработке плагины — Демо: работа необходимых плагинов, развитие сборки, минимальная кастомизация Практика — Задание: настройка плагинов — Решение: пошаговая эталонная реализация — Задание: создание и поддержка многостраничного приложения — Решение: пошаговая эталонная реализация — Тест по пятому разделу
Раздел 6. Режимы разработки Изучим концепцию webpack — моды. — Режим разработки — Production-режим и браузерная поддержка — Исходные карты — Демо: работа webpack в зависимости от режима Практика — Задание: настройка режимов и их оптимизация — Решение: пошаговая эталонная реализация Тест по шестому разделу
Раздел 7. Подведение итогов Вспомним, что мы изучили, подведём итоги и закрепим полученные знания. — Вспомним основные моменты — Демо: пример работы динамически настраиваемой сборки под несколько страниц Практика — Задание: сборка многостраничного приложения — Решение: пошаговая эталонная реализация — Подводим итоги курса — Итоговый тест по курсу
Навигация
Вход на сайт
Реклама
HTML Academy - «Webpack» 
