Полный курс по JavaScript - С нуля до результата!

- Устанавливаем необходимое ПО
- Как проходить курс. Скачиваем материалы
- Оставайтесь со мной на связи

- Добро пожаловать в клуб Hello world!
- ПРОВЕРЬ СЕБЯ: Знание переменных
- ПРОВЕРЬ СЕБЯ: Операторы сравнения
- ПРОВЕРЬ СЕБЯ: Типы данных
- Как работает Java Script
- Важны ли точки с запятой? Как создавать комментарии
- Что такое переменные
- Подробнее о переменных
- Что такое "выражения" и "инструкции"
- Типы данных
- Особенности чисел и строк
- Введение в операторы. Математические операторы "+" "-" "*" "/"
- Как работают Операторы сравнения ">" "==" "<" "!="
- Приоритетность операторов
- Преобразование типов данных
- Стандартные объекты. Подводим итоги и повторяем.
- ПРАКТИКА-1. Создайте калькулятор индекса тела
- ПРАКТИКА-2. Создайте любовный рандомайзер
- Знакомство с If Else. Условное ветвление
- Как работают логические операторы "!" "??" "&&" "||"
- ПРОВЕРЬ СЕБЯ: Логические операторы
- Как работает тернарный оператор "?"
- Заключительное слово этого блока

- Используйте "Use Strict"
- Введение в функции
- Function Expression и Function Declaration
- Области видимости в JS
- ПРОВЕРЬ СЕБЯ: Области видимости
- Значения по умолчанию для параметров функций
- Что такое callBack функции
- Как работают стрелочные функции
- ПРАКТИКА-3. Калькулятор победителя
- Что такое объекты
- Вложенные свойства объектов
- Сокращенная запись свойств
- Создание функций в объектах и немного про this
- ПРАКТИКА-04. Создайте калькулятор BMI с помощью объектов
- Введение в массивы
- Введение в методы массивов
- Введение в цикл for
- Break & Continue в циклах For
- Цикл While Do While
- Копирование объектов. Мутация Объектов
- ПРАКТИКА-5-Создайте последовательность Фибоначи
- Заключительное слово этого блока
- ПРОВЕРЬ СЕБЯ. Тест по основам JS

- Prettier и как работают "сниппеты".
- Что такое DOM и Окружение JS
- Получение HTML Элементов
- Что такое HTML узлы и родство элементов
- Что такое псевдомассив
- Как работают циклы for of и for in
- Получение и изменение содержимого тегов
- Создание и вставка новых элементов DOM
- Как работает InsertAdjastmentHTML
- Клонирование, перемещение и удаление элементов
- Изменение CSS стилей с помощью JS
- Получение и изменение атрибутов DOM элементов
- Что такое обработчик события на странице
- Как добавлять воспроизведение аудио при срабатывании события
- ПРАКТИКА - 6. Создайте игру в угадай число
- ПРАКТИКА - 7. Создайте модальные окна
- ПРАКТИКА - 8. Создайте игру в алфавит
- ПРОВЕРЬ СЕБЯ. Тест по D.O.M.
- Заключительное слово

- Как работает контекст вызова this
- Деструктуризация массивов
- Деструктуризация объектов
- Как работает оператор spread
- Что такое оператор rest
- ПРАКТИКА-9. Деструктуризация, rest и spread
- Что такое классы в JS
- Что такое Set
- Что такое Map
- Конвертация структур данных
- ПРАКТИКА-10. Map и Set
- О чем этот блок
- Заключительное слово

- Методы строк ч. 1-Как работают строки. Метод slice
- Методы строк ч. 2. (trim, toLowerCase, replace)
- Методы строк ч. 3 (Split / Join)
- ПРАКТИКА-11. Работа со строками

- Параметры функций по умолчанию
- Объекты как параметры функций
- Функции высшего порядка и первого класса
- Возврат функции из функции
- Метод функций call
- Метод функций bind

- Базовые методы массивов
- Как работает метод forEach()
- forEach на Map и Set
- Начинаем создавать приложение
- Метод Map()
- Map() на практике
- Метод filter()
- Метод Reduce()
- Практика. Filter/ map/ reduce
- Применяем методы на странице
- Метод find()
- LogIn в аккаунт
- Перевод средств из аккаунта
- Метод findIndex()
- Методы some() и every()
- Метод flat()
- Метод sort()
- Метод fill() и Array.from()
- Практика. Методы массивов
- Заключение блока
- О чем этот блок

- Базовые методы чисел
- Что такое bigInt
- Как создать дату
- Устанавливаем даты в банковском приложении
- Выражения с датами
- Форматы дат разных стран
- Форматы чисел разных стран
- SetInterval и SetTimer
- Заключительное слово

- Живые VS статичные коллекции
- Координаты элементов
- Отмена и всплытие событий
- Делегирование событий
- Создаем табы
- Создаем прозрачное меню
- Intersection API
- Применяем Intersection на секциях
- Применяем Intersection на изображениях
- Создаем слайдер
- Доделываем слайдер
- 3 способа подключения скрипта на сайт
- Заключительное слово
- О чем этот блок

- Что такое функции конструкторы
- Разница между prototype и __proto__
- ПРАКТИКА - Создайте функции конструкторы
- Разница между классами и функциями конструкторами
- Что такое геттеры
- Что такое сеттеры
- ПРАКТИКА - Классы, гетеры и сеттеры
- Что такое статические методы
- Object.create()
- Создание дочерних классов
- ПРАКТИКА - Создайте дочерний класс
- Создание дочерних классов через синтаксис классов
- Что такое API
- Переменные в классах
- Инкапсуляция свойств
- Инкапсуляция свойств новый стандарт
- Создание цепочки методов
- Подводим итог изученного
- ПРАКТИКА - Дочерние классы через синтаксис классов
- Проверь себя. Тест по теме.
- Заключительное слово

- О чем этот проект
- Используем Geolocation API
- Размещаем карту на сайте
- Работаем с документацией
- Отображение формы
- Рефакторинг в синтаксис классов
- Создаем классы тренировок
- Валидация форм
- Отображение тренировок
- Плавное перемещение к тренировкам по карте
- Работа с localStorage
- Заключительное слово

- Что такое асинхронный код
- Как работает XMLHTTRequest
- Подключаемся к API
- Call-back hell
- Введение в fetch & promise
- Как работает promise по цепочке
- Обработка ошибок в promise
- Обработка ошибок сервера
- ПРАКТИКА. Используем внешние API
- Что такое промисификация
- Очередь выполнения кода
- Промисификация ч.2
- Как работает async/await
- Обработка ошибок try catch
- Возврат данных из async/await
- Параллельное выполнение promises
- Доп. методы параллельного кода

- Прощание