Xrust.ru
Жизнь в стиле Хай-тек.
» » Webpack Быстро и Просто (2020)
Обучение


Webpack Быстро и Просто (2020)

08 октябрь 2020, Четверг
121
0
Webpack Быстро и Просто (2020)

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

Название: Webpack Быстро и Просто
Год выхода: 2020
Автор: Сергей Евдокимов
Жанр: Видеокурс, программирование, разработка, обучение
Формат: MP4
Видео: AVC | 1280x720 | ~709 Kbps
Аудио: AAC | 128 kb/s | 44 KHz
Язык: Русский
Продолжительность: 01:33:26
Размер: 1.95 Gb

Подписывайтесь на наш Дзен-канал Xrust, чтобы не пропустить новые статьи!



Скачать Webpack Быстро и Просто

Пожалуйста зарегистрируйтесь или введите в Панели пользователя логин и пароль.
Если не хотите регистрироваться, то введите логин: demo пароль:demo
React JS 2020 С нуля до профи, лучшие практики (2020)
React JS 2020 С нуля до профи, лучшие практики (2020)
Обучение
Стань React JS Frontend разработчиком за максимально короткий срок. Этот курс поможет за считанные часы освоить самую популярную frontend технологию. В ходе курса будут рассмотрены все принципы и подходы в работе с React JS в том числе все новые
Инструменты веб-разработчика (2020)
Инструменты веб-разработчика (2020)
Обучение
Научитесь владеть командной строкой и встроенными в нее редакторами Nano и Vim. Узнайте о многочисленных нюансах редактора кода VS Code и сделайте работу с кодом комфортной. Научитесь настраивать локальное окружение, пользоваться системой контроля
Видеокурс по TypeScript (2020)
Видеокурс по TypeScript (2020)
Обучение
В этом курсе вы узнаете почему TypeScript это must-have технология для любого frontend-разработчика. Вы детально разберётесь в синтаксисе TypeScript, а также научитесь применять TypeScript вместе с React, включая типизацию Redux и Redux-Saga.
React JS 2020. С Нуля до Профессионала (2020)
React JS 2020. С Нуля до Профессионала (2020)
Обучение
React JS 2020. С Нуля до Профессионала. Овладейте Frontend-разработкой на React JS. Основная часть курса включает 108 уроков общей продолжительностью 16 часов. И это без учета бонусов, в которых содержится вся необходимая теоретическая база для
AutoCAD для дизайнера интерьера. Видеокурс (2014)
AutoCAD для дизайнера интерьера. Видеокурс (2014)
Бесплатные программы
Курс направлен на то, чтобы научить дизайнера легко и быстро чертить в программе AutoCAD. Очень часто на практике приходится сталкиваться с файлами, созданными в программе AutoCAD.
Компьютер для женщин
Компьютер для женщин
Интернет и сети
В этом обучающем видео курсе " Компьютер для женщин" рассказывается о том как правильно пользоваться персональным компьютером и главное что этот видеокурс сделан лишь для женщин. Дорогие дамы вы без мучений сможете научится основам работе на
Добавить
Комментарии (0)
Прокомментировать
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
Войти через: