TinyHouse: Fullstack React мастер-класс с TypeScript и GraphQL (2020)

TinyHouse — это практический fullstack мастер‑класс, где вы шаг за шагом создадите полноценное приложение с использованием React, TypeScript, Node.js и GraphQL. Курс сочетает глубокую теорию и реальную продакшн‑разработку, помогая уверенно перейти от отдельных технологий к цельному приложению уровня Airbnb.

О курсе

Этот мастер‑класс создан для тех, кто хочет освоить современные подходы к разработке на React и Node.js, научиться работать с GraphQL и TypeScript и получить навыки создания готовых к развертыванию fullstack‑приложений. В ходе обучения вы разработаете реальное приложение TinyHouse — сервис аренды жилья с поиском по карте, авторизацией, оплатой и удобным интерфейсом.

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

Основные навыки и технологии

• Построение GraphQL API в Node.js с нуля и последующая интеграция с Apollo Server.
• Создание клиентской части на React с использованием хуков и современных подходов.
• Интеграция Apollo Client и выполнение GraphQL‑запросов и мутаций.
• Написание надежного строго типизированного кода на TypeScript.
• Работа с архитектурой полноценных продакшн‑приложений.
• Использование Google OAuth 2.0 для авторизации пользователей.
• Работа с Google Geocode API для геопоиска.
• Интеграция Stripe для приема онлайн‑платежей.
• Деплой разработанного приложения на Heroku.
• Реализация пагинации, сложных форм и продвинутых UI‑компонентов.

Что вы создадите

В ходе курса вы создадите полноценное приложение‑аналог Airbnb: сервис аренды недвижимости с картой, системой поиска, личными кабинетами, авторизацией и оплатой. Проект будет полностью готов к работе и развернут в реальных условиях.

Архитектура и backend

• Разработка GraphQL‑API с нуля.
• Переход к серверу Apollo и оптимизация запросов.
• Настройка аутентификации через OAuth 2.0.
• Реализация платежной системы на основе Stripe.

Интерфейс и frontend

• Интеграция Apollo Client с хуками React.
• Создание интуитивного, современного и удобного UI с компонентами CSS‑фреймворков.
• Построение форм с проверками данных (React Hooks + Ant Design).
• Реализация поиска по геолокации с Google Geocode API.

Структура курса

Часть I — базовые инструменты и подготовка

Эта часть знакомит со всеми технологиями, которые понадобятся для создания приложения TinyHouse.

• 65+ видеороликов (7+ часов материала).
• Подробная рукопись и код к каждому уроку.
• 110+ тестовых вопросов.
• Встроенные проверки знаний.
• 8+ pdf‑шпаргалок.

Часть II — создание полноценного приложения TinyHouse

Здесь вы объедините полученные знания и создадите продакшн‑готовый продукт с нуля.

Перейти к первой части курса