HTML Academy - «Webpack»
После курса вы сможете создавать собственные сборки и менять конфиги в рабочих проектах. Вы станете тратить меньше времени на разработку — 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»
Год издания: 2023
Автор: Коллектив
Жанр: программирование
Количество страниц: много
Формат: HTML
Язык: Русский
Размер: 249 Mb
Скачать HTML Academy - «Webpack»
|
|
Tweet |
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Процедура регистрации бесплатна и займет у вас всего пару минут!
После регистрации вам станет доступна информация скрытя фразой:
"Внимание! У вас нет прав для просмотра скрытого текста."
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Процедура регистрации бесплатна и займет у вас всего пару минут!
После регистрации вам станет доступна информация скрытя фразой:
Angular и TypeScript. Сайтостроение для профессионалов Если вы занимаетесь веб-разработкой - от веб-клиентов до полнофункциональных одностраничных приложений - то фреймворк Angular будет для вас просто спасением. |
А.Н. Васильев - Числовые расчеты в Excel Книга посвящена методам решения вычислительных задач с помощью приложения Excel. Тематика книги охватывает алгебраические уравнения и системы, интерполирование и аппроксимацию функциональных зависимостей, дифференцирование и интегрирование, решение дифференциальных и интегральных уравнений, а также некоторые другие темы из области вычислительных |
Эл Свейгарт. Автоматизация рутинных задач с помощью Python Если вам когда-либо приходилось тратить часы на переименование файлов или обновление сотен ячеек электронных таблиц, то вы знаете, что такое рутинная работа. |
Командная строка Linux и автоматизация рутинных задач Рассмотрены команды Linux, основы работы в командной строке, а также настройка системы с помощью программ, обладающих только текстовым интерфейсом. Работа с системой выполняется только в режиме консоли, что требует определенной квалификации пользователя. |
Курс по jQuery (Видеокурс) Видеокурс по jQuery представляет собой подборку из 24 видеоуроков. Что такое jQuery? jQuery - это легкий, быстрый, невероятно удобный инструмент, которым должен владеть каждый веб-разработчик. |
0