udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продолжительность
5 ч 26 мин
Категория
WebpackКоличество уроков
40 Видео
Дата добавления
17 мая 2018 г., 18:17
Язык
Английский
Дата выхода
8 мая 2018 г., 21:09
Дата обновления
29 апр. 2026 г., 00:24
О курсе: чему вы научитесь
Этот курс создан для разработчиков, которым недостаточно базовых знаний 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:10How to get help with this Course
- Урок 2.00:01:36Additional Course Materials and Code
- Урок 3.00:07:38Up and Running with Webpack Dev Server
- Урок 4.00:05:24Our First Loaders for CSS
- Урок 5.00:10:41Better Errors and Loaders for HTML & Images
- Урок 6.00:04:11Babel Basics
- Урок 7.00:07:55Babel Polyfills, Transforms & Presets
- Урок 8.00:09:57DIY Webpack Dev Server with Express Middleware
- Урок 9.00:05:45Hot Reloading Both Client and Server
- Урок 10.00:05:29Debugging Node with Chrome DevTools
- Урок 11.00:06:51Hooking Up React
- Урок 12.00:09:40Hooking up React - Part 2: Stateful Reloading
- Урок 13.00:08:09Hooking up HTML Preprocessors like EJS/Pug/Handlebars
- Урок 14.00:11:34Hooking up CSS Preprocessors like SASS/LESS & Stylus
- Урок 15.00:06:42Hooking up Typescript 2
- Урок 16.00:13:36Hooking up Angular 5
- Урок 17.00:09:39Setup Production Hosting with Heroku
- Урок 18.00:07:03Production Ready CSS
- Урок 19.00:07:22Optimizing Javascript with Environment Variables
- Урок 20.00:07:16Optimizing Javascript with Minification and Mangling
- Урок 21.00:07:33Optimizing All Assets with GZip and Brotili Compression
- Урок 22.00:06:06Building out the Blog with React
- Урок 23.00:08:11Parsing Markdown for Blogging and Meta Data
- Урок 24.00:06:42SplitChunks and the Bundle Analyzer
- Урок 25.00:09:19Server-side Render JS with Express and React
- Урок 26.00:07:22Server-side Render any Filetype with Webpack
- Урок 27.00:07:45Unified Compilation - Part 1
- Урок 28.00:09:38Unified Compilation - Part 2
- Урок 29.00:11:05Adding Multiple Pages with React Router
- Урок 30.00:03:58Dynamic Import Syntax
- Урок 31.00:09:55React Universal Components
- Урок 32.00:11:18Async JS/CSS Chunk Loading in Parallel (aka the Holy Grail)
- Урок 33.00:08:282 Strategies for Multiple-Domains in Development
- Урок 34.00:10:40Scoping Your Data per Domain
- Урок 35.00:07:28Theming CSS per Domain
- Урок 36.00:16:21Build out the Articles Pages for our 2 Heroes
- Урок 37.00:10:53Redux Basics: The store, the reducer and the action.
- Урок 38.00:12:01Fetching Articles from an API with Redux Thunk
- Урок 39.00:13:31Webpack 4 Upgrade Guide
- Урок 40.00:01:04What do you want to see next?
Автор - udemy
Комментарии
AnonymousСамый лучший курс по webpack. Тут ещё один бородатый чел есть рассказывающий про веб пак. Но этот круче- Anonymousха ха