Этот курс будет полезен для frontend разработчиков с любым уровнем навыков. На практических занятиях мы рассмотрим, как применить FSD не только с React, но и с Next, Vue, Nuxt, Angular, а также Svelte.
Начнем с изучения, что такое FSD и как он способствует лучшей организации наших проектов, а также разберем понятия слоев, слайсов и сегментов. В дальнейшем мы поэтапно изучим каждый слой на практике, создавая основу для крупного проекта.
Также, мы познакомимся с инструментами, которые упрощают структурирование проектов по FSD и управление изменениями. Будем работать с макетами для тренировки декомпозиции, размечая различные слои. В заключительных этапах курса мы исследуем, как внедрять FSD совместно с такими фреймворками, как Next, Vue, Nuxt, Angular и Svelte. Курс ориентирован на практику, так как после изучения каждого слоя или сегмента мы сразу же будем применять знания, разрабатывая приложение.
По окончании курса вы научитесь:
Создавать удобную и гибкую архитектуру проекта
Писать код, который легко можно использовать повторно
Эффективно распределять задачи между компонентами
Проводить миграцию проектов на FSD
Избегать циклических зависимостей в коде
Внедрять FSD в проекты независимо от фреймворка
Корректно разделять проект на уровни
Правильно определять доменные области в проекте
Применять инструменты FSD для поддержания структуры
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Feature-Sliced Design,
а также все другие курсы, прямо сейчас!
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
В курсе собран весь мой опыт работы с FSD, best practises, архитектурные принципы, которые лежат в основе и много примеров разной сложности. Начнём с базовых абстрактных понятий, закончим конкретными решениями задач на самых популярных технологиях.