Содержание курса
12
разделов
151
урок
42
теста
16
задач
22 ч.
обн. 11 августа 2026
Введение
5 уроков
1.
Введение
↗
2.
Обзор модуля
↗
3.
Сфера применения JavaScript, его версии и документация
↗
4.
Подключение JavaScript к html-странице
↗
5.
Использование JavaScript вне браузера
↗
Основы программирования
17 уроков
1.
Обзор модуля
↗
2.
Типы данных в JavaScript
↗
3.
Понятие переменных
↗
4.
Математические операции в JavaScript
↗
5.
Логические выражения
↗
6.
Условный оператор
↗
7.
Оператор switch
↗
8.
Тернарный оператор
↗
9.
Массивы как хранилища данных
↗
10.
Понятие цикла
↗
11.
Цикл for
↗
12.
Оператор break
↗
13.
Оператор continue
↗
14.
Понятие функции
↗
15.
Встроенный объект Math
↗
16.
Проект "Угадай число"
↗
17.
Итоги модуля
↗
Объекты и встроенные методы
14 уроков
1.
Обзор модуля
↗
2.
Простые объекты с данными
↗
3.
Хранение по ссылке
↗
4.
Оператор in
↗
5.
Цикл for..in
↗
6.
Цикл for..of
↗
7.
Методы объекта, контекст
↗
8.
Встроенные методы строк
↗
9.
Встроенные методы чисел
↗
10.
Встроенные методы массивов
↗
11.
Объект ошибки
↗
12.
Объект регулярного выражения
↗
13.
Проект "Загадки"
↗
14.
Итоги модуля
↗
Про функции подробно
11 уроков
1.
Обзор модуля
↗
2.
Функции vs процедуры
↗
3.
Функции и память
↗
4.
Варианты записи функций
↗
5.
Область видимости
↗
6.
Колбэки и функции высшего порядка
↗
7.
Рекурсия
↗
8.
Замыкание
↗
9.
Контекст вызова функции
↗
10.
Уточнение контекста вызова функции
↗
11.
Проект "Цензор"
↗
Работа со структурами данных
16 уроков
1.
Обзор модуля
↗
2.
Понятие стека и очереди
↗
3.
Понятие иммутабельности
↗
4.
Маппинг массивов и коллекций
↗
5.
Фильтрация
↗
6.
Метод reduce
↗
7.
Поиск в коллекции
↗
8.
Сортировка массива
↗
9.
Оператор остатка
↗
10.
Деструктуризация массивов
↗
11.
Деструктуризация объектов
↗
12.
Шаблонные строки
↗
13.
Глобальные методы
↗
14.
Формат JSON
↗
15.
Проект "Витрина"
↗
16.
Итоги модуля
↗
DOM API
20 уроков
1.
Обзор модуля
↗
2.
Понятие DOM
↗
3.
Получение ссылок на HTML-элементы
↗
4.
Свойства html-элементов
↗
5.
Обход html-коллекций
↗
6.
Объект classList
↗
7.
Навигация по html-элементам
↗
8.
Браузерные события
↗
9.
Снятие обработчиков событий
↗
10.
Примеры по обработке события click
↗
11.
Объект события
↗
12.
Работа с формой
↗
13.
Понятие всплытия
↗
14.
Динамическая работа с DOM
↗
15.
Полезные свойства html-элементов
↗
16.
Где искать примеры UI
↗
17.
Пример модального окна
↗
18.
Работа с браузерной памятью
↗
19.
Прочие браузерные объекты
↗
20.
Проект "Спойлер"
↗
Работа с готовыми библиотеками
9 уроков
1.
Обзор модуля
↗
2.
Библиотека lodash
↗
3.
Плавный скролл
↗
4.
Тултипы
↗
5.
Продвинутый скролл
↗
6.
Слайдеры
↗
7.
Ленивая загрузка
↗
8.
Работа с формами
↗
9.
Анимации
↗
Асинхронный JavaScript
11 уроков
1.
Обзор модуля
↗
2.
Синхронный и асинхронный код
↗
3.
Варианты взаимодействия с сервером
↗
4.
Объект Promise
↗
5.
Асинхронное получение данных
↗
6.
CRUD-операции
↗
7.
Альтернативные способы получения данных с сервера
↗
8.
Асинхронные функции
↗
9.
Методы промисов resolve и reject
↗
10.
Методы промисов all и race
↗
11.
Итоги модуля
↗
Проект "Список дел"
9 уроков
1.
Постановка задачи
↗
2.
Декомпозиция на подзадачи
↗
3.
Получение данных с сервера
↗
4.
Отрисовка полученных задач
↗
5.
Отрисовка пользователей
↗
6.
Добавление новой задачи
↗
7.
Изменение статуса
↗
8.
Удаление задачи
↗
9.
Обработка ошибок
↗
Модули и сборка приложения
8 уроков
1.
Понятие js-модуля
↗
2.
npm менеджер
↗
3.
ES6 модули: импорт и экспорт
↗
4.
Сборка приложения
↗
5.
Использование Parcel для сборки
↗
6.
Нюансы экспорта и импорта
↗
7.
Кроссбраузерность приложений
↗
8.
CommonJS модули и файлы .mjs
↗
Проект: определение геолокации по IP
14 уроков
1.
Постановка задачи
↗
2.
Декомпозиция на подзадачи
↗
3.
Создание Frontend-проекта
↗
4.
Верстка шапки
↗
5.
Разбор API по работе с IP
↗
6.
Обработка ввода пользователя
↗
7.
Валидация формы
↗
8.
Динамическая работа с DOM
↗
9.
Разбор API карт
↗
10.
Разметка с картой
↗
11.
Обновление карт на базе IP
↗
12.
Добавление полифилла
↗
13.
Добавление адаптива
↗
14.
Публикация проекта
↗
ООП в JavaScript
16 уроков
1.
Обзор модуля
↗
2.
Актуальность фабрик
↗
3.
Создание классов es6
↗
4.
Прототипное наследование
↗
5.
Наследование классов es6
↗
6.
Статические свойства и методы
↗
7.
Приватные свойства, геттеры, сеттеры
↗
8.
Классы для создания UI компонентов
↗
9.
Шаблоны проектирования
↗
10.
Шаблон Singleton
↗
11.
Шаблон Фабрика
↗
12.
Шаблон Адаптер
↗
13.
Шаблон Фасад
↗
14.
Шаблон Наблюдатель
↗
15.
Концепция ООП
↗
16.
Подведение итогов
↗