FSD — полный курс
Изучи единственную стандартизированную Front-end архитектуру.
Знай - Используй - Понимай
В курсе собран весь мой опыт работы с FSD, best practises, архитектурные принципы, которые лежат в основе и много примеров разной сложности.

Начнём с базовых абстрактных понятий, закончим конкретными решениями задач на самых популярных технологиях.
☑️ 12 часов лекций

☑️ 5 домашних заданий
Что такое FSD?
Это стандартизированный набор архитектурных практик, которые позволяют:
  • 1
    Ускорить разработку
  • 2
    Упростить рефакторинг
  • 3
    Повысить устойчивость приложения
  • 4
    Упростить тебе жизнь на новом проекте с FSD
  • 5
    Ускорить онбординг в проекте за счет своей стандартности
FSD — полный курс
Знай - Используй - Понимай
Кому подойдет курс
Этот курс будет полезен тебе, если:
  • Ты — Front-end разработчик
    ✔️ Узнаешь лучшие практики построения Front-end архитектуры
    ✔️ Часть практик сможешь использовать сразу, в любом проекте
    ✔️ Сможешь легко и быстро влиться в любой FSD проект
    ✔️ Разовьёшь архитектурное мышление
  • Твой проект на FSD
    ✔️ Научишься быстро и просто декомпозировать по FSD
    ✔️ Изучишь принципы, которые лежат в основе FSD
    ✔️ Узнаешь распространённые практики решения стандартных задач (uikit, auth, i18n, notifications)
  • Ты — техлид или тимлид
    ✔️ Узнаешь, как мигрировать проект на FSD
    ✔️ Узнаешь преимущества и подводные камни при работе с FSD
    ✔️ Узнаешь, как использовать FSD в различных технологических стеках
Обо мне
Меня зовут Евгений Паромов.
Я Senior Front-end разработчик в
evrone
✅ 5 лет разрабатываю на React
✅ Люблю много работать и за это время повидал около 20 проектов
✅ 2 года использую FSD во всех проектах
✅ Использовал FSD с React, Vue, React-query, Redux, Mobx, Next
✅ Участвую в разработке проекта на FSD с общей аудиторией 40+ млн человек
✅ Есть опыт миграции большого легаси на FSD (7 лет разработки нескольких команд)
✅ Есть опыт разработки проектов на FSD с нуля
Что будет в курсе
Видео уроки
10 уроков по 1-1.5 часа, уже готовы к просмотру.

После прохождения вы получаете неограниченный доступ к материалам курса.
Домашние задания
Для закрепления информации в курсе 5 домашних заданий.

Проверка осуществляется самостоятельно: на основе видео примера или в формате P2P (проверка друг другу)


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

В нашем комьюнити уже 210+ человек.





Программа курса
1 урок
Изучение принципов, на которых построен FSD.

open/closed principle, dependency inversion, фасад, кричащая архитектура, принцип устойчивых зависимостей, принцип ациклических зависимостей
2 урок
Практика Dependency inversion в React

Умение работать с инверсией зависимостей — ключевой навык для успешного использования FSD
Урок 3
Изучение базовых сущностей и правил в FSD

Слои, Слайсы, Сегменты, Правила использования слоёв, Правила кросс импортов, Public Api
Урок 4
Подробный разбор каждого слоя
app, pages, widgets, features, entities, shared
Урок 5
Проблемы FSD. Способы их решения

Кросс импорты сущностей. Переизбыток фич. Размазывание ответственности. Переполнение Shared
Урок 6
Как мигрировать на FSD готовый проект.
Настройка eslint

Варианты миграции. Мой опыт. Автоматизируем контроль за выполнением правил FSD
Урок 7
Разработка на FSD с React-query и Context

Советы по декомпозиции, Best practices, технические особенности
Урок 8
Разработка на FSD с Redux, Mobx, Zustand

Советы по декомпозиции, Best practices, технические особенности
Урок 9
Примеры реализации стандартных фич с FSD

Аутентификация, и авторизация, i18n, темизация, нотификации, работа с формами, тестирование
Урок 10
Next.js, SSR, BFF, Серверные компоненты

Pages router, app router. Организация серверного кода, code splitting
Отзывы учеников
Встань на путь архитектурного мышления!
ИП Паромов Евгений Андреевич ОГРНИП 321290100024109 ИНН 290132586553
Made on
Tilda