Создание Full‑Stack приложений с нуля — это практический путь от идеи до рабочего продукта. В этом материале вы узнаете, как шаг за шагом собрать полноценное веб‑приложение, используя React, Node.js, TypeScript и Postgres, а также освоите техники планирования, разработки и развертывания проекта.
Что вы изучите в этом курсе
Курс помогает сформировать целостное понимание процесса создания веб‑приложений. Вы освоите весь жизненный цикл разработки и научитесь превращать техническое задание в работающий продукт.
Планирование и подготовка
Перед тем как писать код, важно продумать архитектуру и структуру приложения. На этом этапе вы научитесь:
анализировать техническое задание и выделять ключевые модули;
создавать технический план и карту функций;
определять технологии и инструменты, подходящие под задачу.
Создание фронтенда на React
Вы изучите, как по макетам и спецификациям дизайна собрать понятный и современный пользовательский интерфейс.
Организация структуры React‑приложения;
Работа с состоянием и компонентами;
Интеграция UI с API;
Лучшие практики в TypeScript для фронтенда.
Разработка и развертывание API
На серверной части вы создадите API на Node.js с использованием TypeScript и свяжете его с базой данных Postgres.
Проектирование REST API;
Настройка базы данных и миграций;
Реализация бизнес‑логики;
Оптимизация и тестирование серверной части.
Интеграция, тестирование и публикация
Когда приложение готово, важно обеспечить его надежную работу и удобный процесс доставки обновлений.
Непрерывное развертывание (CI/CD)
Вы узнаете, как автоматизировать сборку, тестирование и деплой проекта, используя современные инструменты CI/CD. Это позволит выпускать обновления быстрее и с меньшим количеством ошибок.
Хостинг и публикация под собственным доменом
После завершения разработки вы развернете приложение в продакшне и настроите его доступ по вашему личному доменному имени.
Кому подойдет курс
Этот курс будет полезен:
начинающим разработчикам, которые хотят увидеть весь процесс создания приложения в реальных условиях;
фронтендерам, стремящимся освоить бэкенд и стать полноценными full‑stack специалистами;
тем, кто хочет создать свое первое полноценное веб‑приложение с нуля.
Ожидаемые результаты
Пройдя курс, вы получите практический опыт разработки и запуске проекта, а также:
поймете, как соединяются между собой фронтенд, бэкенд и база данных;
сможете создать и развернуть собственный full‑stack проект;
освоите современные инструменты и рабочие процессы разработки.
Удален по просьбе правообладателя
Урок 1.00:04:21
Introduction
Урок 2.00:10:16
Setup Next.js App
Урок 3.00:07:24
Setup a Postgres Database on Railway
Урок 4.00:13:21
Setup Database Schema with Prisma
Урок 5.00:06:39
Sync Schema & Setup Prisma Client
Урок 6.00:16:30
Seeding the Database
Урок 7.00:13:45
Routes & Route Groups
Урок 8.00:07:09
GlassPane Container Component
Урок 9.00:06:53
Root Layout Components
Урок 10.00:07:37
Setup Styles & Tailwind CSS
Урок 11.00:13:29
Button Component with Variants
Урок 12.00:03:21
Card & Input Components
Урок 13.00:15:57
SidebarLink Component
Урок 14.00:03:20
Sidebar Component
Урок 15.00:12:19
Authentication Handlers
Урок 16.00:16:46
AuthForm Component
Урок 17.00:06:22
AuthForm Pages
Урок 18.00:09:04
Password Management
Урок 19.00:18:36
JSON Web Tokens
Урок 20.00:10:58
Register API Route
Урок 21.00:04:41
Sign In API Route
Урок 22.00:15:49
Middleware
Урок 23.00:08:50
Testing Authentication Routes
Урок 24.00:05:01
Dashboard Home Page
Урок 25.00:08:53
Greetings Component
Урок 26.00:04:37
GreetingsSkeleton Component
Урок 27.00:14:34
ProjectCard Component
Урок 28.00:13:56
Fetching Project Data
Урок 29.00:07:09
Data Loading & Server Components
Урок 30.00:11:00
TaskCard Component
Урок 31.00:03:49
Loader Component
Урок 32.00:06:27
Creating the Project Page
Урок 33.00:12:49
New Project API Handler
Урок 34.00:07:25
Modal Client Component
Урок 35.00:10:12
Deploying to Vercel
Урок 36.00:07:33
Wrapping Up
Авторы - master.dev (ex FrontendMasters), Scott Moss
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.
Скотт — генеральный директор и соучредитель Superfilter AI. Он провел годы в качестве венчурного инвестора, инвестируя в стартапы в области искусственного интеллекта, создавая новые функции в качестве инженера в Netflix, а также основав и возглавив стартап по инструментам для разработки. Он дважды основатель YC и любит создавать вещи, которыми одержимы люди. В свободное от работы время Скотт любит играть в баскетбол, а также проводить время со св