Основы фронтенд разработки

ФронтендНачальный уровеньПопулярный

За пару недель в спокойном темпе свёрстаешь и оживишь свой первый сайт

Курс «Основы фронтенд разработки»

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

  • Без регистрации
  • Возврат 14 дней
  • Доступ навсегда
  • Вопросы автору в комментариях
12 часов59 уроков12 практических заданий2 проекта в портфолио
Автор курса сотрудничает с ведущими вузами:ИТМО · МИСИС · МАУ
5(3 отзыва)
Обновлено 30 апреля 2026
Русский
12 ч
Основы фронтенд разработки

300+

студентов автора

7 лет

коммерческой разработки

20+

проектов разного масштаба

ИТМО · МИСИС · МАУ

сотрудничество с ведущими вузами

Что ты будешь уметь после курса

Конкретные навыки, которые остаются с тобой после прохождения

Свёрстаешь адаптивный лендинг с нуля на чистом HTML и CSS

Применишь flexbox и grid в реальной разметке, а не в учебных примерах

Подключишь интерактив на JavaScript: события, формы, fetch

Поработаешь с DOM: создашь карусель, валидацию формы, lazy-list

Соберёшь два проекта в портфолио — лендинг и капстон по техзаданию

Освоишь dev-tools браузера и базовый workflow git

Сможешь самостоятельно собирать полноценные веб-приложения — лендинги, формы, интерактив, работу с API

Закроешь теорию, чтобы при желании платить большим школам только за практику и фреймворки, а не за основы

Кому подойдёт этот курс

Опыт в программировании не нужен — только желание разобраться.

Хочу попробовать вёрстку

Не уверен, твоё ли это, и не хочешь сразу вкладывать 50 000 ₽ в большую программу. Здесь ты пробуешь без рисков и решаешь сам.

Запутался в туториалах

Смотришь YouTube, читаешь статьи — но в голове хаос. Этот курс даёт стройную дорожную карту: что, в каком порядке и зачем.

Готовлюсь к большой школе

Хочешь прийти в Я.Практикум или Хекслет с пониманием, а не с нуля — и закрыть теорию заранее, чтобы платить за практику, а не за уроки.

Почему именно этот курс

Первый модуль — без регистрации

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

12 часов вместо 6 месяцев

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

Полноценные веб-приложения после курса

Не просто верстаешь — учишься строить интерактивные сайты целиком: формы, fetch, работу с DOM, хранение данных. После курса собираешь свои проекты сам.

Два проекта в портфолио

На выходе — лендинг про Петербург и капстон-проект по техзаданию. Реальные работы, которые можно показать на собеседовании.

4 900 ₽ с учётом скидки

Полная цена курса — 7 900 ₽, сейчас действует скидка. Дешевле большинства аналогов в 3–5 раз. Без подписки, без апселлов — заплатил один раз и учишься в своём темпе.

Возврат денег за 14 дней

Если не подошёл — вернём деньги без вопросов. Решение принимаешь после первой недели реальной учёбы, а не до.

Как устроено обучение

Без перегруженных вебинаров и групповых дедлайнов — только ты, урок и практика

1

Читаешь короткий урок

5–15 минут на урок: разбор концепции, примеры кода, ссылки на углублённые материалы.

2

Делаешь практическое задание

Открываешь свой редактор и пишешь код — каждый модуль ведёт к части итогового сайта.

3

Задаёшь вопрос, если застрял

Комментарии прямо под уроком или форма обратной связи — отвечаю лично.

4

Получаешь готовый проект

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

Что ты создашь

Не просто упражнения — реальные проекты, которые можно показать

Лендинг про Санкт-Петербург
Проект 1 — из уроков

Лендинг про Санкт-Петербург

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

  • Вёрстка с нуля на HTML и CSS
  • Интерактивность на JavaScript
  • Адаптив под мобильные устройства
Самостоятельный проект
Проект 2 — капстон

Самостоятельный проект

В финале курса ты получаешь задание в стиле настоящего рабочего проекта и выполняешь его без подсказок. Если что-то не получается — задаёшь вопрос автору прямо в комментариях к уроку.

  • Работа по техническому заданию
  • Самостоятельное решение реальной задачи
  • Готов для портфолио

Отзывы студентов

Отзывы

5.0· 3 отзыва
I
ivan_p
3 месяца назад

Очень доволен курсом. Практика на реальном проекте (лендинг про Санкт-Петербург) — отличная идея, потому что видишь результат своей работы с первых уроков. Раздел по JavaScript особенно хорош: замыкания и async/await наконец стали понятны. Спасибо автору!

М
Максим
3 месяца назад

Начинал с нуля — не знал даже что такое тег. После курса сверстал собственный лендинг и добавил к нему интерактивность на JS. Объяснения очень понятные, примеры реальные. Лучший старт для новичка, который я только мог найти.

О
Оля
2 месяца назад

Проходила параллельно несколько платформ — этот курс выделяется структурой. Каждый модуль логично вытекает из предыдущего, темп комфортный. HTML, CSS, Flexbox, Grid, анимации и JavaScript — всё разобрано без спешки.

Войдите, чтобы оставить отзыв

Ваш преподаватель

Максим Дробышев

Максим Дробышев

Ведущий фронтенд-разработчик и ментор

Ведущий фронтенд-разработчик с 7+ годами коммерческого опыта — от фриланса через стартапы до крупных международных корпораций. За карьеру участвовал в 20+ проектах разного масштаба и сложности.

С 2021 года сотрудничаю с ведущими вузами России — ИТМО, МИСИС, МАУ — как наставник и код-ревьюер в их образовательных программах, а также в учебных программах топовых IT-компаний. Более 300 студентов уже прошли мои курсы.

7+ лет опыта

Коммерческая разработка от стартапов до корпораций

20+ проектов

Разный масштаб, разные стеки, реальные задачи

Сотрудничество с вузами

ИТМО, МИСИС, МАУ — ведущие вузы России

300+ выпускников

Наставник и код-ревьюер в топовых IT-программах

Программа курса0/60
6 модулей 60 уроков
О курсе

Курс идеально подходит тем, кто только начинает путь во фронтенд-разработку. Каждый модуль строится на предыдущем: сначала вы разбираетесь со структурой HTML, затем добавляете стили и анимации CSS, и наконец — интерактивность на JavaScript. На протяжении всего курса идёт работа над одним проектом — лендингом и путеводителем о Санкт-Петербурге. К финалу вы видите готовый результат своей работы: адаптивную страницу с загрузкой данных, фильтрами, модальным окном и избранным.

Чему вы научитесь
Создавать семантическую HTML-разметку по современным стандартам
Писать CSS: флексбокс, гриды, анимации, медиазапросы, переменные
Верстать адаптивные страницы под мобильные, планшеты и десктоп
Программировать на JavaScript: переменные, функции, замыкания, классы
Работать с async/await, Promise и загрузкой данных через fetch
Взаимодействовать с DOM: поиск, изменение, создание элементов
Обрабатывать события: мышь, клавиатура, формы
Собрать полноценный финальный проект с нуля самостоятельно
Предварительные условия
  • Компьютер с любым современным браузером
  • Редактор кода — рекомендуем VS Code (бесплатный)
  • Предварительных знаний программирования не требуется
12 ч
Время на прохождение
17
Студенты
60
Урока(ов)
Начальный уровень
Уровень

Где учиться фронтенду

Сравни три популярных пути и выбери тот, который ближе тебе

YouTube

Стоимость
0 ₽
Время до результата
непонятно
Структура программы
хаос из роликов
Готовый проект для портфолио
Можно задать вопрос автору
Старт без оплаты
Доступ навсегда
Что получаешь на выходе
разрозненные навыки

Большие школы

Стоимость
50 000+ ₽
Время до результата
6–9 месяцев
Структура программы
Готовый проект для портфолио
Можно задать вопрос автору
через куратора
Старт без оплаты
пробный урок
Доступ навсегда
по подписке
Что получаешь на выходе
профессия за полгода

Наш курс← вы здесь

Стоимость
4 900 ₽
Время до результата
12 часов
Структура программы
да, от нуля до проекта
Готовый проект для портфолио
2 проекта
Можно задать вопрос автору
комментарии + почта
Старт без оплаты
весь первый модуль (6 уроков)
Доступ навсегда
Что получаешь на выходе
базы для своих веб-приложений

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

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

От самостоятельного прохождения до личного сопровождения с код-ревью и созвонами.

Самостоятельный

Учитесь в своём темпе. Всё, что нужно, чтобы освоить основы.

4 9007 900
Скидка 38%
  • Доступ ко всем урокам навсегда
  • Практические задания с автоматической проверкой кода в SourceCraft
  • Два проекта для портфолио
  • Первый модуль — бесплатно, без регистрации
  • Возврат денег в течение 14 дней
Популярный

С поддержкой

Личное код-ревью и прямая связь с автором, чтобы не застрять.

10 90013 900
Скидка 22%
  • Всё из тарифа «Самостоятельный»
  • Личное код-ревью ваших заданий от автора
  • Чат с автором в Telegram или MAX — задавайте любые вопросы
  • Одна персональная видеовстреча 30 минут

Премиум

Максимальное сопровождение: разбор кода вживую и еженедельные созвоны.

25 00029 000
Скидка 14%
  • Всё из тарифа «С поддержкой»
  • Живое код-ревью в реальном времени
  • Персональная видеовстреча 30 минут каждую неделю — 2 месяца (8 встреч)
  • Чат с автором в Telegram или MAX на всё время обучения
Безопасная оплата через ЮKassa · возврат в течение 14 дней