Курс [HTML Academy] Онлайн-курс «Webpack» (2023)

[wlux.net]

Для фронтендеров, которые хотят освоить 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. Подведение итогов
Вспомним, что мы изучили, подведём итоги и закрепим полученные знания.
— Вспомним основные моменты
— Демо: пример работы динамически настраиваемой сборки под несколько страниц
‍Практика
— Задание: сборка многостраничного приложения
— Решение: пошаговая эталонная реализация
‍— Подводим итоги курса
‍— Итоговый тест по курсу

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[elenam]

Добрый день. Этот курс на русском языке?

 

[wlux.net]

Добрый день. Этот курс на русском языке?

Курс на русском языке

 

[jointyo]

Здравствуйте, огромное спасибо за курс

 

[Zlo_One]

привет, спасибо огромное за курс

 

[Andrey95ru]

Годно. Пытался смотреть Лаврика (кстати, рекомендую), но за простой шутливой лёгкой подачей стоит уйма времени. Надеюсь, здесь покороче, более ёмко.

 

[PPS]

Подскажите, пожалуйста, по какой версии вебпака этот курс?

 

[wlux.net]

Подскажите, пожалуйста, по какой версии вебпака этот курс?

Самый последний продажник, что у них есть.

 

[waerosoft]

Есть ли смысл пытаться изучать курс, если знание Джавы близко к минимум?

 

[PPS]

Самый последний продажник, что у них есть.

Спасибо, значит скорее всего пятой!

 

[PPS]

Есть ли смысл пытаться изучать курс, если знание Джавы близко к минимум?

Webpack запускается по верх nodejs, не совсем понятно зачем он для java. Скорее всего вам стоит посмотреть на gradle

 

[tykoska]

До сих пор приколы ловлю с того что на сайте с читами сливают(или не сливают) курсы по вебпаку , странно я только реакта не увидел что удивительно.

 

[terrat]

HTML Academy не плохая школа, покупал у них курс на фронта, увы безрезультатно))

 

[anx3y]

кто-нибудь посмотрел его? как по содержанию?

 

[VladykaNa]

отправлю подружке, она увлекается таким

 

[buka88]

посмотрел, сложный курс если ты новичок

 

[Malaris]

Спасибо за курс
Очень полезно