Исходный код:
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) Создание переменных: • ES6 #1. Let, Const и Var (Как объявлять пе... 2) Функции (механизм "поднятие"): • Уроки Javascript #3. Поднятие переменных и... 3) Функции (сравнение стрелочных и обычных функций): • ES6 #2 - Стрелочные функции (Arrow Functio... 4) Массивы (главные методы часть 1): • Урок Javascript #8. Методы массивов JS #1 ... 5) Массивы (главные методы часть 2): • Урок Javascript #9. Методы массивов в JS #... 6) Как копировать объекты и массивы: • Уроки Javascript #6. Объекты и массивы. Ка... 7) Объекты (оператор опциональной цепочки): • #12. Optional Chaining в JavaScript - опер... 8) Объекты (что такое прототип): • #11. Что такое prototype Javascript (прото... 9) Объекты и значение THIS: • #10. Bind, call, apply и значение this в J... 10) Классы + прототипное наследование: • ES6 #13. Все о Классах в Javascript (+ При... 11) Сравнение циклов: • ES6 #11. Цикл for...of (Отличия от других ... 12) Работа с DOM: • Уроки Javascript #5. Как Работать с DOM в ... 13) Обработчики событий: • Уроки Javascript #1. Обработчик событий - ... 14) Объект событие: • Уроки Javascript #2. Объект Event (Событие... 15) Асинхронность (Промисы): • ES6 #12. JavaScript Promise. Что это и как... Немного практики: 1) Создаем анимированные ссылки: • Создаем Анимированные Ссылки используя Get... 2) Работаем с Local Storage: • Уроки Javascript #7. Local Storage - Как п... 3) Создаем "брауновское движение": • Javascript Практика 01. HTML5 Canvas и Jav... Важный момент! Когда-то очень давно, добавление любого функционала 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 (полный курс):
React для начинающих:
Все мои курсы (+ исходные файлы):
Подписывайся на соц сети: Telegram:
VK:
https://vk.com/vasilymur Instagram: / vm_online Мой блог о веб-разработке:
