🔥 JavaScript СОВРЕМЕННАЯ разработка ЗА 1 ЧАС | NodeJS | NPM | WebPack | Import Export | CSS-Loader
📢 Уроки JavaScript модульная разработка
🙉 Канал в телеграмм: http://bit.ly/2QcOXD4
💕 Канал для ардуинщиков и программистов: http://bit.ly/2SMUUYs
☕🍗 Патреон, поддержи автора:
https://www.patreon.com/dkadevelop
🔹 Другие реквизиты на сайте автора:
https://dka-develop.ru/blog/donation
🔹 Используемый редактор:
Visual code: https://code.visualstudio.com/
📢 ТаймКод:
0:00 О чем видео
0:45 Что такое NodeJS
3:32 Установка NodeJS на Windows
8:04 Отличие от обычного написания кода без NodeJS
11:36 Что такое NPM и как им пользоваться
16:30 Что такое Yarn
17:12 Установка пакета с использованием NPM
19:31 WebPack знакомство / что это?
22:24 Что упрощает WebPack / модульность
24:50 Создание проекта с использованием NPM / Webpack
27:39 Интеграция WebPack в проект / Что такое Webpack-CLI
36:17 webpack.config.js создание
40:19 WebPack слежение за файлами
41:14 WebPack Dev Server
44:15 Модульная разработка что это Export Import?
52:51 Генерация HTML
1:00:53 Подключение jQuery в проект
1:04:15 Подключение CSS файлов
1:08:23 Генерация файла html и подключение скриптов JS
📢 Полезные ссылки:
- Введение в пакетный менеджер NPM для начинающих
http://prgssr.ru/development/vvedenie-v-paketnyj-menedzher-npm-dlya-nachinayushih.html
- WebPack начало:
https://webpack.js.org/guides/getting-started/
- WebPack точка входа
https://webpack.js.org/concepts/entry-points/
- Настройки WebPack Dev Server:
https://webpack.js.org/configuration/dev-server/
- WebPack Loader / Загрузчик CSS:
https://webpack.js.org/loaders/css-loader/
- Stackoverflow style-loader / Загрузчик STYLE:
https://stackoverflow.com/questions/35171288/error-cannot-resolve-module-style-loader
- HTML WebPack Plugin:
https://webpack.js.org/plugins/html-webpack-plugin/
🌍 Официальный сайт:
https://dka-develop.ru
© Music:
YouTube Library
#javascript #js #ityoutubersru
Видео 🔥 JavaScript СОВРЕМЕННАЯ разработка ЗА 1 ЧАС | NodeJS | NPM | WebPack | Import Export | CSS-Loader канала DKA-DEVELOP
🙉 Канал в телеграмм: http://bit.ly/2QcOXD4
💕 Канал для ардуинщиков и программистов: http://bit.ly/2SMUUYs
☕🍗 Патреон, поддержи автора:
https://www.patreon.com/dkadevelop
🔹 Другие реквизиты на сайте автора:
https://dka-develop.ru/blog/donation
🔹 Используемый редактор:
Visual code: https://code.visualstudio.com/
📢 ТаймКод:
0:00 О чем видео
0:45 Что такое NodeJS
3:32 Установка NodeJS на Windows
8:04 Отличие от обычного написания кода без NodeJS
11:36 Что такое NPM и как им пользоваться
16:30 Что такое Yarn
17:12 Установка пакета с использованием NPM
19:31 WebPack знакомство / что это?
22:24 Что упрощает WebPack / модульность
24:50 Создание проекта с использованием NPM / Webpack
27:39 Интеграция WebPack в проект / Что такое Webpack-CLI
36:17 webpack.config.js создание
40:19 WebPack слежение за файлами
41:14 WebPack Dev Server
44:15 Модульная разработка что это Export Import?
52:51 Генерация HTML
1:00:53 Подключение jQuery в проект
1:04:15 Подключение CSS файлов
1:08:23 Генерация файла html и подключение скриптов JS
📢 Полезные ссылки:
- Введение в пакетный менеджер NPM для начинающих
http://prgssr.ru/development/vvedenie-v-paketnyj-menedzher-npm-dlya-nachinayushih.html
- WebPack начало:
https://webpack.js.org/guides/getting-started/
- WebPack точка входа
https://webpack.js.org/concepts/entry-points/
- Настройки WebPack Dev Server:
https://webpack.js.org/configuration/dev-server/
- WebPack Loader / Загрузчик CSS:
https://webpack.js.org/loaders/css-loader/
- Stackoverflow style-loader / Загрузчик STYLE:
https://stackoverflow.com/questions/35171288/error-cannot-resolve-module-style-loader
- HTML WebPack Plugin:
https://webpack.js.org/plugins/html-webpack-plugin/
🌍 Официальный сайт:
https://dka-develop.ru
© Music:
YouTube Library
#javascript #js #ityoutubersru
Видео 🔥 JavaScript СОВРЕМЕННАЯ разработка ЗА 1 ЧАС | NodeJS | NPM | WebPack | Import Export | CSS-Loader канала DKA-DEVELOP
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![JavaScript 2020 за 146 минут начиная со стандарта ES6 и выше [ ДЗ ] 🔊 - #13 #ДомаВместе](https://i.ytimg.com/vi/xErYDWhoVgE/default.jpg)
![Уроки JavaScript 2020 с полного нуля [ Введение, Мотивация, EcmaScript, Как начать ] #1 #ДомаВместе](https://i.ytimg.com/vi/bQQ0WCPhkU0/default.jpg)
![Учим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместе](https://i.ytimg.com/vi/4jYYHaTwWvY/default.jpg)
![СКОЛЬКО ПЛАТИТ YOUTUBE за 1 МИЛЛИОН просмотров В 2019](https://i.ytimg.com/vi/QovGeWgT_lY/default.jpg)
![](https://i.ytimg.com/vi/Av4gadbdCEg/default.jpg)
![](https://i.ytimg.com/vi/NRTNwWXGlfo/default.jpg)
![webpack для начинающих](https://i.ytimg.com/vi/7i_jF66F1xM/default.jpg)
![Webpack. Базовая сборка проекта](https://i.ytimg.com/vi/R9DTbDA_ZVE/default.jpg)
![Сравнение Python и JavaScript. Что учить новичку?](https://i.ytimg.com/vi/ypJtmjSqTuo/default.jpg)
![Как стать программистом за месяц ?! - жесткий способ [ Это реально? ]](https://i.ytimg.com/vi/whw0b-quqG0/default.jpg)
![Уроки VUE-CLI 3 учим за 1 час для начинающих с нуля [ vue.js компоненты ]+ много полезной информации](https://i.ytimg.com/vi/4O1twLpg-7A/default.jpg)
![Node JS - Быстрый Курс за 1 час](https://i.ytimg.com/vi/3aGSqasVPsI/default.jpg)
![Изучаем JavaScript за 90 минут](https://i.ytimg.com/vi/4QHFhIjF2L0/default.jpg)
![Как стать Full Stack веб разработчиком? ► Самый Верный Путь!](https://i.ytimg.com/vi/iCx4oYgeUGw/default.jpg)
![Бот телеграмм на JavaScript](https://i.ytimg.com/vi/R4RhgBJpXSQ/default.jpg)
![Разработка на Node.js в 2020: тренды и приемы. Никита Галкин. JS Fest 2019 Autumn](https://i.ytimg.com/vi/PzdwAVAWsKw/default.jpg)
![Учим CSS за 40 минут для начинающих от 10 лет (Основы с нуля) + Инструмент разработчика](https://i.ytimg.com/vi/GoBvYPwv-g8/default.jpg)
![#1 Верстка сайта с нуля для начинающих | HTML, CSS](https://i.ytimg.com/vi/ltMSrSis9ww/default.jpg)
![Как стать программистом! 3 бесплатных крутых шага! (JavaScript, Front-end)](https://i.ytimg.com/vi/hFOZYaVHD6A/default.jpg)
![Webpack - Полный курс за 3 часа [2020]](https://i.ytimg.com/vi/eSaF8NXeNsA/default.jpg)