JavaScript для Начинающих 2022 (Полный курс за 2 часа)

Исходный код: https://t.me/stackdevru/28
Telegram: https://t.me/stackdevru

00:00:00 - Вступление
00:02:56 - Настройки браузера и VSCode (тема + Live Server плагин)
00:05:24 - Где мы будем писать наш код JavaScript (добавляем файл)
00:10:41 - Переменные в Javascript (var, let, const)
00:15:30 - Типы данных в JS
00:24:35 - Булевая логика + операторы сравнения
00:28:10 - Условия в JS
00:38:32 - Функции
00:50:26 - Массивы
00:58:35 - Объекты
01:12:49 - Циклы
01:19:31 - JavaScript DOM (Document Object Model)
01:35:05 - Обработчики событий JS
01:39:50 - Асинхронность

Дополнительные видео:
1) Создание переменных:    • ES6 #1. Let, Const и Var (Как объявля...  
2) Функции (механизм "поднятие"):    • Уроки Javascript #3. Поднятие перемен...  
3) Функции (сравнение стрелочных и обычных функций):    • ES6 #2 - Стрелочные функции (Arrow Fu...  
4) Массивы (главные методы часть 1):    • Урок Javascript #8. Методы массивов J...  
5) Массивы (главные методы часть 2):    • Урок Javascript #9. Методы массивов в...  
6) Как копировать объекты и массивы:    • Уроки Javascript #6. Объекты и массив...  
7) Объекты (оператор опциональной цепочки):    • #12. Optional Chaining в JavaScript -...  
8) Объекты (что такое прототип):    • #11. Что такое prototype Javascript (...  
9) Объекты и значение THIS:    • #10. Bind, call, apply и значение thi...  
10) Классы + прототипное наследование:    • ES6 #13. Все о Классах в Javascript (...  
11) Сравнение циклов:    • ES6 #11. Цикл for...of (Отличия от др...  
12) Работа с DOM:    • Уроки Javascript #5. Как Работать с D...  
13) Обработчики событий:    • Уроки Javascript #1. Обработчик событ...  
14) Объект событие:    • Уроки Javascript #2. Объект Event (Со...  
15) Асинхронность (Промисы):    • ES6 #12. JavaScript Promise. Что это ...  

Немного практики:
1) Создаем анимированные ссылки:    • Создаем Анимированные Ссылки использу...  
2) Работаем с Local Storage:    • Уроки Javascript #7. Local Storage - ...  
3) Создаем "брауновское движение":    • Javascript Практика 01. HTML5 Canvas ...  

+ Важный момент!

Когда-то очень давно, добавление любого функционала JavaScript на страницу - происходило внутри тэгов Script (как в этом курсе).

Сегодня базовая структура любого проекта на JS - состоит из так называемых модулей и большого количества разных пакетов (зависимостей).

Для того чтобы собрать проект, который состоит из нескольких модулей - используется сборщик Webpack.

Также, сегодня везде используется так называемый транспайлер кода под названием Babel - который решает проблему совместимости новых фич JS в старых браузерах.

4 Видео, где мы используем Модули, Webpack & Babel для создания базовой струкутры современного проекта на JS:
1) Структура + Зависимости:    • ES6 #07. JS Модули 1:  Как сделать эк...  
2) Настраиваем Webpack + Babel:    • ES6 #08. JS Модули 2: как работает эк...  
3) ES6 Import:    • ES6 #09. JS Модули 3: экспорт по умол...  
4) Практика с ES6 Модулями:    • ES6 #10. Модули Javascript - 4 (эксоп...  

Мои Курсы:
Gatsby JS (полный курс): https://gatsbyjs.ru
React для начинающих: https://react001.ru
​Все мои курсы (+ исходные файлы): https://stackdev.ru

Подписывайся на соц сети:
Telegram: https://t.me/stackdevru
VK: https://vk.com/vasilymur
Instagram:   / vm_online  
Мой блог о веб-разработке: https://stackdev.blog