18 уроков

Курс JavaScript с нуля

Язык, который оживляет страницу

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

Первый урок открыт целиком — без регистрации.

18уроков с домашней работой к каждому
180заданий с проверкой в браузере
0 ₽курс с погружением — бесплатно
16 часовстолько уходит на уровень
Первый урок · без регистрации Урок 1 · «Первая программа» — с него начинается курс 3 минуты

Что такое JavaScript

Страница, которую вы умеете делать, пока только показывает. Она не считает сумму заказа, не проверяет форму, не прячет меню по нажатию. Всё это делает JavaScript — третий язык страницы и единственный из трёх, который действует.

HTMLчто на страницеCSSкак выглядитJavaScriptчто происходитстраница, которую видит человекпервые два описывают, третий действует
Разметка говорит, что на странице. Стили — как это выглядит. JavaScript — что происходит.

Разница принципиальная. HTML и CSS описывают: вот заголовок, вот он синий. JavaScript выполняется: посчитай, проверь, покажи, спрячь. Первые два браузер читает и рисует, третий — исполняет шаг за шагом.

Отсюда и новое слово: программа. Это список указаний, которые браузер выполняет сверху вниз, по одному.

let цена = 100;
let скидка = 20;
console.log(цена - скидка);
let цена = 100;let скидка = 20;console.log(цена - скидка);80в консоли
Браузер читает строки сверху вниз и выполняет каждую по очереди.

Три строки — три шага. Запомнить сто. Запомнить двадцать. Напечатать разницу. Браузер не угадывает и не переставляет: он делает ровно то, что написано, и ровно в том порядке.

Это и есть главная перемена по сравнению с разметкой. Там вы описывали результат: вот заголовок, вот карточка, вот отступ. Здесь вы описываете путь к результату — и путь надо продумать целиком, потому что додумывать за вас никто не станет.

JavaScript живёт не только в браузере. На нём пишут серверы, приложения для телефона, программы для рабочего стола и даже управление лампочками. Но начинается всё с браузера: это единственное место, где он есть у всех и где ничего не нужно устанавливать.

Весь урок целиком →

Задание из урока

Первое задание этого урока — не выбор варианта, а работа: его удобнее делать в самом уроке.

Открыть урок целиком →
Программа курса 1 уровень · 18 уроков · контрольная уровня с сертификатом

Программа

Уровень 1 — язык и страница 18 уроков · контрольная на 20 заданий

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

01
Первая программа

Понять, чем JavaScript отличается от разметки и стилей, напечатать первое значение в консоль и узнать, какими бывают ошибки.

около 33 минут · домашняя работа
02
Переменные

Научиться давать значениям имена, выбирать между let и const и называть переменные так, чтобы код объяснял себя сам.

около 32 минут · домашняя работа
03
Типы значений

Различать число, строку и остальные типы, собирать текст шаблонными строками и понимать, почему «1» + 1 даёт «11».

около 32 минут · домашняя работа
04
Операторы

Научиться считать, сравнивать и соединять условия — и запомнить, чем один знак равенства отличается от трёх.

около 32 минут · домашняя работа
05
Условия

Научиться ветвить программу: if и else, цепочка проверок, что язык считает правдой и как записать развилку в одну строку.

около 35 минут · домашняя работа
06
Циклы

Научиться повторять: for со счётчиком, while до условия, break и continue — и главную схему, в которой цикл накапливает результат.

около 35 минут · домашняя работа
07
Функции

Научиться выделять работу в функцию: параметры и аргументы, return и ранний выход, значения по умолчанию и область видимости.

около 35 минут · домашняя работа
08
Функция как значение

Понять, что функция — обычное значение: её кладут в переменную, передают колбэком и возвращают из другой функции. И разобраться с замыканием.

около 36 минут · домашняя работа
09
Массивы

Научиться работать со списками: номера с нуля и длина, добавление и удаление, перебор циклом, куски и поиск.

около 34 минут · домашняя работа
10
Перебор списков

Заменить ручные циклы готовыми методами: map преобразует, filter отбирает, reduce сводит к одному, а sort упорядочивает — и всё это складывается в цепочку.

около 36 минут · домашняя работа
11
Объекты

Научиться описывать одну вещь набором полей, читать вложенные данные без падений и работать с массивом объектов — формой, в которой живут почти все данные.

около 36 минут · домашняя работа
12
Строки

Научиться работать с текстом: строка неизменяема, поиск и куски, приведение регистра и замена, шаблонные строки и показ чисел.

около 35 минут · домашняя работа
13
Ошибки и отладка

Научиться читать сообщение об ошибке, перехватывать предвидимые падения, искать причину делением пополам и защищаться от неожиданных данных.

около 36 минут · домашняя работа
14
Найти элемент

Соединить программу со страницей: найти элемент по селектору, отличить поиск одного от поиска всех и прочитать текст, классы, атрибуты и значение поля.

около 33 минут · домашняя работа
15
Менять страницу

Научиться менять найденное: текст безопасным способом, вид через классы, состояние через атрибуты — и создавать новые элементы.

около 36 минут · домашняя работа
16
События

Научиться отвечать на действия человека: повесить обработчик, прочитать событие, поменять страницу — и узнавать три самые частые ошибки в лицо.

около 37 минут · домашняя работа
17
Формы и ввод

Научиться работать с формой: читать поля, отвечать на ввод, перехватывать отправку и проверять данные с понятными сообщениями.

около 37 минут · домашняя работа
18
Проект: список дел

Собрать всё, что было, в один работающий интерфейс: добавить дело, отметить сделанное, удалить и посчитать оставшееся.

около 40 минут · домашняя работа
Кому как объяснять тема одна, различаются примеры и язык

Начало урока «Первая программа» — нажмите подачу и посмотрите, как это написано для вас

Базовая подача Так урок написан для всех, пока подача не выбрана.

Страница, которую вы умеете делать, пока только показывает. Она не считает сумму заказа, не проверяет форму, не прячет меню по нажатию. Всё это делает JavaScript — третий язык страницы и единственный из трёх, который действует.

Как устроен урок. Урок — одна страница: главы подряд, внутри них встроенная практика, в конце итог и домашняя работа. Порог 70%, пересдача через сутки новым набором.

Сертификат. За сданную контрольную уровня — именной, с кодом проверки подлинности; от 95% с отличием.

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

Частые вопросы
Сколько занимает курс «JavaScript»?

Уровень 1 — это 18 уроков примерно на 16 часов вместе с домашними работами и контрольной. Заниматься можно в любом темпе: прогресс сохраняется.

Нужно ли платить?

Нет: курс с погружением бесплатный — уроки, домашние работы, контрольная и сертификат. Регистрация нужна только для того, чтобы сохранялся прогресс.

С чего начать, если я ничего не знаю о теме?

С первого уровня: он написан с нуля и не требует подготовки. Уровни — это глубина, а не точка входа: второй продолжает первый без повторов.

Что такое подача и какую выбрать?

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

Как проверяются задания?

Каждое задание проверяет сервер: ответы не хранятся в браузере, а разбор приходит после ответа. Домашняя работа — 6 заданий из банка, порог 70%, пересдача через сутки новым набором.

Есть ли сертификат?

Да. За сданную контрольную уровня выдаётся именной сертификат с кодом проверки подлинности; от 95% — с отличием. Проверить код может любой на странице /check.

Дальше — весь курс с сохранением прогресса

Регистрацию можно отложить: первые уроки открыты целиком, а прогресс появится, как только заведёте аккаунт.

Зарегистрироваться