Этот курс создан для разработчиков, которым недостаточно базовых знаний Webpack. Он подойдет тем, кто уже пробовал работать с конфигурациями, но пока не чувствует полной уверенности. Материал подан в формате практических, четко структурированных уроков без воды — только реальные сценарии, современные инструменты и рабочие конфигурации.
Основные темы обучения
Современная настройка Webpack для разработки
Быстрое прототипирование на основе реального проекта (Markdown‑блог)
Оптимизация production‑сборок
SSR, динамический импорт и ключевые функции Webpack 4
Работа с популярными фреймворками: React, Angular и другими
Создание собственных загрузчиков и плагинов
Практическая часть курса
Вы шаг за шагом будете создавать современные приложения, внедряя инструменты и техники, которые используются в продакшен‑разработке. Каждая секция сопровождается примерами, которые можно сразу применять в своих проектах.
1. Оптимальная конфигурация для разработки
Вы изучите, как настроить:
Hot Module Reloading
Babel
Разработку и отладку в Node
Быструю сборку и удобный рабочий процесс
2. Оптимизация production‑бандлов
На реальном проекте (портфолио‑сайт) вы внедрите:
кеширование и работу с CDN
HTTP2‑возможности
GZip и Brotli
оптимизацию изображений
прогрессивные веб‑приложения (PWA)
Глубокие погружения в Webpack
Продвинутые уроки помогут полностью понять архитектуру Webpack.
Загрузчики и плагины
Вы разберете популярные инструменты и создадите собственные решения для автоматизации сборки.
Новые возможности Webpack 3 и 4
В курсе подробно рассматриваются:
рендеринг на стороне сервера (SSR)
динамический импорт и «волшебные комментарии»
универсальные компоненты React
параллельная сборка CSS‑чанков
Финальный проект
В заключительной части курса вы расширите портфолио‑сайт до многостраничного и мультимедийного проекта с поддержкой нескольких доменов и интеграцией с платформами вроде Wordpress MU, Tumblr или SquareSpace.
Интеграция с фреймворками и шаблонизаторами
Вы получите готовые подходы к работе Webpack с любыми технологиями:
Rails и другие серверные фреймворки
EJS, Pug, Handlebars
Sass, Less, Stylus
React, Angular и другие библиотеки
Этот курс даст вам ключи к созданию современных, оптимизированных и гибких веб‑приложений с использованием Webpack 4 — независимо от того, какие технологии вы применяете.
Урок 1.00:01:10
How to get help with this Course
Урок 2.00:01:36
Additional Course Materials and Code
Урок 3.00:07:38
Up and Running with Webpack Dev Server
Урок 4.00:05:24
Our First Loaders for CSS
Урок 5.00:10:41
Better Errors and Loaders for HTML & Images
Урок 6.00:04:11
Babel Basics
Урок 7.00:07:55
Babel Polyfills, Transforms & Presets
Урок 8.00:09:57
DIY Webpack Dev Server with Express Middleware
Урок 9.00:05:45
Hot Reloading Both Client and Server
Урок 10.00:05:29
Debugging Node with Chrome DevTools
Урок 11.00:06:51
Hooking Up React
Урок 12.00:09:40
Hooking up React - Part 2: Stateful Reloading
Урок 13.00:08:09
Hooking up HTML Preprocessors like EJS/Pug/Handlebars
Урок 14.00:11:34
Hooking up CSS Preprocessors like SASS/LESS & Stylus
Урок 15.00:06:42
Hooking up Typescript 2
Урок 16.00:13:36
Hooking up Angular 5
Урок 17.00:09:39
Setup Production Hosting with Heroku
Урок 18.00:07:03
Production Ready CSS
Урок 19.00:07:22
Optimizing Javascript with Environment Variables
Урок 20.00:07:16
Optimizing Javascript with Minification and Mangling
Урок 21.00:07:33
Optimizing All Assets with GZip and Brotili Compression
Урок 22.00:06:06
Building out the Blog with React
Урок 23.00:08:11
Parsing Markdown for Blogging and Meta Data
Урок 24.00:06:42
SplitChunks and the Bundle Analyzer
Урок 25.00:09:19
Server-side Render JS with Express and React
Урок 26.00:07:22
Server-side Render any Filetype with Webpack
Урок 27.00:07:45
Unified Compilation - Part 1
Урок 28.00:09:38
Unified Compilation - Part 2
Урок 29.00:11:05
Adding Multiple Pages with React Router
Урок 30.00:03:58
Dynamic Import Syntax
Урок 31.00:09:55
React Universal Components
Урок 32.00:11:18
Async JS/CSS Chunk Loading in Parallel (aka the Holy Grail)
Урок 33.00:08:28
2 Strategies for Multiple-Domains in Development
Урок 34.00:10:40
Scoping Your Data per Domain
Урок 35.00:07:28
Theming CSS per Domain
Урок 36.00:16:21
Build out the Articles Pages for our 2 Heroes
Урок 37.00:10:53
Redux Basics: The store, the reducer and the action.
Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф