Тренажёр «JavaScript»: задания с проверкой

Язык с нуля: переменные и типы, условия и циклы, функции и замыкания, массивы, объекты и строки — а в конце страница, которая отвечает на нажатия. Код пишется прямо в браузере, результат видно сразу.

Как тренироваться

Полный тренажёр повторяет темы после сданной домашней работы: выбирает задания по результатам, показывает ошибки и помогает закрепить материал. Для сохранения результатов нужен аккаунт.

Открыть полный тренажёр Пройти курс

Начните с открытого урока

В открытом уроке есть теория и задания. Практику с редактором или схемой удобнее проходить на странице урока.

Первый урок: Первая программа

Что можно повторить

Первая программа
Понять, чем JavaScript отличается от разметки и стилей, напечатать первое значение в консоль и узнать, какими бывают ошибки.
Переменные
Научиться давать значениям имена, выбирать между let и const и называть переменные так, чтобы код объяснял себя сам.
Типы значений
Различать число, строку и остальные типы, собирать текст шаблонными строками и понимать, почему «1» + 1 даёт «11».
Операторы
Научиться считать, сравнивать и соединять условия — и запомнить, чем один знак равенства отличается от трёх.
Условия
Научиться ветвить программу: if и else, цепочка проверок, что язык считает правдой и как записать развилку в одну строку.
Циклы
Научиться повторять: for со счётчиком, while до условия, break и continue — и главную схему, в которой цикл накапливает результат.
Функции
Научиться выделять работу в функцию: параметры и аргументы, return и ранний выход, значения по умолчанию и область видимости.
Функция как значение
Понять, что функция — обычное значение: её кладут в переменную, передают колбэком и возвращают из другой функции. И разобраться с замыканием.
Массивы
Научиться работать со списками: номера с нуля и длина, добавление и удаление, перебор циклом, куски и поиск.
Перебор списков
Заменить ручные циклы готовыми методами: map преобразует, filter отбирает, reduce сводит к одному, а sort упорядочивает — и всё это складывается в цепочку.
Объекты
Научиться описывать одну вещь набором полей, читать вложенные данные без падений и работать с массивом объектов — формой, в которой живут почти все данные.
Строки
Научиться работать с текстом: строка неизменяема, поиск и куски, приведение регистра и замена, шаблонные строки и показ чисел.
Ошибки и отладка
Научиться читать сообщение об ошибке, перехватывать предвидимые падения, искать причину делением пополам и защищаться от неожиданных данных.
Найти элемент
Соединить программу со страницей: найти элемент по селектору, отличить поиск одного от поиска всех и прочитать текст, классы, атрибуты и значение поля.
Менять страницу
Научиться менять найденное: текст безопасным способом, вид через классы, состояние через атрибуты — и создавать новые элементы.
События
Научиться отвечать на действия человека: повесить обработчик, прочитать событие, поменять страницу — и узнавать три самые частые ошибки в лицо.
Формы и ввод
Научиться работать с формой: читать поля, отвечать на ввод, перехватывать отправку и проверять данные с понятными сообщениями.
Проект: список дел
Собрать всё, что было, в один работающий интерфейс: добавить дело, отметить сделанное, удалить и посчитать оставшееся.

Практика и материалы по теме курса

Все тренажёры