Код перестанет быть шифром
console.log, переменные const, строки в кавычках и шаблонные строки с ${...}: читаешь программу и знаешь, что она напечатает.
интерактивные уроки для начинающих
Уроки JavaScript с нуля —
первая программа в браузере
5 интерактивных уроков JavaScript: console.log и переменные, условия, массивы и циклы, объекты и функции. Код работает в браузере, первый урок бесплатно.
начать первый урок бесплатноРегистрация нужна, чтобы сохранять прогресс · без карты и установки
что изменится
От console.log до функций, которые проверяют ввод и считают деньги
Пять уроков повторяют пять тем курса «JavaScript с нуля»: каждый заканчивается той же формой задачи, что ждёт дальше.
Программа начнёт принимать решения и считать
if и else, строгое === вместо ==, ранний return, цикл for...of с накопителем, объект-счётчик и копия через ...spread.
Функции будут возвращать результат, а не печатать его
Параметры по умолчанию, несколько return, «распарсить или вернуть null» и функция-отчёт с фиксированными ключами.
как проходит урок
Небольшой шаг —
и сразу практика
Вместо длинной лекции урок ведёт от короткого объяснения к самостоятельному действию и понятной проверке.
- 01
Объяснение
Одна новая идея без лишних терминов и перегрузки.
- 02
Вопрос
Небольшая проверка помогает остановиться и подумать.
- 03
Код
Пишешь несколько строк прямо в окне урока.
- 04
Обратная связь
Сразу видишь результат и понимаешь следующий шаг.
программа
5 уроков: от console.log до функций с return
Один урок на каждую тему курса. После урока — пять прикладных задач той же темы в том же браузере.
Основы JavaScript
Первая программа, переменные и строки, условия и boolean, массивы и циклы, объекты и копии, функции с return.
темы и доступ к урокам
- 01 Первая программа: console.log и переменные 15 мин · Бесплатно
console.log и строки, переменные const, шаблонные строки ${}, функция с return: первая программа и первая задача курса.
- 02 Условия: if, сравнения и boolean 25 мин · Premium
if, else и ранний return, === вместо ==, boolean, && и ||, тернарный оператор: баланс и покупка, фильтр чата, статусы заказа.
- 03 Массивы и циклы: for...of и накопитель 25 мин · Premium
массив, length и индекс, for...of и накопитель, классический for, новый массив через push: счётчик привычек, заголовки для экрана часов, строки чека.
- 04 Объекты: ключи, in, копии и группировка 25 мин · Premium
объект, ключи и obj[key], оператор in и значение по умолчанию, копия через ...spread, группировка по ключу: настройки, счётчик реакций, альбомы фотографий.
- 05 Функции: параметры по умолчанию, ранний return и отчёт 30 мин · Premium
параметр по умолчанию, несколько return, «распарсить или вернуть null», функция возвращает объект: время звонка, сумма пополнения, сводка корзины, отчёт тренажёра печати.
что внутри урока
Что именно проверяет урок
Каждый урок — 12–14 коротких шагов четырёх видов. Объяснение вводит одну идею. Вопрос с вариантами проверяет, что идея понята. Шаг «предскажи вывод» показывает код и просит написать, что он напечатает, до запуска. Шаг с кодом даёт задачу и стартовый код с многоточием на месте, которое нужно дописать.
Код выполняется прямо в браузере, а вывод выглядит так же, как в консоли Node.js. Проверка сравнивает его с ожидаемым построчно, поэтому важна каждая буква и каждый пробел: если разошлось, урок покажет, где именно.
В задачах на функции проверяется возвращаемое значение, а не то, что напечатано: функция должна вернуть строку, число или объект с нужными ключами — так же, как потом в задачах курса.
У каждого шага есть подсказка: она называет следующее действие, а не готовый ответ. После проверки урок объясняет, зачем это было нужно, и переходит дальше. Прогресс сохраняется в аккаунте по шагам, поэтому урок можно закрыть и вернуться к тому же месту.
доступ
Что бесплатно, а что в Premium
Бесплатно открыты 1 из 5 уроков: «Первая программа: console.log и переменные». Нужен только аккаунт, чтобы прогресс сохранялся; карта не нужна.
Остальные 4 урока открывает подписка Premium за 490 ₽ в месяц. Подписка одна на весь Koddo: она же открывает Premium-задачи в тренажёрах, курсах и сборниках.
Бесплатную часть можно пройти за один вечер, а к остальному вернуться позже: урок запомнит, на каком шаге ты остановился.
кому подходит
Кому подходят уроки JavaScript
Тем, кто никогда не писал код
Первый урок бесплатный и занимает 15 минут: console.log, переменная const и шаблонная строка. Установка не нужна, JavaScript уже есть в браузере.
Тем, кто идёт во фронтенд или в Node.js
Уроки не про кнопки и вёрстку, а про язык: условия, массивы, объекты и функции, которые возвращают результат. Это база для любого кода на JavaScript.
Тем, кто хочет сразу решать задачи
Каждый урок повторяет тему курса «JavaScript с нуля» и заканчивается задачей в том же формате: после урока — пять задач той же темы с автопроверкой.
разбор на примере
Как проходит шаг с кодом
Возьмём второй шаг с кодом первого урока «Первая программа: console.log и переменные». Первая программа уже запущена, урок объяснил, что console.log печатает строку.
Задание. Создай переменную city со значением "Москва" — замени многоточие — и напечатай её через console.log(city).
const city = "...";
console.log(city);Ожидаемый вывод: Москва
- Код выполняется в браузере, вывод сравнивается с ожидаемым построчно, как в консоли Node.js.
- Подсказка показывает порядок действий, а не готовое решение.
- После проверки урок объясняет принцип: значение живёт в переменной, а печатает его имя. Так работает любая программа: сохранил — использовал.
Подсказка к шагу: «Сначала строка const city = "Москва";, потом console.log(city); — без кавычек внутри console.log.»
Дальше в том же уроке: предсказать вывод console.log(name), собрать вторую строку шаблонной строкой и дописать первую функцию с return — это же первая задача курса. Всего 14 шагов на 15 минут.
можно начинать без подготовки
Начинай, даже если никогда не писал код
Ничего устанавливать не нужно
JavaScript уже встроен в твой браузер: код урока выполняется в нём, без Node.js и редакторов.
Опыт не требуется
Каждое новое слово объясняется до того, как понадобится в задании.
Ошибки — часть обучения
Проверка помогает понять, что поправить, и попробовать ещё раз. Если часть кода набрана в русской раскладке, урок покажет, где: «а» в строке 2 — переключи на латиницу.
уже знакомы с основами?
А если основы уже знакомы?
Переходи в сборник «Современный JavaScript»: деструктуризация и spread, конвейеры map/filter/reduce, замыкания, классы и промисы. Каждую задачу проверяют тесты.
что выбрать
Как уроки связаны с курсом и тренажёром
Уроки объясняют язык шаг за шагом и заканчиваются задачей в формате курса. Это начало курса «JavaScript с нуля»: в приложении урок стоит в модуле рядом с задачами на ту же тему — всего 25 задач, их проверяют тесты.
HTML/CSS-тренажёр — про вёрстку, а не про язык: пригодится, когда захочется увидеть результат на странице, а в его последнем модуле JavaScript оживляет свёрстанную страницу. Сборник «Современный JavaScript» — следующий уровень: деструктуризация, замыкания, классы и промисы.
- Курс «JavaScript с нуля» — 5 уроков и 25 задач с проверкой тестами
- Сборник «Современный JavaScript» — деструктуризация, замыкания, классы и промисы
- HTML/CSS-тренажёр — вёрстка в браузере с проверкой, результат виден сразу
- Справочник по JavaScript — массивы и разборы ошибок: undefined, Failed to fetch, CORS
- Тест по JavaScript — быстрая самопроверка перед стартом
- Карта навыков Frontend-разработчика — что учить после основ JavaScript и в каком порядке
частые вопросы
Поможем выбрать старт
Никогда не писал код? Уроки JavaScript с нуля. Всё объясняется до первого задания.
Знаешь переменные, условия и циклы? Курс «JavaScript с нуля». Закрепи их на прикладных задачах курса.
Уверенно пишешь функции и работаешь с массивами? Сборник «Современный JavaScript». Деструктуризация, замыкания, классы и промисы.
Нет. Код пишется и запускается прямо в браузере внутри урока, а вывод выглядит так же, как в Node.js.
После запуска урок сравнивает вывод программы с ожидаемым построчно. Если что-то не совпало, он покажет, где именно, и подскажет, на что обратить внимание.
5 уроков — это около 2 часов чистого времени, если делать все шаги. Проходить подряд не обязательно: прогресс сохраняется по шагам, можно закрыть урок и вернуться к тому же месту.
Бесплатно открыты 1 из 5 уроков: «Первая программа: console.log и переменные». Остальные 4 урока открывает подписка Premium за 490 ₽ в месяц — та же, что открывает остальные задачи тренажёров, курсов и сборников.
Решать задачи курса: в модулях «JavaScript с нуля» рядом с уроками — 25 задач по тем же пяти темам, их проверяют тесты. Затем сборник «Современный JavaScript» — деструктуризация, замыкания, классы и промисы.
первый шаг
Первая программа ближе, чем кажется
Создай аккаунт, чтобы сохранять прогресс. После регистрации вернём тебя в первый урок. Карта не нужна.