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
Comments are closed.