Содержание курса
Модуль 1. Введение в JavaScript
9 уроков
1.
Знакомство с курсом
↗
2.
Что такое JavaScript
↗
3.
Где выполняется JavaScript
↗
4.
Первая программа и console.log
↗
5.
Подключение JavaScript к HTML
↗
6.
Комментарии и оформление кода
↗
7.
Первые ошибки
↗
8.
Первая практическая работа
↗
9.
Итоговый контроль
↗
Модуль 2. Переменные и типы данных
9 уроков
1.
Переменные: let, const и присваивание
↗
2.
Имена и знакомство с var
↗
3.
Числа, typeof и особые значения
↗
4.
Строки и шаблонные литералы
↗
5.
Логические значения и отсутствие данных
↗
6.
Большие целые и знакомство с Symbol
↗
7.
Явное преобразование типов
↗
8.
Ввод и практическая карточка заказа
↗
9.
Итоговый контроль: значения и типы
↗
Модуль 3. Операторы и условия
9 уроков
1.
Арифметика и обновление значений
↗
2.
Сравнение и равенство
↗
3.
if, else и цепочка условий
↗
4.
Логические операторы и короткое замыкание
↗
5.
Значения по умолчанию и безопасные выражения
↗
6.
Тернарный оператор и проверка контракта
↗
7.
switch и точный выбор варианта
↗
8.
Практика: калькулятор стоимости заказа
↗
9.
Итоговый контроль: логика программы
↗
Модуль 4. Циклы
9 уроков
1.
while: повторение и завершение
↗
2.
do...while: действие до проверки
↗
3.
for: счётчик, условие и шаг
↗
4.
Накопители и отбор значений
↗
5.
break и continue: остановка и пропуск
↗
6.
Вложенные циклы и сброс состояния
↗
7.
for...of: перебор строки
↗
8.
Практика: план отгрузки по дням
↗
9.
Итоговый контроль: алгоритмы с циклами
↗
Модуль 5. Функции
9 уроков
1.
Функция: определение и вызов
↗
2.
return: значение и завершение вызова
↗
3.
Аргументы и значения по умолчанию
↗
4.
Объявление, выражение и стрелка
↗
5.
Область видимости и локальные данные
↗
6.
Чистые функции и повторные проверки
↗
7.
Декомпозиция: несколько небольших функций
↗
8.
Мини-проект: калькулятор заказа
↗
9.
Итоговая проверка: функции
↗
Модуль 6. Массивы
9 уроков
1.
Массив: элементы, индексы и length
↗
2.
Добавление и удаление на концах массива
↗
3.
Копирование, фрагменты и поиск значения
↗
4.
Callback, forEach и map
↗
5.
Отбор, поиск и проверка условий
↗
6.
reduce и цепочки методов
↗
7.
Сортировка и вложенные массивы
↗
8.
Мини-проект: анализ каталога
↗
9.
Итог: массивы и независимые данные
↗
Модуль 7. Объекты
9 уроков
1.
Объект: свойства и обращение к данным
↗
2.
Наличие, добавление и удаление свойств
↗
3.
Методы объекта и получатель вызова
↗
4.
Перебор: ключи, значения и пары
↗
5.
Ссылки, копирование и spread
↗
6.
Деструктуризация и остаток свойств
↗
7.
Вложенные объекты и независимые обновления
↗
8.
Мини-проект: система учёта студентов
↗
9.
Итог: группировка и сравнение данных
↗
Модуль 8. Функции углублённо
9 уроков
1.
Функция как значение и callback
↗
2.
Функции высшего порядка
↗
3.
Лексическая область и вложенные функции
↗
4.
Замыкания и состояние между вызовами
↗
5.
Фабрики и закрытое состояние
↗
6.
Rest-параметры и передача массива аргументов
↗
7.
Рекурсия: базовый случай и уменьшение задачи
↗
8.
Рекурсия по вложенным массивам
↗
9.
Мини-проект и итог: независимые экземпляры
↗
Модуль 9. Современный JavaScript
9 уроков
1.
Современный синтаксис и короткая запись объектов
↗
2.
Деструктуризация и значения по умолчанию
↗
3.
Spread, rest и границы копирования
↗
4.
Необязательные данные: ?. и ??
↗
5.
Set: уникальность и принадлежность
↗
6.
Map: ключи, значения и порядок
↗
7.
Map в алгоритмах: наличие и накопление
↗
8.
Преобразование коллекций
↗
9.
Мини-проект и итог: каталог чтения
↗
Модуль 10. DOM
9 уроков
1.
DOM-дерево и document
↗
2.
Поиск элементов и область запроса
↗
3.
Текст и границы innerHTML
↗
4.
Атрибуты и dataset
↗
5.
Классы и стили
↗
6.
Создание элементов и списков
↗
7.
Соседи, вставка и удаление
↗
8.
Перенос узлов и карточка товара
↗
9.
Мини-проект: каталог товаров
↗
Модуль 11. События
9 уроков
1.
Слушатели и click
↗
2.
Объект события
↗
3.
input и change
↗
4.
Отправка формы
↗
5.
Клавиатура
↗
6.
Погружение и всплытие
↗
7.
Делегирование
↗
8.
Снятие слушателя и отладка
↗
9.
Практикум: Todo List
↗
Модуль 12. Формы и валидация
9 уроков
1.
Поля формы и метки
↗
2.
FormData и отправка
↗
3.
Обязательность и длина
↗
4.
Email и пароль
↗
5.
Регулярные выражения для формы
↗
6.
Связанные поля и все ошибки
↗
7.
Ошибки рядом с полями
↗
8.
Исправление и сброс
↗
9.
Практикум: регистрация
↗
Модуль 13. Browser API, JSON и хранение данных
9 уроков
1.
JSON как формат данных
↗
2.
JSON.stringify
↗
3.
JSON.parse и проверка данных
↗
4.
localStorage и sessionStorage
↗
5.
Таймеры и отмена
↗
6.
URL и query-параметры
↗
7.
Date на базовом уровне
↗
8.
Сохранение состояния приложения
↗
9.
Практикум: Todo после перезагрузки
↗
Модуль 14. Асинхронный JavaScript
9 уроков
1.
Синхронность и асинхронность
↗
2.
Callback и вложенность
↗
3.
Promise и его состояния
↗
4.
then, catch и finally
↗
5.
Promise.all
↗
6.
Promise.allSettled и параллельность
↗
7.
async и await
↗
8.
Асинхронные ошибки
↗
9.
Практикум: панель пакетной обработки
↗
Модуль 15. HTTP, Fetch и REST API
9 уроков
1.
Клиент, сервер и HTTP
↗
2.
URL, GET и fetch
↗
3.
Статусы и виды ошибок
↗
4.
POST, PUT и JSON-тело
↗
5.
PATCH, DELETE и 204
↗
6.
Заголовки и параметры URL
↗
7.
Ресурсы, REST и mock API
↗
8.
Отмена и состояния загрузки
↗
9.
Практикум: каталог пользователей
↗
Модуль 16. Модули и архитектура приложения
9 уроков
1.
Зачем нужны модули
↗
2.
Именованный и default export
↗
3.
Пути и исполнение модулей
↗
4.
Константы и чистые утилиты
↗
5.
API и настройка адресов
↗
6.
Контракт и повторное использование API
↗
7.
UI и безопасный вывод
↗
8.
Точка входа и связи
↗
9.
Практикум: модульный каталог
↗
Модуль 17. ООП и прототипы
9 уроков
1.
Объект и его прототип
↗
2.
Функция-конструктор и new
↗
3.
this и методы
↗
4.
Класс и экземпляры
↗
5.
Цепочка прототипов и переопределение
↗
6.
Наследование через extends и super
↗
7.
Композиция вместо лишнего наследования
↗
8.
Приватные поля и статические методы
↗
9.
Практикум: система пользователей
↗
Модуль 18. Ошибки и отладка JavaScript
9 уроков
1.
Какая ошибка произошла
↗
2.
Сообщение и стек вызовов
↗
3.
Точки останова и пошаговая отладка
↗
4.
Перехват и очистка
↗
5.
Собственные ошибки
↗
6.
Ошибки асинхронных операций
↗
7.
Защитное программирование
↗
8.
Логические ошибки без исключения
↗
9.
Практикум: отладка каталога
↗
Модуль 19. Тестирование JavaScript
9 уроков
1.
Зачем проверять код
↗
2.
Тест-кейс и схема AAA
↗
3.
Позитивные и негативные случаи
↗
4.
Границы и соседние значения
↗
5.
Чистые функции и предсказуемость
↗
6.
Подмены зависимостей: mock
↗
7.
Набор тестов и отчёт
↗
8.
Регрессия и тестируемый код
↗
9.
Практикум: тесты каталога
↗
Модуль 20. JavaScript под капотом
9 уроков
1.
Контекст выполнения и стек вызовов
↗
2.
Области видимости, hoisting и TDZ
↗
3.
this и явная привязка
↗
4.
Среда выполнения и очередь задач
↗
5.
Микрозадачи и Promise
↗
6.
Ссылки, копирование и мутация
↗
7.
Ссылки и управление памятью
↗
8.
Прототипы и оценка работы
↗
9.
Практикум: трасса выполнения
↗
Модуль 21. Итоговый проект: интернет-магазин
9 уроков
1.
План проекта и контракт товара
↗
2.
Каталог и карточка товара
↗
3.
Категории, фильтр и сортировка
↗
4.
Корзина: добавление и количество
↗
5.
Удаление, стоимость и сохранение
↗
6.
Форма учебного заказа
↗
7.
Состояния загрузки, пустоты и ошибки
↗
8.
Модули и проверка ключевой логики
↗
9.
Сборка магазина и защита проекта
↗