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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Найдено: 1094
Что такое 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 сайт?

Вёрстка из PSD в HTML c помощью Avocode. Практика Предзаказ
862 ₽ 1 000 ₽ −14%

Вёрстка из PSD в HTML c помощью Avocode. Практика

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

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

Дмитрий Лаврик
Н
Предзаказ
2 888 ₽ 11 900 ₽ −76%
Оплатили 5

Набор новых курсов

javabegin
HTML/CSS + JavaScript Можно купить
90 ₽ 20 000 ₽ −100%
Оплатили 601

HTML/CSS + JavaScript

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

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

javabegin
Курс - Практикум по Frontend разработке Предзаказ
2 636 ₽ 6 300 ₽ −58%

Курс - Практикум по Frontend разработке

CBS
Минимальная тема 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
H
Предзаказ
12 370 ₽

HTML5 и CSS3 Современные средства Web-разработки

GeekBrains
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: с нуля до первого макета

Нетология

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

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

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

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

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

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

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

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

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