udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Webpack 5 в 2023 году: полный курс для начинающих
Webpack 5 in 2023 The Complete Guide For Beginners
★4.7 (всего оценок - 60)
Продолжительность
4 ч 46 мин
Категория
WebpackКоличество уроков
59 Видео
Дата добавления
20 дек. 2019 г., 23:25
Язык
Английский
Дата выхода
1 дек. 2019 г., 23:18
Дата обновления
29 апр. 2026 г., 06:10
Хотите уверенно разобраться в Webpack 5 и научиться создавать современные сборки проектов с нуля? Этот курс поможет вам системно понять работу Webpack, избавиться от страха перед конфигурациями и научиться использовать весь потенциал инструментов сборки в 2023 году.
Что вы изучите в этом курсе Webpack 5
Курс шаг за шагом проведёт вас от базовых концепций до продвинутых возможностей Webpack. Материал подаётся последовательно, чтобы даже полный новичок мог легко освоить тему.
Основы работы Webpack
- Как работает Webpack и зачем он нужен
- Точки входа и выходные файлы
- Режимы разработки и продакшена
- Настройка наблюдения и автоматическая пересборка
Работа с ресурсами и модулями
- Загрузка JavaScript‑модулей
- Настройка обработки CSS и препроцессоров
- Оптимизация изображений и статических файлов
- Использование Loaders и их правильная конфигурация
Продвинутая настройка Webpack 5
- Улучшение производительности сборки
- Code splitting и динамический импорт
- Кэширование и оптимизация размера бандла
- Работа с DevServer и горячей перезагрузкой
Почему этот курс особенно полезен новичкам
Каждый урок логично выстроен и опирается на предыдущий. Благодаря этому материал легко усваивается, а практические задания закрепляют знания. Вы последовательно создадите полноценную рабочую конфигурацию Webpack 5 для реальных проектов.
Поддержка современных технологий
Вы также научитесь использовать Webpack совместно с npm, Babel и современным JavaScript. Это обеспечит вам сильную базу для работы с React, Angular и другими фреймворками.
Кому подойдёт этот курс
- Новичкам, которые хотят понять Webpack с нуля
- Разработчикам, уже использующим Webpack, но не понимающим глубинную логику конфигураций
- Тем, кто хочет обновить свои знания и перейти на Webpack 5
- Тем, кто хочет перестать бояться сложных конфигураций и начать уверенно с ними работать
Преимущества курса
- Материал регулярно обновляется и соответствует текущим возможностям Webpack 5
- Практический, а не теоретический подход
- Пошаговое создание собственной продвинутой конфигурации
- Понимание того, как работают типовые конфигурации в React и Angular
Итог
После прохождения курса вы сможете самостоятельно создавать и улучшать конфигурации Webpack, оптимизировать проекты и уверенно использовать современные инструменты фронтенд‑разработки. Освойте Webpack 5 и перестаньте бояться его настроек!
- Урок 1.00:02:42Introduction
- Урок 2.00:02:53What you need for this course
- Урок 3.00:02:51Why Do We Need Webpack
- Урок 4.00:04:36Setting Up Our Application
- Урок 5.00:03:12Install Webpack And Integrate It With NPM
- Урок 6.00:04:39Integrating Webpack Into Our JS Application
- Урок 7.00:06:54Custom Webpack Configuration
- Урок 8.00:03:15Introduction to Asset Modules
- Урок 9.00:07:01Handling Images With Webpack
- Урок 10.00:04:54publicPath
- Урок 11.00:03:40Asset/inline Module Type
- Урок 12.00:03:41General Asset Type
- Урок 13.00:02:40Asset/source Module Type
- Урок 14.00:01:17What Is Webpack Loader?
- Урок 15.00:09:51Handling CSS With Webpack
- Урок 16.00:03:55Handling SASS
- Урок 17.00:07:06Using Latest JavaScript Features With Babel
- Урок 18.00:01:12What Is Webpack Plugin?
- Урок 19.00:03:01Minification of the Resulting Webpack Bundle
- Урок 20.00:05:19Extracting CSS Into a Separate Bundle With mini-css-extract-plugin, Part 1
- Урок 21.00:04:23Extracting CSS Into a Separate Bundle, Part 2
- Урок 22.00:05:29Browser Caching
- Урок 23.00:09:03How To Clean Dist Folder Before Generating New Bundles
- Урок 24.00:05:19Generating HTML Files Automatically During Webpack Build Process
- Урок 25.00:03:08Customizing Generated HTML Files
- Урок 26.00:06:05Integration with Handlebars
- Урок 27.00:01:08More Webpack Plugins
- Урок 28.00:00:38Introduction
- Урок 29.00:04:30Mode
- Урок 30.00:05:07Managing Webpack Config for Production and Development Use Cases
- Урок 31.00:05:08Faster Development with webpack dev server
- Урок 32.00:00:45Cleaning Up A Bit
- Урок 33.00:01:31Introduction
- Урок 34.00:04:24Creating KiwiImage Component
- Урок 35.00:07:04Code Splitting in Webpack: Multiple JS and CSS Bundles
- Урок 36.00:06:35How To Generate Multiple HTML Files
- Урок 37.00:11:16Extracting Common Dependencies While Code Splitting
- Урок 38.00:03:49Setting Custom Options for Code Splitting
- Урок 39.00:05:16How To Setup Development Environment For Multiple Page Application
- Урок 40.00:05:47How To Use Github Repository
- Урок 41.00:02:03Introduction
- Урок 42.00:04:39Integrating Express Into Our Application
- Урок 43.00:04:51Serving HTML Pages via Express
- Урок 44.00:02:54Handling JS and CSS via Express
- Урок 45.00:03:43Integrating Express.js Into A Multiple Page Application
- Урок 46.00:06:30Creating 2 Separate Applications, Part 1
- Урок 47.00:05:38Creating 2 Separate Applications, Part 2
- Урок 48.00:07:26Setting Up Module Federation
- Урок 49.00:03:19Consuming Federated Modules
- Урок 50.00:02:29Modules Are Loaded At Runtime
- Урок 51.00:07:10Creating Micro Frontends
- Урок 52.00:05:32Micro Frontends In Action, Part 1
- Урок 53.00:07:00Micro Frontends In Action, Part 2
- Урок 54.00:08:11Navigation Bar Component
- Урок 55.00:09:17Nested Module Federation. Part 1
- Урок 56.00:07:28Nested Module Federation. Part 2
- Урок 57.00:04:36Integration with jQuery
- Урок 58.00:11:16Configuring ESLint
- Урок 59.00:01:47Summary
Автор - udemy
Комментарии
Please update the course. Thanks.