learn.javascript.ru
learn.javascript.ru - наверное одна из лучших русских площадок, которая профессионально учит разработчиков понимать современные технологии...
Продолжительность
3 ч 42 мин
Категория
WebpackКоличество уроков
40 Видео
Дата добавления
21 нояб. 2016 г., 00:00
Язык
Русский
Дата обновления
28 апр. 2026 г., 20:29
Курс по Webpack поможет тебе быстро и уверенно освоить один из самых важных инструментов современного фронтенд‑разработчика. Оптимизируй сборку, повышай производительность и автоматизируй все рутинные процессы — без лишнего хаоса и поиска ответов на форумах.
Что ты узнаешь в этом курсе
Этот видеокурс охватывает все ключевые аспекты работы с Webpack: от базовой конфигурации до продвинутых фич. Материал структурирован так, чтобы подойти как новичкам, так и разработчикам, которые хотят углубить свои знания.
Основы Webpack
- Как работает Webpack и для чего он нужен
- Структура проекта и конфигурации
- Entry, Output и концепция модулей
Работа с загрузчиками и плагинами
- Настройка loader’ов для JavaScript, CSS, изображений и шрифтов
- Оптимизация с помощью плагинов
- Горячая перезагрузка (HMR)
Оптимизация и продакшн‑сборка
- Минификация и код‑сплиттинг
- Оптимизация бандлов
- Настройка окружений для development и production
Почему этот курс полезен
Материал курса подаётся простым и понятным языком, а практические примеры помогут быстрее запомнить и применить знания на реальных проектах.
Основные преимущества
- Экономия времени — всё самое важное собрано в одном месте
- Подходит для проектов любой сложности
- Релевантно требованиям современных работодателей
Итог: что ты получишь после прохождения
После изучения курса ты сможешь уверенно настраивать Webpack под любые задачи, улучшать производительность приложений и значительно ускорять разработку благодаря автоматизации процессов.
- Урок 1.00:05:13Введение
- Урок 2.00:03:42Простой конфиг
- Урок 3.00:01:27Внешний доступ к модулям
- Урок 4.00:01:40Пересборка при изменениях
- Урок 5.00:06:19Source maps
- Урок 6.00:07:25Окружение, NODE_ENV
- Урок 7.00:07:20Babel.JS
- Урок 8.00:03:53Resolving
- Урок 9.00:02:26Минификация
- Урок 10.00:07:00Несколько точек входа
- Урок 11.00:02:05NoErrorsPlugin
- Урок 12.00:01:52CommonsChunkPlugin
- Урок 13.00:03:39Информация о сборке
- Урок 14.00:03:43Настройки CommonsChunkPlugin
- Урок 15.00:03:24Общий код в common.js
- Урок 16.00:03:27Мульти-компиляция
- Урок 17.00:05:41Динамический require
- Урок 18.00:02:37Объединение фрагментов
- Урок 19.00:05:34Require(выражение)
- Урок 20.00:04:14Require.context
- Урок 21.00:09:07Динамический require.context
- Урок 22.00:07:08Динамический require.context
- Урок 23.00:06:22ContextReplacementPlugin
- Урок 24.00:02:59IgnorePlugin
- Урок 25.00:03:00CDN и сборка: externals
- Урок 26.00:09:23Локально: ProvidePlugin
- Урок 27.00:05:27Оптимизация: noParse, include
- Урок 28.00:02:30Старые скрипты: пути и imports/exports
- Урок 29.00:07:49Expose и script-loader
- Урок 30.00:09:27CSS и file-loader
- Урок 31.00:02:15url-loader
- Урок 32.00:00:48jade-loader
- Урок 33.00:05:41less, sass, stylus
- Урок 34.00:09:31ExtractTextPlugin
- Урок 35.00:06:06Повторение: пример конфига
- Урок 36.00:11:51Настройки для кеширования
- Урок 37.00:04:50Webpack Dev Server
- Урок 38.00:10:12Продвинутая настройка WDS
- Урок 39.00:09:59Live Reload
- Урок 40.00:15:50Hot Module Replacement
Автор - learn.javascript.ru
Комментарии