Фронтенд-разработчик: от первой страницы до TypeScript

HTML, CSS, JavaScript и TypeScript — шаг за шагом от первой свёрстанной страницы до типизированного кода и React.

284 студентов уже учатся

НовичокРусскийОбновлено в октябре 2026

Чему ты научишься

Верстать страницы на HTML и оформлять их на CSS
Писать на JavaScript: условия, циклы, массивы, объекты, функции
Оживлять страницы: DOM и браузерные API
Работать с асинхронностью и загружать данные с сервера
Применять ООП и методы массивов в JavaScript
Типизировать код на TypeScript: интерфейсы, generics, продвинутые типы
Писать компоненты на React с TypeScript

Твой путь

5 шагов от первого урока до финиша

БЕСПЛАТНО

Шаг 1Бесплатно

Основы HTML

Первая страница: разметка HTML и основы стилей

Введение · 4 урока
Теория, практика и домашние задания · 23 урока

27 уроков 0 задач

РБ

О курсе

Шаг 2749 ₽999 ₽

Изучаем CSS

Оформление сайтов на CSS: от базы до новых возможностей

Базовая теория · 12 уроков
Теория и практика · 23 урока
БОНУС. Новое в CSS · 9 уроков

44 урока 0 задач

РБ

О курсе

Шаг 3Бесплатно

JavaScript – для начинающих!

JavaScript с нуля: логика, функции, DOM, асинхронность

Введение · 4 урока
Основы JavaScript · 6 уроков
Условные конструкции · 5 уроков
Циклы · 4 урока

71 урок 137 задач

О курсе

Шаг 4749 ₽999 ₽

Тайный культ JavaScript: от послушника до просвещенного

Закрепляем JavaScript на видео-разборах и практике

Теория · 18 уроков
Теория и практика · 31 урок

49 уроков 0 задач

РБ

О курсе

Шаг 5Бесплатно

TypeScript - для начинающих!

Типы для надёжного кода: интерфейсы, generics, React + TypeScript

Введение в TypeScript · 6 уроков
Примитивные типы · 6 уроков
Переменные и типы данных · 6 уроков
Функции · 6 уроков

72 урока 85 задач

О курсе

Финиш

Все курсы пройдены — ты прошёл путь!

Программа

5 курсов · 31 тема · 263 урока · 222 задачи

Для кого

Тем, кто хочет делать сайты и интерфейсы
Дизайнерам, которые хотят сами воплощать свои макеты
Тем, кто начинал JavaScript, но бросил на середине

Что нужно знать заранее

Опыт программирования не нужен — начинаем с HTML
Компьютер с браузером и редактором кода

Выгода пути

Весь путь дешевле, чем те же курсы по отдельности

КурсПо отдельностиВ роадмапе

Основы HTMLПо отдельностиБесплатноВ роадмапеБесплатно

Изучаем CSSПо отдельности999 ₽В роадмапе749 ₽

JavaScript – для начинающих!По отдельностиБесплатноВ роадмапеБесплатно

Тайный культ JavaScript: от послушника до просвещенногоПо отдельности999 ₽В роадмапе749 ₽

TypeScript - для начинающих!По отдельностиБесплатноВ роадмапеБесплатно

Итого весь путь

1 998 ₽1 498 ₽

Экономия 500 ₽ (−25%)

Преподаватели

РБ

Руслан Брантов

5.02537

Начинал карьеру как графический дизайнер в типографии. Работал на данной должности около 5 лет, затем перешёл в веб-дизайн и параллельно стал разрабатывать компьютерные игры.

Ведёт:Изучаем CSSОсновы HTMLТайный культ JavaScript: от послушника до просвещенного

Тимур Сагитов

5.0311516

Senior Python Developer. Стаж 12 лет. Более 4 миллионов просмотров на YouTube, создатель проекта $ sudo teach IT. Преподаёт с 2019 года, программирует с 2013.

Ведёт:JavaScript – для начинающих!

Команда $ sudo teach IT

5.022725

Опытные преподаватели, научные руководители и их помощники ежедневно работают над созданием и улучшением курсов платформы!

Ведёт:JavaScript – для начинающих!TypeScript - для начинающих!

О роадмапе

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

Статьи по теме

Практика TypeScript: как типизировать доменные модели и избежать рассинхрона UI/API

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

TypeScript и типобезопасный UI/API: как строить схемы данных без ручного маппинга

Поговорим о подходе “types-first” и о том, как уменьшить количество ручных преобразований между слоями. Рассмотрим проверяемые границы: DTO, ответы сервера, формы и нормализацию данных.

Система типов как инструмент мышления: union, narrowing и дискриминируемые объединения в TypeScript

На реальных примерах разберём, как проектировать безопасные модели данных и извлекать пользу из narrowing вместо кастов.

Начинаем с TypeScript правильно: строгие настройки и защита от самых частых багов

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

Generics в TypeScript: пишем универсальный код без потери типобезопасности

Разбираем обобщённые типы на практике — от простых функций до сложных ограничений с extends и keyof. После статьи вы перестанете избегать дженериков и начнёте использовать их осознанно.

Как устроен async/await в JavaScript: Event Loop, микрозадачи и очерёдность выполнения

Погружаемся в механику асинхронного JS: почему промисы выполняются раньше setTimeout, как Event Loop обрабатывает очереди и какие ошибки совершают новички при работе с async/await.