В этом курсе я быстро и доступно научу вас настраивать 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
