egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Использование Webpack в продакшене JavaScript приложений
Using Webpack for Production JavaScript Applications
★5 (всего оценок - 7)
Продолжительность
1 ч 4 мин
Категория
WebpackКоличество уроков
16 Видео
Дата добавления
5 янв. 2018 г., 13:33
Язык
Английский
Дата выхода
4 апр. 2017 г., 00:00
Дата обновления
28 апр. 2026 г., 22:59
Этот курс поможет вам глубже понять, как эффективно использовать Webpack в продакшене, оптимизировать сборку и ускорить работу JavaScript‑приложений. Материал ориентирован на практику и современные подходы, что делает обучение максимально прикладным.
О курсе
Опытный разработчик Kent C. Dodds подробно разберёт наиболее полезные и востребованные возможности Webpack — популярного JavaScript module bundler. Вы узнаете, как настраивать сборку для продакшена, оптимизировать конфигурации и создавать производительные фронтенд‑приложения.
Также в курсе рассматривается настройка тестовой среды и написание тестов с использованием Webpack, Karma, Mocha и Chai. Это позволит вам выстроить полный цикл разработки: от сборки до тестирования.
Хотя курс ориентирован на Webpack 2, большинство техник и подходов остаются актуальными и для Webpack 1.x.
Что вы изучите
- Правильная настройка Webpack для production‑окружения
- Техники оптимизации и ускорения JavaScript‑приложений
- Настройка и автоматизация тестирования с Webpack, Karma, Mocha и Chai
Оптимизация конфигурации Webpack
Вы разберёте основные практики оптимизации, включая разделение кода, минификацию, кеширование, работу с sourcemaps и повышение эффективности финальной сборки.
Настройка и написание тестов
Вы научитесь конфигурировать тестовое окружение и писать надёжные модульные тесты, что поможет автоматизировать проверку качества кода и повысить стабильность приложения.
Для кого этот курс
Курс подходит начинающим и опытным разработчикам, которые хотят системно изучить Webpack, улучшить навыки оптимизации сборок и внедрить качественное тестирование в рабочие процессы.
- Урок 1.00:02:14Intro to the Production Webpack Course
- Урок 2.00:04:07Validate your Webpack config with webpack-validator
- Урок 3.00:03:24Tree shaking with Webpack 2
- Урок 4.00:02:00Polyfill Promises for Webpack 2
- Урок 5.00:02:39Maintain sane file sizes with webpack code splitting
- Урок 6.00:03:47Hashing with Webpack for long term caching
- Урок 7.00:05:37Grouping vendor files with the Webpack CommonsChunkPlugin
- Урок 8.00:04:12Chunking common modules from multiple apps with the Webpack CommonsChunkPlugin
- Урок 9.00:05:46Optimize React size and performance with Webpack production plugins
- Урок 10.00:04:21Import a non-ES6 module with Webpack
- Урок 11.00:03:21Expose modules to dependencies with Webpack
- Урок 12.00:05:23Initialize a Webpack Project with Karma for Testing
- Урок 13.00:01:18Use Chai assertions for tests in a Karma project
- Урок 14.00:04:54Use Karma for Unit Testing with Webpack
- Урок 15.00:06:31Add Code Coverage to tests in a Webpack project
- Урок 16.00:05:00Ensure all source files are included in test coverage reports with Webpack
Автор - egghead
Комментарии