Описание
Количество уроков: 86 Видео
Язык: Английский
Вес архива: 1,09 ГБ
Создание клона Notion — это отличный способ повысить уровень владения React, TypeScript, а также освоить современные инструменты разработки вроде Vite и Supabase. В этом материале вы узнаете, чему научитесь на курсе и какие навыки сможете продемонстрировать работодателям.
Чему вы научитесь на курсе
Курс помогает укрепить фундаментальные знания и познакомиться с практиками, которые применяются при разработке реальных продуктов.
Работа с React и TypeScript
• Построение компонентной архитектуры для сложного интерфейса.
• Создание типобезопасных модулей и хуков.
• Организация кодовой базы, удобной для масштабирования.
Использование Vite в рабочих проектах
Вы научитесь конфигурировать Vite, эффективно управлять сборкой и ускорять процесс разработки благодаря его высокой скорости и гибкости.
Интеграция Supabase
• Настройка аутентификации пользователей.
• Работа с базой данных: создание, чтение, обновление и удаление данных.
• Организация взаимодействия фронтенда с бэкендом без необходимости писать собственный сервер.
Что вы создадите
В рамках курса вы разработаете функциональный клон Notion — популярного инструмента для ведения заметок и управления проектами.
Основные возможности проекта
• Создание и редактирование документов.
• Древовидная структура страниц.
• Поддержка rich‑text редактирования.
• Сохранение данных в реальном времени.
• Авторизация и персонализация контента.
Почему этот проект усиливает ваше портфолио
Работодатели ценят проекты, демонстрирующие навыки разработки сложных интерфейсов и интеграции с внешними сервисами. Клон Notion — именно такой случай.
Какие навыки будут особенно заметны
• Умение работать с типами и избегать ошибок на этапе компиляции.
• Способность планировать архитектуру приложения.
• Опыт оптимизации производительности и UI‑респондента.
• Практика интеграции с внешними API и сервисами.
Для кого подходит этот курс
Курс будет полезен разработчикам, которые уже знакомы с JavaScript и хотят углубиться в современный стек разработки, создать впечатляющий проект и почувствовать себя увереннее на собеседованиях.
Алексей –
Брал курс, уже имея опыт в TypeScript, чтобы посмотреть на интеграцию Supabase и структуру проекта. Клон Notion выбран удачно: древовидные страницы и сохранение данных в реальном времени требуют продуманной организации кодовой базы, и это как раз самое ценное здесь. Английский средний, но темп спокойный, всё по делу. Использовал проект в портфолио — на собеседовании вопросы были именно по архитектуре и работе с базой.
Марина В. –
Полезный материал с сильной практической частью, особенно про типобезопасные хуки и компонентную архитектуру для сложного интерфейса. Настройку Vite и управление сборкой объясняют понятно, хотя тема сама по себе второстепенная. Из замечаний: в паре мест на rich-text редакторе автор идёт слишком быстро, приходилось пересматривать и дописывать самому. В целом курс хорошо закрывает разрыв между учебными проектами и тем, что спрашивают на работе.
Дмитрий К. –
До курса я знал React на уровне базовых хуков, но никогда не делал ничего крупнее todo-листа. Здесь постепенно дошли до вложенной древовидной структуры страниц и rich-text редактирования, и к концу я уже понимал, как устроен реальный продукт. Отдельно порадовало, что Supabase разбирают с нуля: аутентификация, CRUD по таблицам, связь фронта с бэкендом без своего сервера. За 8 часов много, но подача плотная и без воды.