const skills = ["HTML", "CSS", "JS", "TS", "React", "Vue"]

Стань frontend-разработчиком
с нуля до уровня middle

383 интерактивных уроков. Пишешь и запускаешь код прямо в браузере — ничего устанавливать не нужно.

Все уроки бесплатны. AI-помощник подскажет, если застрял.

Продолжить обучение →Посмотреть программу

С чего начать План на 30 дней Подготовка к интервью

Так выглядит урок изнутри

← Курс/Замыкания (Closures)+15 XP

Замыкания

Функция «помнит» переменные из внешней области видимости даже после того, как та завершила выполнение.

function counter() {

let n = 0

return () => ++n

}

const inc = counter()

inc() // 1

inc() // 2

AI-помощник 3

Почему переменная n доступна после вызова counter()?

Это замыкание — внутренняя функция сохраняет ссылку на переменную n в памяти. Она не удаляется, пока жива ссылка на возвращённую функцию.

Быстрые действия:

383

уроков

курсов

0 ₽

все уроки бесплатно

помощник в каждом уроке

// как учиться

Три шага — и ты уже пишешь код

Открывай урок

Выбирай тему из программы — от HTML-тегов до React-хуков. Все уроки доступны сразу

Пиши код

Редактор встроен в каждый урок. Пиши, запускай и видь результат — ничего устанавливать не нужно

Спроси AI

Не понял тему или хочешь проверить решение — AI-помощник объяснит прямо в уроке

// путь обучения

6 шагов до уровня middle

Каждый курс строится на предыдущем. Начни с HTML — дойди до фреймворков

HTML & CSS

Фундамент: разметка страниц, стилизация, адаптивная вёрстка.

Шаг 1

48 уроков

HTML тегиСемантикаCSS свойстваFlexboxGridАдаптивностьАнимацииБЭМ

JavaScript

Основной язык frontend-разработки. Логика, DOM, события, асинхронность.

Шаг 2

124 уроков

ПеременныеФункцииОбъектыКлассыDOMСобытияasync/awaitFetch APIМодули

Как работает браузер

HTTP, рендеринг, Event Loop — знания, которые отличают мидла от джуна.

Шаг 3

24 уроков

HTTPРендерингEvent LoopWeb WorkersService WorkerDevTools

TypeScript

Типизация поверх JS. Требуется в 90% вакансий.

Шаг 4

60 уроков

ТипыИнтерфейсыGenericsEnumsUtility Typestsconfig

React

Самая востребованная библиотека на рынке. Хуки, роутинг, стейт-менеджмент.

Шаг 5

50 уроков

КомпонентыХукиКонтекстReact RouterRedux ToolkitReact QueryПаттерны

Второй по популярности фреймворк. Composition API, Pinia, Vue Router.

Шаг 6

58 уроков

Composition APIref & reactiveVue RouterPiniaComposables

// содержание

Полная программа курсов

HTML & CSS48 уроков

Основы HTML

Семантика

Формы

CSS: основы

Flexbox

Grid

Адаптивность

Анимации

CSS-переменные

БЭМ

Tailwind

PostCSS

JavaScript124 уроков

Введение

Основы JS

Типы данных

Объекты

Прототипы и классы

Продвинутые функции

Строки и RegExp

Асинхронный JS

DOM

События

Модули

Сеть

Хранилище

Обработка ошибок

Собеседование

Как работает браузер24 уроков

Сеть и HTTP

Рендеринг

JavaScript Engine

APIs

Web Workers

Service Worker

Производительность

DevTools

TypeScript60 уроков

Основы TypeScript

Функции и ООП

Продвинутые типы

Конфигурация

Экосистема TypeScript

React50 уроков

Основы React

JSX

Хуки

Контекст

React Router

Zustand

React Query

Паттерны

Тестирование

Next.js

Экосистема

Vue 358 уроков

Основы Vue 3

Компоненты

Продвинутые возможности

Экосистема Vue

// дополнительные разделы

Гайды, глоссарий и практика

Разделы для быстрого повторения ключевых тем и практики

Гайды

Пошаговые статьи: roadmap, карьера, выбор стека, портфолио.

Глоссарий

Короткие определения терминов, которые часто спрашивают на интервью.

Практика

Тренировочные сеты задач по JS, TS, React и Vue.

Темы

Кластерные хабы: уроки + гайды + практика + термины по теме.

// кластеры и интенты

Не видео. Не статьи. Практика

AI-помощник

Задай вопрос прямо в уроке — AI объяснит тему простыми словами или разберёт твой код.

Редактор кода

Пишешь код → нажимаешь «Запустить» → видишь результат. Всё в браузере.

Прогресс и XP

Каждый урок = очки опыта. Видишь, сколько прошёл и сколько осталось.

// монетизация

Учишься бесплатно. AI — за токены

Все уроки и практика — без ограничений. AI подключаешь, когда нужен

✓ Бесплатно навсегда

383 уроков: HTML, CSS, JS, TS, React, Vue
Редактор кода в каждом уроке
Запуск и проверка результата
Прогресс, XP и статистика
Roadmap от нуля до middle
Вопросы для собеседований

AI-помощник — по желанию

Объяснение темы другими словами
Проверка твоего кода с советами
Частые ошибки новичков
Ответы на любые вопросы по теме

3 токена бесплатно при регистрации · 1 токен = 1 вопрос к AI

// вопросы

Частые вопросы

Нужен ли опыт программирования?

Нет. Программа начинается с HTML — что такое тег, как устроена страница. Дальше CSS, потом JavaScript. Каждый урок строится на предыдущем.

В каком порядке проходить?

HTML & CSS → JavaScript → Браузер → TypeScript → React или Vue. Порядок важен: без HTML и CSS фреймворки будут непонятны.

Чем это отличается от YouTube и статей?

Структура. Здесь не набор видео, а последовательная программа из 383 уроков с практикой в каждом. Плюс AI-помощник, который объяснит именно твою ошибку.

Это правда бесплатно?

Да. Все уроки, редактор кода, прогресс — бесплатно и без ограничений. AI-помощник работает по токенам: 3 даём при регистрации, дальше можно докупить.

Нужно ли что-то устанавливать?

Нет. Редактор кода встроен в каждый урок. Открываешь в браузере — пишешь и запускаешь код. Работает на любом устройстве.

Можно ли подготовиться к собеседованию?

Да. Есть 15 уроков с типичными вопросами на frontend-интервью: замыкания, промисы, event loop, this, CORS и другие темы, которые спрашивают чаще всего.

// готов?

Начни прямо сейчас

383 уроков. Бесплатно. Без установок.

Продолжить обучение →

Стань frontend-разработчиком
с нуля до уровня middle

Замыкания

Три шага — и ты уже пишешь код

6 шагов до уровня middle

Полная программа курсов

Гайды, глоссарий и практика

Популярные маршруты обучения

Быстрые ссылки по запросам

Не видео. Не статьи. Практика

Учишься бесплатно. AI — за токены

Частые вопросы

Нужен ли опыт программирования?

В каком порядке проходить?

Чем это отличается от YouTube и статей?

Это правда бесплатно?

Нужно ли что-то устанавливать?

Можно ли подготовиться к собеседованию?

Начни прямо сейчас

Стань frontend-разработчикомс нуля до уровня middle

Замыкания

Три шага — и ты уже пишешь код

6 шагов до уровня middle

Полная программа курсов

Гайды, глоссарий и практика

Популярные маршруты обучения

Быстрые ссылки по запросам

Не видео. Не статьи. Практика

Учишься бесплатно. AI — за токены

Частые вопросы

Нужен ли опыт программирования?

В каком порядке проходить?

Чем это отличается от YouTube и статей?

Это правда бесплатно?

Нужно ли что-то устанавливать?

Можно ли подготовиться к собеседованию?

Начни прямо сейчас

Стань frontend-разработчиком
с нуля до уровня middle