const path = "от вёрстки до сайта на WordPress"

Научись делать сайты
с нуля

Бесплатные уроки по HTML, CSS и JavaScript — пишешь код прямо в браузере. И личное наставничество, где ты проходишь путь от вёрстки до WordPress-сайта и первых реальных задач.

Все уроки бесплатны. Наставничество — 4 месяца, личная работа с ментором.

Продолжить обучение →Пройти наставничество

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

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

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

Замыкания

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

function counter() {

let n = 0

return () => ++n

}

const inc = counter()

inc() // 1

inc() // 2

AI-помощник 3

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

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

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

429

уроков

курсов

0 ₽

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

4 мес

программа наставничества

// формат обучения

Выбери формат обучения

Бесплатные уроки

HTML, CSS и JavaScript, интерактивные задания, практика в браузере, AI-помощник в каждом уроке.

HTML, CSS, JS, TypeScript, React, Vue

Редактор кода в браузере

Прогресс и XP

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

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

Наставничество

4 месяца личной работы: 1–2 созвона в неделю, code review, лендинг → JavaScript → WordPress → деплой → портфолио.

HTML/CSS, JavaScript, PHP, WordPress

Git, хостинг, деплой

Знакомство с Bitrix, AI-инструменты

Code review и созвоны с ментором

Посмотреть наставничество →

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

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

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

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

Пиши код

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

Спроси AI

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

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

Бесплатные курсы платформы

Каждый курс строится на предыдущем. Начни с 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 подключаешь, когда нужен

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

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

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

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

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

// личное наставничество

4-месячная программа наставничества

Персональный путь от нуля до реальных проектов — не записанный курс, а работа с ментором

Это личное наставничество, а не курс

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

Регулярные созвоны

Разбираем теорию, смотрим твой код, объясняем на реальных примерах

Code review

Каждое задание разбирается — что не так, почему и как написать правильно

Структурированный план

Чёткая программа: что учить, в каком порядке, с практическими задачами

Практические проекты

К концу — реальные работы в портфолио, а не просто просмотренные уроки

Что проходим за 4 месяца

HTML, CSS и вёрсткаАдаптивный дизайнJavaScript для интерактивностиОсновы PHPWordPress с нуляGit и рабочий процессХостинг и деплойЗнакомство с BitrixAI-инструменты для разработкиЧтение кода и отладкаКлиентоподобные задачиФинальный проект в портфолио

Цель программы

Через 4 месяца ты не просто «посмотришь уроки» — ты будешь понимать, как строятся сайты, иметь реальные проекты в портфолио и быть готовым к фриланс-задачам, стажировке или первым клиентским проектам.

Подробнее о программе

// вопросы

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

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

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

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

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

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

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

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

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

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

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

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

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

Чем наставничество отличается от бесплатного курса?

Бесплатный курс — самостоятельное изучение HTML, CSS, JS и фреймворков в браузере. Наставничество — 4-месячная программа с личной работой: 1–2 созвона в неделю, code review, PHP, WordPress, Git, деплой, знакомство с Bitrix и AI-инструментами. Итог — реальные проекты в портфолио.

// следующий шаг

С чего начать?

Выбери путь — бесплатные уроки или личное наставничество.

Продолжить обучение →Пройти наставничество

Научись делать сайты
с нуля

Замыкания

Выбери формат обучения

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

Бесплатные курсы платформы

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

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

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

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

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

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

4-месячная программа наставничества

Что проходим за 4 месяца

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

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

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

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

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

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

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

Чем наставничество отличается от бесплатного курса?

С чего начать?

Научись делать сайтыс нуля

Замыкания

Выбери формат обучения

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

Бесплатные курсы платформы

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

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

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

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

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

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

4-месячная программа наставничества

Что проходим за 4 месяца

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

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

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

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

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

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

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

Чем наставничество отличается от бесплатного курса?

С чего начать?

Научись делать сайты
с нуля