В курсе собран весь мой опыт работы с FSD, best practises, архитектурные принципы, которые лежат в основе и много примеров разной сложности.
Начнём с базовых абстрактных понятий, закончим конкретными решениями задач на самых популярных технологиях.
Начнём с базовых абстрактных понятий, закончим конкретными решениями задач на самых популярных технологиях.
☑️ 12 часов лекций
☑️ 5 домашних заданий
☑️ 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
Я Senior Front-end разработчик в evrone
✅ 5 лет разрабатываю на React
✅ Люблю много работать и за это время повидал около 20 проектов
✅ 2 года использую FSD во всех проектах
✅ Использовал FSD с React, Vue, React-query, Redux, Mobx, Next
✅ Участвую в разработке проекта на FSD с общей аудиторией 40+ млн человек
✅ Есть опыт миграции большого легаси на FSD (7 лет разработки нескольких команд)
✅ Есть опыт разработки проектов на FSD с нуля
✅ Люблю много работать и за это время повидал около 20 проектов
✅ 2 года использую FSD во всех проектах
✅ Использовал FSD с React, Vue, React-query, Redux, Mobx, Next
✅ Участвую в разработке проекта на FSD с общей аудиторией 40+ млн человек
✅ Есть опыт миграции большого легаси на FSD (7 лет разработки нескольких команд)
✅ Есть опыт разработки проектов на FSD с нуля
Что будет в курсе
Видео уроки
10 уроков по 1-1.5 часа, уже готовы к просмотру.
После прохождения вы получаете неограниченный доступ к материалам курса.
После прохождения вы получаете неограниченный доступ к материалам курса.
Домашние задания
Для закрепления информации в курсе 5 домашних заданий.
Проверка осуществляется самостоятельно: на основе видео примера или в формате P2P (проверка друг другу)
Проверка осуществляется самостоятельно: на основе видео примера или в формате P2P (проверка друг другу)
Чат участников
Место, где можно задать вопрос по курсу, обменяться опытом
и просто обсудить интересные архитектурные темы.
В нашем комьюнити уже 210+ человек.
и просто обсудить интересные архитектурные темы.
В нашем комьюнити уже 210+ человек.
Программа курса
1 урок
Изучение принципов, на которых построен FSD.
open/closed principle, dependency inversion, фасад, кричащая архитектура, принцип устойчивых зависимостей, принцип ациклических зависимостей
open/closed principle, dependency inversion, фасад, кричащая архитектура, принцип устойчивых зависимостей, принцип ациклических зависимостей
2 урок
Практика Dependency inversion в React
Умение работать с инверсией зависимостей — ключевой навык для успешного использования FSD
Умение работать с инверсией зависимостей — ключевой навык для успешного использования FSD
Урок 3
Изучение базовых сущностей и правил в FSD
Слои, Слайсы, Сегменты, Правила использования слоёв, Правила кросс импортов, Public Api
Слои, Слайсы, Сегменты, Правила использования слоёв, Правила кросс импортов, Public Api
Урок 4
Подробный разбор каждого слоя
app, pages, widgets, features, entities, shared
app, pages, widgets, features, entities, shared
Урок 5
Проблемы FSD. Способы их решения
Кросс импорты сущностей. Переизбыток фич. Размазывание ответственности. Переполнение Shared
Кросс импорты сущностей. Переизбыток фич. Размазывание ответственности. Переполнение Shared
Урок 6
Как мигрировать на FSD готовый проект.
Настройка eslint
Варианты миграции. Мой опыт. Автоматизируем контроль за выполнением правил FSD
Настройка eslint
Варианты миграции. Мой опыт. Автоматизируем контроль за выполнением правил FSD
Урок 7
Разработка на FSD с React-query и Context
Советы по декомпозиции, Best practices, технические особенности
Советы по декомпозиции, Best practices, технические особенности
Урок 8
Разработка на FSD с Redux, Mobx, Zustand
Советы по декомпозиции, Best practices, технические особенности
Советы по декомпозиции, Best practices, технические особенности
Урок 9
Примеры реализации стандартных фич с FSD
Аутентификация, и авторизация, i18n, темизация, нотификации, работа с формами, тестирование
Аутентификация, и авторизация, i18n, темизация, нотификации, работа с формами, тестирование
Урок 10
Next.js, SSR, BFF, Серверные компоненты
Pages router, app router. Организация серверного кода, code splitting
Pages router, app router. Организация серверного кода, code splitting
Отзывы учеников
Да, архитектура вообще, и FSD в частности — это не простая тема.
Поэтому я не советую брать курс людям, у которых нет хотя бы полугода/года опыта реальной разработки.
Если же такой опыт есть, вы унесёте с курса огромное количество уникальной информации для своего уровня понимания.
Поэтому я не советую брать курс людям, у которых нет хотя бы полугода/года опыта реальной разработки.
Если же такой опыт есть, вы унесёте с курса огромное количество уникальной информации для своего уровня понимания.
Если есть реальный продуктовый опыт — самое время начать изучать архитектуру.
FSD — это готовый архитектурный паттерн.
Достаточно просто научиться следовать базовым правилам. И ты получишь категорически более качественный и расширяемый код.
FSD — это готовый архитектурный паттерн.
Достаточно просто научиться следовать базовым правилам. И ты получишь категорически более качественный и расширяемый код.
FSD — это набор best practices построения Front-end архитектуры.
Если нет возможности внедрить FSD целиком, можно начать внедрять практики частично.
Начиная с точечного применения в своих задачах, заканчивая разработкой собственной архитектуры, частично опираясь на принципы FSD
Если нет возможности внедрить FSD целиком, можно начать внедрять практики частично.
Начиная с точечного применения в своих задачах, заканчивая разработкой собственной архитектуры, частично опираясь на принципы FSD
После окончания курса все материалы останутся у вас навсегда.
Таким образом, купив курс сейчас, вы сможете его пройти в любое время позже.
Таким образом, купив курс сейчас, вы сможете его пройти в любое время позже.
Встань на путь архитектурного мышления!
Записаться на курс
Нажимая кнопку подписаться вы соглашаетесь с политикой обработки персональных данных
ИП Паромов Евгений Андреевич ОГРНИП 321290100024109 ИНН 290132586553
