Веб-разработка: Frontend

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

Frontend отвечает за всё, что происходит в браузере пользователя: разметку страницы, стили, реакцию интерфейса на клики и ввод данных. Раздел охватывает и базовые технологии вроде HTML и CSS, без которых не работает ни один сайт, и фреймворки уровня React или Vue, которые упрощают построение сложных интерактивных приложений поверх этих основ.

Путь здесь обычно последовательный: сначала разметка и стили, затем JavaScript для интерактивности, и только потом фреймворк — попытка сразу выучить React без понимания того, что он делает поверх обычного JavaScript, чаще усложняет обучение, а не ускоряет его.

В каталоге
1095 курсов
Доступно сейчас
664
На стадии сбора
429
Стоимость участия
от 40 ₽

Данные каталога обновлены 21 сентября 2026 г.

Порядок изучения фронтенда важнее набора тем

  1. Проверьте базовый уровень входа

    Материалы по React или Vue обычно предполагают знание JavaScript — уточните, разбирается ли эта база до фреймворка.

  2. Отделите вёрстку от программирования

    HTML и CSS — это разметка и стили, а не логика, уточните, что именно охватывает конкретный материал.

  3. Оцените актуальность фреймворка

    Фронтенд-экосистема меняется быстро — сверьте версии React, Vue или Angular с текущими.

  4. Посмотрите на адаптивность в примерах

    Интерфейс должен работать на разных экранах — проверьте, разбирается ли адаптивная вёрстка.

Курсы в каталоге

Найдено: 1095
V
Можно купить
350 ₽ 9 800 ₽ −96%
Оплатили 64

Vue.js Интенсивный курс для программистов

Дмитрий Лаврик
F
Можно купить
200 ₽ 899 ₽ −78%

Fullstack Laravel API development with Nuxt and Linux

Neba Funwi-gabga
Верстка сайта транспортной компании Можно купить
188 ₽ 990 ₽ −81%

Верстка сайта транспортной компании

Дмитрий Валак
Программирование на JavaScript с Нуля до Гуру 2.0 Можно купить
370 ₽ 10 900 ₽ −97%
Оплатили 67

Программирование на JavaScript с Нуля до Гуру 2.0

Михаил Русаков
T
Можно купить
352 ₽ 5 829 ₽ −94%
Оплатили 39

TypeScript

Lectrum
G
Можно купить
1 000 ₽ 14 380 ₽ −93%
Оплатили 26

GraphQL

Lectrum
A
Предзаказ
8 413 ₽ 50 000 ₽ −83%

Atlassian Jira. Разработка плагинов

teamlead
Проект на JavaScript «Конструктор планировки квартиры» Можно купить
80 ₽ 1 990 ₽ −96%
Оплатили 93

Проект на JavaScript «Конструктор планировки квартиры»

HTML Academy
Введение в веб-разработку: JavaScript Можно купить
182 ₽ 2 123 ₽ −91%
Оплатили 33

Введение в веб-разработку: JavaScript

Lectrum
Продвинутый курс по Immutable.js Можно купить
122 ₽ 808 ₽ −85%
Оплатили 26

Продвинутый курс по Immutable.js

Lectrum
Продвинутый курс по Redux-Saga Можно купить
174 ₽ 1 538 ₽ −89%
Оплатили 27

Продвинутый курс по Redux-Saga

Lectrum
Продвинутый видеокурс по Redux Можно купить
486 ₽ 8 040 ₽ −94%
Оплатили 38

Продвинутый видеокурс по Redux

Lectrum
Продвинутый курс по Webpack v4 Можно купить
314 ₽ 6 700 ₽ −95%
Оплатили 50

Продвинутый курс по Webpack v4

Lectrum
П
Можно купить
202 ₽ 2 000 ₽ −90%
Оплатили 28

Посадка вёрстки на WordPress

Glo Academy
Профессия Фронтенд JavaScript Можно купить
170 ₽ 3 900 ₽ −96%
Оплатили 60

Профессия Фронтенд JavaScript

Hexlet.Io
Построение сеток на флексах по макету Серия · 2 выпуска
84 ₽ 1 290 ₽ −93%

Построение сеток на флексах по макету

HTML Academy
Экспорт параметров и графики из PSD-макетов Серия · 2 выпуска
134 ₽ 890 ₽ −85%

Экспорт параметров и графики из PSD-макетов

HTML Academy
Frontend-разработчик с нуля. Часть 1/10 Предзаказ
641 ₽ 6 659 ₽ −90%

Frontend-разработчик с нуля. Часть 1/10

Нетология
Вёрстка на CSS Grid Предзаказ
2 987 ₽ 20 000 ₽ −85%
Оплатили 6

Вёрстка на CSS Grid

Илья Бодров
П
Серия · 2 выпуска
400 ₽ 7 900 ₽ −95%
Оплатили 42

Продвинутая вёрстка

Дмитрий Лаврик

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

С чего лучше начинать фронтенд — сразу с React?

Большинство материалов предполагают знание HTML, CSS и базового JavaScript до перехода к React или другому фреймворку — начинать сразу с фреймворка без этой базы обычно сложнее.

Обязательно ли знать все фреймворки — React, Vue и Angular?

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

Чем фронтенд отличается от бэкенда?

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

Нужен ли дизайнерский вкус для фронтенд-разработки?

Базовое понимание визуальной композиции облегчает работу, но в большинстве команд макеты создаёт отдельный дизайнер, а разработчик реализует их в коде.