Feature-Sliced Design

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

Ознакомьтесь с программой курса «Feature-Sliced Design» от PurpleSchool

1. Введение. Почему FSD, Как устроен курс, Обзор проекта, Проект домашних заданий, AI и тренажёры, Практика на проекте.
2. Настройка окружения. Настройка окружения, Настройка VSCode, Установка Node, О работе NVM, Figma компоненты, Домашнее задание AI.
3. Введение в FSD. Что такое FSD, Layers, Slices, Segments, Тест - Введение в FSD, Занятие - Введение в FSD, Домашнее задание - Введение в FDS.
4. Pages и App. О слое App, Старт проекта, Подготовка слоя App, Обзор проекта, О слое Pages, Структура роутинга, Выделение slice, Создание первой страницы, Добавление стилей, Layout, Тест - Pages и App, Занятие - Pages и App, Домашнее задание - Pages и App.
5. Shared. О слое, Константы маршрутов, Конфигурации, API клиент, Библиотека, UI компоненты, Импорты в Shared, Что ниже Shared, Тест - Shared, Занятие - Shared, Домашнее задание - Shared.
6. Инструменты FSD. Steiger, Path Alias, Tree-shaking, CLI, Расширения, Тест - Инструменты FSD, Занятие - Инструменты FSD, Домашнее задание - Инструменты FSD.
7. Entities. О слое, Создание slices, State managment, API, UI компоненты, Упражнение - Выделение entities, Кросс-импорты, Тест - Entities, Занятие - Entities, Домашнее задание - Entities.
8. Features. О слое, Примеры feature, Специфичность в СSS, Упражнение - Выделение features, Упражнение - Разметка страниц, Тест - Features, Занятие - Features, Домашнее задание - Features.
9. Widgets. О слое, Примеры Widget, Processes, Упражнение - Выделение виджетов, Упражнение - Финал декомпозиции, Тест - Widgets, Занятие - Widgets, Домашнее задание - Widgets.
10. Работа с фреймворками. Next, Vue, Nuxt, Angular, Sveltkit, Миграция проектов, Тест - Работа с фреймворками, Отзыв о курсе.
11. Заключение. Куда дальше, Финальное тестирование, Собеседование с AI наставником, Рекомендуемый курс, Практика собеседования с AI.
12. Практика на проекте. Основы Scrum, Старт задачи, Выполнение задачи, Код ревью, Старт работы.

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

• Научитесь настраивать и организовывать: настройка окружения. настройка окружения, настройка vscode, установка node, о работе nvm, figma компоненты, домашнее задание ai.
• Освоите основы: введение. почему fsd, как устроен курс, обзор проекта, проект домашних заданий, ai и тренажёры, практика на проекте.
• Научитесь уверенно работать с темой: работа с фреймворками, отзыв о курсе.
• Освоите основы: практика на проекте. основы scrum, старт задачи, выполнение задачи, код ревью, старт работы.
• Освоите и сможете применять: выделение entities, кросс импорты, тест.