Фронтенд-разработчик

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

• Создавать доступные и адаптивные интерфейсы на HTML, CSS, Flexbox, Grid
• Разрабатывать веб-приложения на JavaScript и TypeScript с использованием ООП
• Строить интерфейсы на React с управлением состоянием через Redux
• Интегрировать приложения с REST API и валидировать формы
• Тестировать код с помощью Jest и Playwright
• Собирать проекты в Docker и работать с Git в команде
• Применять нейросети для анализа кода, отладки и генерации тестовых данных
• Писать промпты для работы с большими кодовыми базами
• Использовать AI-инструменты (ChatGPT, DeepSeek, Cursor, Claude, Алиса AI) в разработке

Программа курса

22 модуля · 130 часов теории и 171 час практики (базовый тариф); расширенный тариф добавляет 16 часов теории и 20 часов практики

1. 1Основы вёрстки

   • Семантика и глобальные атрибуты
   • Шрифты и типографика
   • Flexbox-вёрстка
   • Позиционирование элементов
   • Grid Layout
   • Код-стайл
   • Основы Bash и Git
   • Проект: одностраничный сайт
2. 2Доступность и подходы к организации стилей

   • Настройка страницы и мета
   • Внешний встраиваемый контент: видео, iframe, API
   • Дополнение блочной модели
   • Псевдоклассы и псевдоэлементы
   • Стилизация форм
   • Продвинутый Git и Bash
   • Доступность
   • Разметка форм
   • Экспериментальные селекторы
   • Проект: CSS-стили для работающего приложения
3. 3Адаптивность и графика

   • Подходы
   • Растровая графика
   • CSS-переменные
   • Единицы измерения и функции
   • Grid Layout, часть 2
   • Подходы к написанию вёрстки
   • Разработка интерфейса для разных устройств
   • Git для взрослых
   • Кросс-браузерность и вендорные префиксы
   • Проект: адаптивный сайт с разными цветовыми темами
4. 4Декорирование, подходы и инструменты

   • Использование SVG
   • Переходы и 2D-трансформации
   • Анимации
   • Вариативные шрифты
   • Декорирование
   • 3D-трансформации
   • Современные интерактивные элементы
   • Проект: веб-приложение
5. 5Основы JavaScript

   • От разметки к программированию
   • Переменные и типы данных
   • Функции: простые концепции
   • Дебаггинг
   • Основы работы с данными
   • Работа с событиями и формами в JS
6. 6Работа с DOM и сборка

   • Что делать, когда не знаешь, что делать
   • Знакомство с DOM
   • Создание и изменение элементов страницы
   • Работа с событиями
   • Работа с элементами форм и кнопками
   • Модули в JS
   • Сборка кода на Vite
   • Проект: интерактивная веб-страница
7. 7Продвинутая работа с данными и валидация

   • Асинхронность
   • Работа с API: запросы к серверу
   • Флоу пользовательского действия с подтверждением сервера
   • Пагинация
   • Регулярные выражения
   • Валидация формы
   • Проект: таблица для загрузки данных с сервера и обработки ввода
8. 8TypeScript и ООП

   • Введение в TypeScript
   • Типизация кода
   • Введение в ООП
   • Принципы ООП
   • Основы TypeScript
   • ООП в интерфейсах
9. 9Архитектура приложения

   • Архитектура приложения
   • Расширенный TypeScript и ООП
   • Паттерны проектирования
   • Работа с окружением
   • Проект: полноценное клиентское приложение — веб-ларёк
10. 10Основы React

    • Концепция SPA и фреймворки
    • Настройка и сборка проекта
    • Основы React
    • Состояния и эффекты
    • Библиотеки компонентов. Работа в изоляции. Storybook
    • Проект: страница блога с дизайном, настраиваемым через CSS-переменные
11. 11Роутинг и авторизация

    • Продвинутый React
    • Глобальное состояние
    • Библиотека Redux
    • React Router
    • Механизм авторизации
    • Тестирование React-приложений
12. 12Оптимизация и тестирование

    • Оптимизация (ускорение работы приложения)
    • Тестирование React-приложений: Jest, Cypress
    • Подготовка проекта к продакшну
    • Проект: роутинг, юнит- и интеграционное тестирование приложения
13. 13Проектный месяц

    • Под руководством опытного наставника и вместе с другими разработчиками выполните проект, который основан на реальной бизнес-задаче
    • Командный проект: фронтенд веб-приложения на базе React, TypeScript, Redux, Material UI
14. 14Софтскилы для фронтенд-разработчика

    • Рефлексия
    • Целеполагание
    • Планирование и реализация
    • Работа в команде
    • Стрессоустойчивость
    • Обратная связь
15. 15Нейросети для фронтенд-разработчиков+25 часов

    • Как устроены нейросети
    • Промпт-инжиниринг
    • Выбор AI-инструментов для разных задач
    • Создание фрагментов кода
    • Отладка кода
    • Документирование кода
    • Генерация тестовых данных
    • Написание автотестов
    • Практика: техники работы с ИИ для решения 5+ типовых задач фронтенд-разработчиков
16. 16Computer Science (компьютерные науки)+35 часов

    • Введение
    • Устройство компьютера
    • Данные: от электричества к нулям и единицам
    • Операционные системы
    • Файлы, программы и память
    • Интернет и HTTP
    • Понятие алгоритма
    • Выполнение и визуализация алгоритмов
    • Архитектура компьютера и данные
    • Ядро операционной системы
    • Процессы и многозадачность
    • Управление памятью
    • Файлы и диск
    • Компьютерная сеть и модель OSI
    • Протоколы и стандарты
    • Алгоритм как формальная система команд
    • Базовые структуры алгоритмов
    • Эффективность алгоритмов и выбор решений
    • Путь данных: от алгоритма до физического сигнала
    • Инженерное мышление
    • Понятие и уровни IT-систем
    • Визуализация систем и процессов
    • Документация: форматы, типы, правила составления
    • Декомпозиция задач
    • Принципы системного анализа
    • Основы проектирования решений
    • Agile и инженерные практики
17. 17Подготовка к поиску работы1 месяц

    • Составите резюме — его проверят HR-эксперты из крупных компаний
    • Потренируетесь писать сопроводительные письма
    • Выстроите собственную стратегию поиска работы
    • Исследуете ресурсы, где работодатели публикуют вакансии
    • Научитесь презентовать свой опыт рекрутерам и нанимающим менеджерам
    • Подготовитесь к техническим собеседованиям
    • Узнаете, как конструктивно обсуждать зарплату и другие условия работы
18. 18Активный поиск работыДо 8 месяцев

    • Получите доступ к вакансиям и стажировкам партнёров
    • Подключитесь к Карьере от Практикума — сервису для поиска вакансий
    • Потренируетесь проходить технические и HR-собеседования
    • Сможете поработать над реальными проектами в Мастерской
    • Посетите воркшопы с HR-экспертами из разных компаний
19. 19Визуальная коммуникация и анализ проекта (расширенный тариф)

    • Введение в визуальную коммуникацию
    • Основы Figma
    • Дизайн-процесс. Как работает дизайнер
    • Работа с брифом. Общение с заказчиком
    • Анализ конкурентов
    • Анализ целевой аудитории
    • Работа с референсами и насмотренностью
    • Проект: мудборд
20. 20Композиция и сетки (расширенный тариф)

    • Что такое композиция
    • Как достичь баланса и целостности
    • Визуальная структура
    • Сетки
    • Проект: структура макета
21. 21Цвет и основы типографики (расширенный тариф)

    • Характеристики цвета
    • Психология цвета
    • Что такое типографика
    • Вёрстка текста
    • Работа с изображениями. Форматы
    • Проект: макет
22. 22Проектирование интерфейса и UI-кит (расширенный тариф)

    • Пользовательские сценарии
    • Что такое UI-кит
    • Атомарность
    • UI-кит: стили и компоненты
    • Проект: UI-кит

Преподаватели: Сергей Бережной

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

Как проходит обучение

Формат

онлайн

Расписание

учитесь когда удобно, главное — уложиться в спринт

Объём

130 часов теории и 171 час практики (базовый тариф); расширенный тариф добавляет 16 часов теории и 20 часов практики

Срок

10 месяцев (базовый тариф), 13 месяцев (расширенный тариф)

Практика

10 проектов в портфолио (базовый тариф), 14 проектов (расширенный тариф); практика на реальных проектах в Мастерской

Документ

Диплом о профессиональной переподготовке

Бонусы: Скидка после прохождения бесплатной части; Доступ к Мастерской — реальные заказы от бизнеса и НКО; Помощь с поиском работы до 7 месяцев после выпуска; Модуль по нейросетям +25 часов; Модуль по Computer Science +35 часов

Стоимость обучения

💳 Можно платить частями от 5 388 ₽/мес на 36 месяцев

Цены — по данным сайта школы на 24 октября 2026. Перед оплатой уточните актуальную стоимость и скидки у школы.

Плюсы и минусы

Оценка редакции Курсографа по фактам со страницы курса.

Отзывы о школе Яндекс Практикум

О школе пока нет отзывов на Курсографе.

Учились здесь? Оставьте отзыв

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

Похожие курсы в других школах

• Фронтенд-разработчик на Vue.jsУчебный Центр «Специалист» · 6 месяцев 233 890 ₽ ›
• Fullstack разработка и проектирование web-приложений с использованием ООП в JavaScript. Библиотека jQuery, Vue.JS и интерпретатор Node JSУчебный центр Трайтек · 40 часов 52 000 ₽ ›
• Сбор требований и разработка технического задания для ИТ-проектовУчебный Центр «Специалист» · 16 часов 22 990 ₽ ›
• Разработчик Web-приложений (MCSA: Web Applications)Учебный Центр «Специалист» · 164 часа 131 290 ₽ ›