В этом курсе я быстро и доступно научу вас настраивать Webpack для сборки любых проектов, любых конфигураций. Благодаря простоте объяснений, абсолютно любой за пару часов научится, а главное поймет как работать с webpack.
В ходе практики мы с вами буквально с чистого листа, с самого момента инициализации нового проекта и до создания компонентов и стилизации их с помощью css модулей настроим сборку React приложения. Вы научитесь работать с разными типами файлов, научитесь внедрять в проект препроцессоры и еще много чего интересного.
Этот курс рассчитан на начинающих frontend разработчиков, и на тех кому необходимо быстро освоить webpack и добавить этот скилл в своё резюме.
Поэтому даже не думай, присоединяйся! Будет интересно!
Чему вы научитесь:
Вы научитесь настраивать webpack под любые задачи;
Вы научитесь эффективно пользоваться документацией;
Вы научитесь с чистого листа настраивать сборку React приложения с поддержкой hot reload.
Материалы курса:
1. Вводный урок
Вводный урок, из которого вы узнаете что такое webpack и для чего он нам нужен.
2. Подготовка и настройка
В этом уроке вы узнаете как создать новое приложение и установить webpack
3. Первоначальная настройка и обработка JS файлов
В этом уроке мы уже начнем писать config и настроим webpack для сборки javascript файлов
4. Работа с Html файлами
В этом уроке вы узнаете про webpack плагины, как их устанавливать и настраивать, а также мы настроим webpack для обработки Html файлов
5. Обработка CSS, Less, Sass и Scss файлов
В этом уроке вы узнаете как устанавливать loaders и научитесь настраивать webpack для обработки css файлов, а также интегрировать в проект препроцессоры и настраивать webpack для обработки SASS, LESS и SCSS файлов.
6. Установка file loader и обработка jpg/png/jpeg и других файлов
В этом уроке вы узнаете как настроить webpack для обработки jpg/png/jpeg и других файлов
7. Webpack Dev Server
В этом уроке вы узнаете что такое webpack-dev-server, как его установить и настроить, а также как реализовать hot reload в проекте
8. Интеграция в проект React и работа с Babel
В этом уроке вы узнаете как установить в проект дополнительные библиотеки на примере React и React-Dom, а также узнаете про Babel и узнаете как его настроить
9. Создание React компонента и работа с css модулями
Заключительный урок курса, в котором мы закончим настройку Babel, закончить настройку сборки React приложения, и реализуем возможность использования в проекте CSS модулей
Название: Webpack Быстро и Просто
Год выхода: 2020
Автор: Сергей Евдокимов
Жанр: Видеокурс, программирование, разработка, обучение
Формат: MP4
Видео: AVC | 1280x720 | ~709 Kbps
Аудио: AAC | 128 kb/s | 44 KHz
Язык: Русский
Продолжительность: 01:33:26
Размер: 1.95 Gb
|
