Веб-разработка: 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. Посмотрите на адаптивность в примерах

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

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

Найдено: 664
Что такое jQuery и почему он вам нужен? Можно купить
80 ₽ 449 ₽ −82%
Оплатили 59

Что такое jQuery и почему он вам нужен?

W
Можно купить
106 ₽ 3 200 ₽ −97%
Оплатили 88

WebSockets, HTTP/2 и производительность веб-приложений

smartme
iOS 9 by Tutorials Можно купить
244 ₽ 3 780 ₽ −94%
Оплатили 40

iOS 9 by Tutorials

Ray Wenderlich
Landing Page. Пошаговая верстка Можно купить
80 ₽ 1 040 ₽ −92%
Оплатили 86

Landing Page. Пошаговая верстка

Николай Спиряев
Минимальная тема WordPress своими руками Можно купить
80 ₽ 299 ₽ −73%
Оплатили 42

Минимальная тема WordPress своими руками

К
Можно купить
80 ₽ 990 ₽ −92%
Оплатили 71

Как создать One Page Scroll сайт?

М
Можно купить
80 ₽ 2 000 ₽ −96%
Оплатили 84

Мастер-класс по FlexBox вёрстке

Дмитрий Лаврик
HTML/CSS + JavaScript Можно купить
90 ₽ 20 000 ₽ −100%
Оплатили 601

HTML/CSS + JavaScript

GO IT
Уникальный дизайн веб приложений своими руками Можно купить
220 ₽ 3 900 ₽ −94%
Оплатили 46

Уникальный дизайн веб приложений своими руками

javabegin
Минимальная тема WordPress своими руками Можно купить
80 ₽ 250 ₽ −68%
Оплатили 44

Минимальная тема WordPress своими руками

Javascript. Интерактивные веб-приложения Можно купить
816 ₽ 11 970 ₽ −93%
Оплатили 33

Javascript. Интерактивные веб-приложения

Наиль Максудов
Г
Можно купить
80 ₽ 1 073 ₽ −93%
Оплатили 59

Готовый пакет для быстрой верстки сайтов

Евгений Паскару
И
Можно купить
412 ₽
Оплатили 66

Интернет-магазин за 120 рублей в год

Г
Можно купить
304 ₽ 2 700 ₽ −89%
Оплатили 23

Годовая подписка на HTML Academy

HTML Academy
J
Можно купить
294 ₽ 26 000 ₽ −99%
Оплатили 197

JavaScript/DOM/интерфейсы

Илья Кантор
В
Можно купить
80 ₽ 1 790 ₽ −96%
Оплатили 182

Воркшоп: Как верстать адаптивную страницу из PSD-макета за 7 дней

HTМL версткa: с нуля до первого макета Можно купить
818 ₽ 8 900 ₽ −91%
Оплатили 26

HTМL версткa: с нуля до первого макета

Нетология
Курс по AngularJS Можно купить
268 ₽ 15 500 ₽ −98%
Оплатили 133

Курс по AngularJS

loftschool
Верстаем на 5+ версия 2.0 Можно купить
336 ₽ 4 900 ₽ −93%
Оплатили 36

Верстаем на 5+ версия 2.0

Профессия Программист Python Можно купить
360 ₽ 24 950 ₽ −99%
Оплатили 151

Профессия Программист Python

Дмитрий Акинин
J
Можно купить
458 ₽ 21 000 ₽ −98%
Оплатили 99

JavaScript, DOM, интерфейсы

javascript.ru

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

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

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

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

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

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

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

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

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