Введение

• Почему JavaScript? 
   
• Как устроен курс?
    
• Обзор проекта
    
• Обзор курсов

Настройка окружения

• Настройка окружения
    
• Установка NodeJS
    
• Настройки VSCode

Старт проекта

• О JavaScript
    
• Подключение JS файлов
    
• Работа с git и GitHub С наставником
    
• Работа с наставником С наставником
    
• Знакомство с наставником С наставником
    
• Работа с gitflow С наставником
    
• Как передавать на код ревью С наставником

Основы

• Переменные и значения
    
• Арифметические операторы
    
• Операторы присваивания и сравнения
    
• Порядок операторов
    
• Типы данных
    
• Упражнение - Расчёт проекта
    
• Шаблонные строки
    
• Преобразование типов
    
• False из других типов
    
• Тест - Основы
    
• Домашнее задание - Основы С наставником

Управление потоком

• If else
    
• Упражнение - Размещение депозита
    
• Операторы равенства
    
• Switch
    
• Тернарные операторы
    
• Упражнение - Проверка робота
    
• Тест - Управление потоком
    
• Домашнее задание - Управление потоком С наставником

Булева логика

• Булева логика
    
• Логические операторы
    
• Операторы с другими типами
    
• Оператор нулевого слияния
    
• Упражнение - Проверка прав
    
• Тест - Булева логика
    
• Домашнее задание - Булева логика С наставником
    
• Код ревью домашнего задания С наставником

Функции

• Введение в функции
    
• Анонимные функции
    
• Стрелочные функции
    
• Упражнение - Упрощение функции
    
• Параметры по умолчанию
    
• Условия в функциях
    
• Функции в функциях
    
• Упражнение - Кредит на MacBook
    
• Тест - Функции
    
• Домашнее задание - Функции С наставником

Массивы

• Знакомство с массивами
    
• Управление элементами массива
    
• Поиск элемента
    
• Slice, splice, concat, reverse
    
• Из строки в массив и обратно
    
• Упражнение - Обновление списка задач
    
• Принцип DRY
    
• Деструктуризация
    
• Rest оператор
    
• Упражнение - Функция разбора URL
    
• Тест - Массивы
    
• Домашнее задание - Массивы С наставником

Циклы

• Цикл for
    
• Break и continue
    
• Упражнение - Цикл в обратном порядке
    
• Цикл в цикле
    
• Цикл while
    
• Циклы for of и for in
    
• Упражнение - Расчёт итогового баланса
    
• Тест - Циклы
    
• Домашнее задание - Циклы С наставником
    
• Код ревью домашнего задания С наставником

Функции высшего порядка

• Функции высшего порядка
    
• Callback
    
• Возврат функции
    
• Упражнение - Стрелочные функции
    
• Тест - Функции высшего порядка
    
• Домашнее задание - Функции высшего порядка С наставником

Итерации в массивах

• forEach
    
• map
    
• filter
    
• Упражнение - вывод изменений цен
    
• reduce
    
• Упражнение - среднее значение
    
• find и findIndex
    
• Упражнение - реализация some
    
• flat и flatMap
    
• sort
    
• Быстрое создание массивов
    
• Тест - Итерации в массивах
    
• Домашнее задание - Итерации в массивах С наставником

Работа со строками

• Вводное видео
    
• Базовые методы
    
• Упражнение - выделение имени
    
• Преобразование строки
    
• Упражнение - проверка номера
    
• Строки и массивы
    
• Дополнение строк
    
• Упражнение - маскировка карты
    
• Тест - Работа со строками
    
• Домашнее задание - Работа со строками С наставником
    
• Код ревью домашнего задания С наставником

Объекты

• Знакомство с объектами
    
• Обращение к элементам
    
• Упражнение - сортировка пользователей
    
• Упражнение - преобразование объектов
    
• Методы объектов
    
• Упражнение - кошелёк
    
• Enhance object literals
    
• Итерирование по объекту
    
• Деструктуризация и rest
    
• Optional chaining
    
• Упражнение - склад
    
• Тест - Объекты
    
• Домашнее задание - Объекты С наставником

Как работает JS под капотом

• Вводное видео
    
• Обзор работы JavaScript
    
• Процесс исполнения JavaScript
    
• Контекст исполнения и stack вызова
    
• Пример работы call stack
    
• Примитивы и объекты
    
• Пример примитивов и объектов
    
• Тест - Как работает JS под капотом

Scope и this

• Scope chain
    
• Strict mode
    
• Пример scope chain
    
• Поднятие
    
• Пример поднятия
    
• Ключевое слово this
    
• Пример использования this
    
• Контекст в методах
    
• Arguments
    
• Упражнение - объект в объекте
    
• Тест - Scope и this
    
• Домашнее задание - Scope и this С наставником
    
• Код ревью домашнего задания С наставником

Управление this

• EOL для методов
    
• Call, apply
    
• Bind
    
• Упражнение - управление this
    
• IIFE
    
• Замыкания
    
• Упражнение - работа с замыканиями
    
• Тест - Управление this
    
• Домашнее задание - Управление this С наставником

Document Object Model

• Что такое DOM?
    
• Выбор и манипуляции с элементами
    
• Обработка нажатий
    
• Обработка событий клавиатуры
    
• Работа со стилями и классами
    
• Установка атрибутов
    
• Упражнение - получение DOM элементов
    
• Добавление html на лету
    
• Local storage
    
• JSON
    
• Упражнение - сохранение JSON
    
• Тест - Document Object Model
    
• Домашнее задание - Document Object Model С наставником

Проект - трекер привычек

• Обзор макета
    
• Работа с Figma
    
• Вёрстка макета
    
• Вёрстка макета - 2
    
• Загрузка и сохранение данных
    
• Работа меню
   
• 20 мин
   
• Рендер шапки
    
• Упражнение - рендер дней
    
• FormData API
    
• Добавление дня
    
• Упражнение - удаление дня
    
• Вёрстка попап окна
    
• Упражнение - появление попап окна
    
• Select выбора иконки
    
• Упражнение - форма добавления привычки
    
• id привычки в url

Заключение

• Куда двигаться дальше?
    
• Код ревью домашнего задания С наставником
    
• Сертификат
    
• Сессия 1 на 1 с наставником С наставником