🔥 JavaScript СОВРЕМЕННАЯ разработка ЗА 1 ЧАС | NodeJS | NPM | WebPack | Import Export | CSS-Loader

📢 Уроки JavaScript модульная разработка

☕🍗 Патреон, поддержи автора:
🔹 Другие реквизиты на сайте автора:
🔹 Используемый редактор:

📢 ТаймКод:

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
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 для начинающих
- WebPack начало:
- WebPack точка входа
- Настройки WebPack Dev Server:
- WebPack Loader / Загрузчик CSS:
- Stackoverflow style-loader / Загрузчик STYLE:
- HTML WebPack Plugin:

🌍 Официальный сайт:

© Music:
YouTube Library
#javascript #js #ityoutubersru

[DKADEVELOP]

📢 ТаймКод / Оглавление:
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

[OnlyLuck]

Пересмотрел много видео уроков для Front-End, также прошел офлайн курсы. Обучение шло туго и медленно, начал уже сомневаться в своих умственных способностях. Но в твоих видео все понятно и доходчиво, за счет того, что ты объясняешь все новые термины и понятия + добавляешь визуальные примеры. В итоге складывается полная картина и понимание(даже дети от 10 смогут понять материал) Спасибо большое за труд! Ты лучший! Успехов тебе во всех сферах жизни :))

[webkoth]

Все круто. Подача отличная, собирается картина в голове. Продолжай!

[web]

Это даже не уроки по программированию, а целое искусство)) Большое вам спасибо за такой труд!

[dimagololobov]

Долго ждал Новый урок! Ты как всегда- лучший!) так держать, колоссальная, мощная и сильная работа! Удачи тебе) очень круто делаешь, особенно дикция🔥👌

[webypanda]

Шикарнейший, Шикарнейший видос! и как же он кстати пришелся.

[fenics]

Просто кайф смотреть твои видео. Получаешь удовольствие, когда информация сама заливается в твой мозг без усилий. Пожалуйста, продолжай делать, у тебя талант к преподаванию. Хотелось бы видеть видео по продвинутым темам, а не только базу

[oleksandrsydorenko]

Чётко, ясно, с примерами из жизни
Спасибо автору за грамотное разъяснение!

[werlokcf]

О да, долго ждал это видео, так держать!

[linkway]

Обычно комментарии не пишу, просмотрев весь курс по js, начал по node.js, и не могу не написать о том, как же круто ты подаешь информацию. Большое спасибо за твой труд!
(подписался совсем недавно)

[Sergey-rgry]

Спасибо огромное, подача материала супер!
Давно не встречал подобных уроков, где нет воды, но в то же время объясняется вся логика, что откуда растёт и как взаимодействует. Многие вещи не понимал, почему именно так, теперь всё стало на свои места

[dmitriy_surovtsev]

Слов нет. Огромное человеческое спасибо за ваш труд! С нетерпением ждём продолжения.

[АлександрРоманов-еб]

Отличная подача! Невысокий темп рассказа, визуальные аналогии и детальный разбор каждого мельчайшего шага помогают усвоить материал. Очень ждем новых уроков! Хотелось бы послушать от Вас материал про React и разработку Backend`а с подключением БД. Закрепить можно было бы стримом с разработкой проекта, приближенного к реальному. Спасибо Вам! Лайк, Подписка, Колокольчик.

[xc]

Капец, сэкономил себе пол жизни, автор красавчик однозначно лайк за такой контент.

[strongelephant]

Какой же Вы всетаки умница! Хочется пошутить - насколько доходчиво вы знакомите с материалом, что моя собака уже устроилась в Google, теща спорит об асинхроности, жена собирает REST API для сбербанка, а сын попивает сок с Тейлором Отвел)) Спасибо Вам большое!

[hakunamatata]

Многих пересмотрела по урокам и остановилась на вашем канале. Очень подробно, доходчиво и голос приятный 😃 p.s. не пропадайте ✌

[ОльгаЗиборова-щж]

Это видео было посложнее остальных, так как знакомство было впервые. В другом месте говорилось, что webpack самый сложный из сборщиков. Я пыталась понять gulp, я его вроде и понимала, но не совсем, составлять под нужный мне проект, отбирать нужное, это для меня было сложновато. Я набрала много проектов с разными gulpfile.js и пыталась понять чем они отличаются, почему в одних код написан так, а в других по другому, искала отличия и пыталась запомнить что за что отвечает. Но так как у меня до ваших обучающих уроков было совсем маленькое представление об JS об объектах, функциях и других элементарных вещах, полностью понять и научиться составлять под разные проекты по своему, мне было сложновато. Думаю, что сейчас если попробовать, то всё получиться. А с webpack знакомиться даже не собиралась, но так как 1 уровень понравился, решила просмотреть и второй. По вашим урокам, он мне показался не сложнее gulp. Конечно я многое ещё не знаю, но начальное представление о нём уже сложилось, благодаря этому видео и знаю где можно почитать и ознакомиться более детально при желании, жаль только что не всё на знакомом мне языке, а переводчик иногда не совсем понятно переводит.
Ещё раз спасибо за уроки! Буду пробовать и 3 уровень просматривать, хоть не знаю понадобиться ли мне всё это в дальнейшем. Но изучать по вашим видео мне нравиться, выполнять и видеть, что у меня всё получается также как и у вас. А вот по другим видео урокам, не всегда выходило гладко, в консоле часто ошибки были и я не знала просто что мне с ними делать и как их устранять. А вы ещё и учите как их решать, как общаться с консолью в живую, показываете из-за чего они могут возникнуть и это мне очень нравиться.

[Бензини]

Дка, снимай почаще видео, у тебя полноценно подаётся информация, а такое трудно найти

[TemposYS]

отличный курс! очень подробно и доступно! приятно слушать, один из немногих обучающих видео, под которые не хочется спать )))) успехов!

[ИгорьПотапов-юн]

Это ж надо было так заморочиться со склянками. Спасибо тебе большое! Лайк однозначно. Очень помогаешь понять абсолютному новичку что есть что.