Исходный код: [ Ссылка ]
Telegram: [ Ссылка ]
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) Создание переменных: [ Ссылка ]
2) Функции (механизм "поднятие"): [ Ссылка ]
3) Функции (сравнение стрелочных и обычных функций): [ Ссылка ]
4) Массивы (главные методы часть 1): [ Ссылка ]
5) Массивы (главные методы часть 2): [ Ссылка ]
6) Как копировать объекты и массивы: [ Ссылка ]
7) Объекты (оператор опциональной цепочки): [ Ссылка ]
8) Объекты (что такое прототип): [ Ссылка ]
9) Объекты и значение THIS: [ Ссылка ]
10) Классы + прототипное наследование: [ Ссылка ]
11) Сравнение циклов: [ Ссылка ]
12) Работа с DOM: [ Ссылка ]
13) Обработчики событий: [ Ссылка ]
14) Объект событие: [ Ссылка ]
15) Асинхронность (Промисы): [ Ссылка ]
Немного практики:
1) Создаем анимированные ссылки: [ Ссылка ]
2) Работаем с Local Storage: [ Ссылка ]
3) Создаем "брауновское движение": [ Ссылка ]
+ Важный момент!
Когда-то очень давно, добавление любого функционала JavaScript на страницу - происходило внутри тэгов Script (как в этом курсе).
Сегодня базовая структура любого проекта на JS - состоит из так называемых модулей и большого количества разных пакетов (зависимостей).
Для того чтобы собрать проект, который состоит из нескольких модулей - используется сборщик Webpack.
Также, сегодня везде используется так называемый транспайлер кода под названием Babel - который решает проблему совместимости новых фич JS в старых браузерах.
4 Видео, где мы используем Модули, Webpack & Babel для создания базовой струкутры современного проекта на JS:
1) Структура + Зависимости: [ Ссылка ]
2) Настраиваем Webpack + Babel: [ Ссылка ]
3) ES6 Import: [ Ссылка ]
4) Практика с ES6 Модулями: [ Ссылка ]
Мои Курсы:
Gatsby JS (полный курс): [ Ссылка ]
React для начинающих: [ Ссылка ]
Все мои курсы (+ исходные файлы): [ Ссылка ]
Подписывайся на соц сети:
Telegram: [ Ссылка ]
VK: [ Ссылка ]
Instagram: [ Ссылка ]
Мой блог о веб-разработке: [ Ссылка ]
Ещё видео!