Feature-Sliced Design

• Почему FSD
• Как устроен курс
• Обзор проекта
• Проект домашних заданий
• AI и тренажёры
• Практика на проекте

• Настройка окружения
• Настройка VSCode
• Рекомендуемый курс
• Установка Node
• О работе NVM
• Figma компоненты
• Домашнее задание AI

• Что такое FSD
• Layers
• Slices
• Segments
• Тест — Введение в FSD
• Занятие — Введение в FSD
• Домашнее задание — Введение в FDS

• О слое App
• Старт проекта
• Подготовка слоя App
• Обзор проекта
• О слое Pages
• Структура роутинга
• Выделение slice
• Создание первой страницы
• Добавление стилей
• Layout
• Тест — Pages и App
• Занятие — Pages и App
• Домашнее задание — Pages и App

• О слое
• Константы маршрутов
• Конфигурации
• API клиент
• Библиотека
• UI компоненты
• Импорты в Shared
• Что ниже Shared
• Тест — Shared
• Занятие — Shared
• Домашнее задание — Shared

• Steiger
• Path Alias
• Tree-shaking
• CLI
• Расширения
• Тест — Инструменты FSD
• Занятие — Инструменты FSD
• Домашнее задание — Инструменты FSD

• О слое
• Создание slices
• State managment
• API
• UI компоненты
• Упражнение — Выделение entities
• Кросс-импорты
• Тест — Entities
• Занятие — Entities
• Домашнее задание — Entities

• О слое
• Примеры feature
• Специфичность в СSS
• Упражнение — Выделение features
• Упражнение — Разметка страниц
• Тест — Features
• Занятие — Features
• Домашнее задание — Features

• О слое
• Примеры Widget
• Processes
• Упражнение — Выделение виджетов
• Упражнение — Финал декомпозиции
• Тест — Widgets
• Занятие — Widgets
• Домашнее задание — Widgets

• Next
• Vue
• Nuxt
• Angular
• Sveltkit
• Миграция проектов
• Тест — Работа с фреймворками
• Отзыв о курсе

• Куда дальше
• Финальное тестирование
• Собеседование с AI наставником
• Рекомендуемый курс
• Практика собеседования с AI

• Основы Scrum
• Старт задачи
• Выполнение задачи
• Код ревью
• Старт работы

Сертификат