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) Создание переменных: https://youtu.be/PeNBloogHmE
2) Функции (механизм "поднятие"): https://youtu.be/zeKkB7X5Kno
3) Функции (сравнение стрелочных и обычных функций): https://youtu.be/j9aK98ESN8g
4) Массивы (главные методы часть 1): https://youtu.be/vYuXuHQu2eo
5) Массивы (главные методы часть 2): https://youtu.be/pFpVAcJMOMU
6) Как копировать объекты и массивы: https://youtu.be/82yxd9xbyAQ
7) Объекты (оператор опциональной цепочки): https://youtu.be/SP6G_gDfEH8
8) Объекты (что такое прототип): https://youtu.be/o_HntOTCqks
9) Объекты и значение THIS: https://youtu.be/wU5GJv9lq-I
10) Классы + прототипное наследование: https://youtu.be/gWl8M9Z4fic
11) Сравнение циклов: https://youtu.be/jQUYTS8pjpA
12) Работа с DOM: https://youtu.be/yp5Cj36g5Uw
13) Обработчики событий: https://youtu.be/H9XRtCjD3hA
14) Объект событие: https://youtu.be/Qm-5u8e4Ct0
15) Асинхронность (Промисы): https://youtu.be/0O-ZVnwbGW4

Немного практики:
1) Создаем анимированные ссылки: https://youtu.be/Vg_tcemcobg
2) Работаем с Local Storage: https://youtu.be/434L4VCWT7U
3) Создаем "брауновское движение": https://youtu.be/50cdak-NxQg

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

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

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

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

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

4 Видео, где мы используем Модули, Webpack & Babel для создания базовой струкутры современного проекта на JS:
1) Структура + Зависимости: https://youtu.be/Gl2ycydXChc
2) Настраиваем Webpack + Babel: https://youtu.be/yG-NTy2WyQE
3) ES6 Import: https://youtu.be/mA8b60bq9_4
4) Практика с ES6 Модулями: https://youtu.be/TtSemE_0F2k

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

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