логотип PurpleSchool
логотип PurpleSchool
Frontend

Feature-Sliced Design

Продвинутая Frontend архитектура для React, Vue, Next, Nuxt, Angular и Svelte приложений

Обновлено 12 апреля 2025 г.
ЗвездаЗвездаЗвездаЗвездаЗвезда
Рейтинг 5.0на основании отзывов
Иконка аватараИконка аватараИконка аватараИконка аватараИконка аватара
42ученика
изображение курса
кнопка запустить видеоО курсе
Цена от:3 999 ₽6 990 ₽
При покупке до 31.05.2025
Гарантия возврата денег — 30 дней
Неограниченный доступ
Сертификат об окончании
Знания

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

После прохождения курса вы сможете:
Создавать удобную и расширяемую структуру проекта
Писать легкопереиспользуемый код
Разделять ответственность между компонентами
Мигрировать проекты на FSD
Избегать циклические зависимости
Применять FSD в проектах на любом фреймворке
Правильно разбивать проект на слои
Верно определять доменные области проекта
Использовать инструменты FSD для поддержки структуры

Минимальные требования: Знание любого frontend фреймворка

91уроквидео с конспектами
5 упражненийдля закрепления на практике
67 тестовдля проверки знаний
Технологии
FSDReactTypeScriptNext.jsVueNuxtAngularSvelte
О курсе

Что в курсе?

Курс подойдёт frontend разработчикам любого уровня подготовки. При этом мы на практике разберём как можно работать с FSD не только с React, но и Next, Vue, Nuxt, Angular и даже Svelte.

Мы начнём изучение разбора того, что такое FSD и как он помогает лучше структурировать наши проекты, что такое слои, слайсы и сегменты. Далее мы будем разбирать каждый слой, применяя на практике знания и создавая скелет для большого проекта.

Мы разберём инструменты, которые позволят вам удобнее и быстрее структурировать ваши проекты по FSD и контролировать изменения. Мы напрямую на макетах будем размечать различные слои, чтобы потренироваться в декомпозиции. А уже под конец курса мы посмотрим как можно использовать FSD с различными фреймворками, как Next, Vue, Nuxt, Angular и Svelte. Курс будет максимально практическим, так как изучив каждый из слоев или сегментов мы сразу же будем применять их практике, создавая приложение.

certificate
Ваш сертификат по окончанию курса
Возможности обучения

Обучение в PurpleSchool

Собственная платформа

Интеграция с GitHub

Интеграция с GitHub

Все проекты для домашних заданий проверяются напрямую из GitHub

Поддержка всех устройств

Поддержка всех устройств

Обучайтесь в любом месте с десктоп и мобильных устройств

Подсветка синтаксиса

Подсветка синтаксиса

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

Проверенные форматы

Мини-лекции

Мини-лекции

Короткие видео (по ~5 минут) позволяют обучаться даже тогда, когда времени на полноценное обучение не хватает

Упражнения

Упражнения

Выполняйте задачи, а затем сравнивайте с верным процессом решения в видео для самопроверки

Конспекты

Конспекты

Каждая лекция сопровождается детальными конспектами для удобного поиска информации

Домашние задания

Домашние задания

Осваивайте материал на реальных задачах, которые потом пригодятся в работе

Тесты

Тесты

Закрепляйте знания и находите слабые места с помощью точечных тестов по темам курса

Тщательно следим за актуальностью технологий и регулярно обновляем курсы

AI и тренажёры

Livecode-тренажёр

Livecode-тренажёр

Решайте мини-задачи по темам курса и получайте мгновенный разбор ошибок в коде от AI-наставника

Mock-тренажёр

Mock-тренажёр

Практикуйтесь в прохождении собеседований и находите ошибки, которые мешают пройти на нужную вакансию

Проверка домашних заданий

Проверка домашних заданий

Отправляйте Pull Request наставнику и получайте детальный разбор с учётом лучших практик

AI-наставник обучен на реальных проектах, практике студентов, официальной документации и материалах курса

Реальная практика в студии

Проектная команда

Проектная команда

Подключитесь в коллектив и пройдёте проект плечом к плечу

Рекомендательное письмо

Рекомендательное письмо

В случае успешной стажировки получите индивидуальное рекомендательное письмо от основателя студии PurpleCode

Реальные задачи

Реальные задачи

Реализуете действующий функционал, а не задачки из учебников

Еженедельное планирование

Еженедельное планирование

Освоите практики Agile, научитесь декомпозировать задачи, оценивать сроки, анализировать ретроспективу

Практикующие разработчики и HR

Проверка домашних заданий

Проверка домашних заданий

Получайте детальную обратную связь от разработчиков из ведущих компаний

Консультации 1 на 1

Консультации 1 на 1

Разбирайтесь с трудностями и вопросами на личных консультациях

Проверка резюме и мок

Проверка резюме и мок

Повышайте софтскиллы и проходите на вакансии выше уровнем

Гарантия: если в течение 30 дней после покупки поймёте, что курс не нравится и не прошли более 50% курса — вернём деньги без лишних вопросов.

Модули курса

План курса

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

кнопка запустить видеоПример лекции
Цена от: 3 999 ₽ 6 990 ₽
Иконка календаряПри покупке до 31 мая 2025
Монетки
300 бонусных рублей за регистрацию
О проектах

Что будем писать?

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

Сервис сравнения компаний

Сервис сравнения компаний

Сервис с категориями, авторизацией, подборками сравнения компаний, отзывами, правками к статье и сообществом.

О PurpleSchool

Наши проекты

Антон Ларичев

Антон Ларичев

Основатель PurpleCode, школы обучения разработки PurpleSchool. 14 лет опыта разработки, более 10 лет управления ИТ проектами и интернет маркетинга.

PurpleSchool

Школа PurpleSchool

Направления
30 000

учеников по всему миру

30 дней

гарантия возврата денег

90%

студентов рекомендуют курсы

4.8Kursly
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.8Stepik
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.7Udemy
ЗвездаЗвездаЗвездаЗвездаЗвезда

Студия PurpleCode

Направления
50+

проектов за последний год

15

лет опыта

7

команд разработки

Практика в PurpleCode

1
Собеседуем выбранных участников
2
Прошедших отбор берём на оплачиваемую стажировку
3
После 3-х месяцев успешной стажировку - оффер
Цена от: 3 999 ₽ 6 990 ₽
Иконка календаряПри покупке до 31 мая 2025
Монетки
300 бонусных рублей за регистрацию
Под ваши потребности

Тарифы

Иконка курсаГарантия возврата - 30 дней
Иконка курсаСкидки до 31.05.2025
Иконка курсаДоступ - Неограниченно
Начните бесплатно2 первых модуля курса

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

Цена:3 999 ₽6 990 ₽
  • ГалочкаУроки и упражнения
  • КрестикДомашние задания
  • КрестикAi-тренажеры
  • КрестикПоддержка наставника
  • КрестикПрактика в студии
  • ГалочкаГарантия возврата
Премиум

AI и тренажёры

Цена:4 999 ₽8 990 ₽
2 платежа: 2 499,5 ₽/мес
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAi-тренажеры
  • КрестикПоддержка наставника
  • КрестикПрактика в студии
  • ГалочкаГарантия возврата
Практика

Наставник и практика

Цена:9 999 ₽15 990 ₽
3 платежа: 3 333 ₽/мес
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAi-тренажеры
  • ГалочкаПоддержка наставника
  • ГалочкаПрактика в студии
  • ГалочкаГарантия возврата
иконка часов1д : 8ч : 23м : 33с

Сравнение тарифов

Самостоятельный
Премиум
AI и тренажёры
Практика
Наставник и практика
Обучение
Видео уроки
check
check
check
Упражнения
check
check
check
Тесты
check
check
check
Сертификат
check
check
check
Домашние задания
check
check
check
Purple Ai
Доступ к AI-функционалу курса
check
2 месяца
3 месяца
Livecode-тренажер для закрепления знаний с AI-наставником
check
check
check
Mock-тренажер: учебные собеседования с AI-наставником
check
check
check
Проверка домашних заданий от AI-наставника
check
check
check
Прямой чат с AI-наставником для вопросов по теме курса
check
check
check
Практика
Длительность практики
check
check
2 месяца
Подключение в проектную команду студии PurpleCode
check
check
check
Проекты и доработки реальной функциональности для заказчиков студии
check
check
check
Участие в еженедельном планировании и декомпозиции задач
check
check
check
Рекомендательное письмо от основателя PurpleCode и возможность прикрепить проект в резюме
check
check
check
Гарантии
Гарантия возврата денег без объяснения причин
30 дней
30 дней
30 дней
Условия действуют
иконка часов1д : 8ч : 23м : 33с
3 999 ₽6 990 ₽
4 999 ₽8 990 ₽
9 999 ₽15 990 ₽
О тарифе

Тариф с командным проектом

  • Реальный проект

    Вы будете работать вместе с командой на реальным проектом

  • Практика

    2 недели интенсивной практики и погружения в процессы разработки

  • Наставничество

    Несколько опытных наставников будут проводить код ревью и помогать с задачами

  • Командная работа

    Вы научитесь синхронизироваться с командой и совместно реализовывать сложные фичи

  • Практика Agile

    Вы будете работать по Scrum и познакомитесь с Agile процессами

team project
  1. 1

    Планируем спринт

    1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

  2. 2

    Синхронизируемся

    Каждый день мы синхронизуемся в чате, а наставники помогают с задачами и отвечают на вопросы.

  3. 3

    Выполняем задачи

    Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

  4. 4

    Проводим ретроспективу

    В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

Для вас подготовлены дополнительные материалы
  • additional material

    Макеты для вёрстки и создания компонент

  • additional material

    Техническое задание на итерацию от ProductOwner

  • additional material

    Процессы по работе в команде и код ревью

Цена от: 3 999 ₽ 6 990 ₽
Иконка календаряПри покупке до 31 мая 2025
Монетки
300 бонусных рублей за регистрацию
Команда курса

Автор и наставники

фото команды
Автор курса

Антон Ларичев

Основатель PurpleSchool

Основатель PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 14 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.

Что говорят наши ученики

Отзывы

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

Изучи направление Фронтенд разработчик

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

12
12 месяцевдлительность направления
11
11 проектовдля портфолио
1 на 1
занятияс наставником
Цена от: 3 999 ₽ 6 990 ₽
Иконка календаряПри покупке до 31 мая 2025
Монетки
300 бонусных рублей за регистрацию

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile

Курсы с наставником и без

Для компаний

Все курсы доступны для приобретения для сотрудиков компаний по безналичному расчёту. Процесс получения доступа очень простой, нужен только ваш ИНН и число сотрудников.

Свяжитесь со мнойЧерез форму ниже или по почте[email protected]
Оплата счётаВы оплачиваете счёт на нужное число мест и курсов
СтартНа email сотрудников открывается доступ
Наши курсы выбирают:
Остались вопросы?

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

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

Остались вопросы? Их можно задать в чате Telegram.