JavaScript с нуля — основы языка и практика для начинающих

• Почему JavaScript?
• Как устроен курс?
• Обзор проекта
• Обзор курсов
• Работа на платформе
• AI и тренажёры
• Практика на проекте
• Рекомендуемый курс

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

• О JavaScript
• Подключение JS файлов
• Домашнее задание AI
• Работа с 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
• Упражнение — склад
• Тест — Объекты
• Тренажёр — Объекты
• Занятие — Объекты
• Домашнее задание — Объекты

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

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

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

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

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

• Куда двигаться дальше?
• Рекомендуемый курс
• Финальное тестирование
• Собеседование с AI наставником
• Практика собеседования с AI

• Основы Scrum
• Старт задачи
• Выполнение задачи
• Код ревью
• Обзор проекта
• Старт командного проекта

Сертификат