- Регистрация
- 22 Февраль 2018
- Сообщения
- 11.084
Автор: jointakeoff
Название: Основы Full-Stack разработки 2: Бэкенд (2025)
Описание:
Full-Stack Fundamentals 2 - Backend
jointakeoff
В первом проекте мы сосредоточились на фронтенде, создав персональный сайт-портфолио. Теперь мы сделаем следующий шаг в направлении full-stack разработки - создадим полноценное веб-приложение с серверной частью, способной хранить и обрабатывать данные.
Что вы создадите:
Вы разработаете Менеджер Промптов - веб-приложение для хранения, организации и управления часто используемыми ИИ-промптами. С его помощью вы сможете:
- Просматривать список сохранённых промптов
- Добавлять новые промпты с названием, описанием и содержимым
- Редактировать существующие промпты
- Удалять ненужные
- Быстро копировать промпты в буфер обмена
Понимание бэкенда:
В портфолио-проекте мы просто отображали информацию. В этом проекте нужно сохранять данные, которые не исчезнут после перезагрузки страницы. Это и есть задача бэкенда - серверной части приложения.
- Бэкенд - часть веб-приложения, работающая на сервере. Она обрабатывает данные, выполняет логику и взаимодействует с базой данных.
- База данных - организованное хранилище информации (в данном случае - ваших промптов).
- Full-Stack - приложение, включающее как клиентскую (интерфейс), так и серверную часть (данные, логика).
Технологический стек:
Мы будем использовать современные технологии как на фронтенде, так и на бэкенде:
Фронтенд:
- React - для создания интерфейса из компонентов
- Next.js - фреймворк, предоставляющий маршрутизацию, рендеринг и серверные действия
- Tailwind CSS - утилитарный CSS-фреймворк для быстрой стилизации
- Shadcn - качественные UI-компоненты (карточки, кнопки, диалоги)
- Framer Motion - для создания плавных анимаций
Бэкенд:
- PostgreSQL - мощная реляционная база данных с открытым исходным кодом
- Supabase - платформа для быстрого развёртывания и управления PostgreSQL в облаке
- Drizzle ORM - TypeScript-инструмент для работы с базой данных без прямого написания SQL, с поддержкой типизации
Чему вы научитесь:
- Как работает клиент-серверная модель
- Настройка облачной базы данных через Supabase
- Определение структуры таблиц с помощью Drizzle
- Проведение миграций базы данных
- Первичная инициализация базы (seeding)
- CRUD-операции (создание, чтение, обновление, удаление) через Drizzle ORM
- Реализация Next.js Server Actions для обработки данных на сервере
- Связывание интерфейса с данными из базы, включая загрузку и обновление состояния
- Полный цикл создания full-stack приложения
Материал на английском языке
Подробнее:
Скачать:
Название: Основы Full-Stack разработки 2: Бэкенд (2025)
Описание:
Full-Stack Fundamentals 2 - Backend
jointakeoff
В первом проекте мы сосредоточились на фронтенде, создав персональный сайт-портфолио. Теперь мы сделаем следующий шаг в направлении full-stack разработки - создадим полноценное веб-приложение с серверной частью, способной хранить и обрабатывать данные.
Что вы создадите:
Вы разработаете Менеджер Промптов - веб-приложение для хранения, организации и управления часто используемыми ИИ-промптами. С его помощью вы сможете:
- Просматривать список сохранённых промптов
- Добавлять новые промпты с названием, описанием и содержимым
- Редактировать существующие промпты
- Удалять ненужные
- Быстро копировать промпты в буфер обмена
Понимание бэкенда:
В портфолио-проекте мы просто отображали информацию. В этом проекте нужно сохранять данные, которые не исчезнут после перезагрузки страницы. Это и есть задача бэкенда - серверной части приложения.
- Бэкенд - часть веб-приложения, работающая на сервере. Она обрабатывает данные, выполняет логику и взаимодействует с базой данных.
- База данных - организованное хранилище информации (в данном случае - ваших промптов).
- Full-Stack - приложение, включающее как клиентскую (интерфейс), так и серверную часть (данные, логика).
Технологический стек:
Мы будем использовать современные технологии как на фронтенде, так и на бэкенде:
Фронтенд:
- React - для создания интерфейса из компонентов
- Next.js - фреймворк, предоставляющий маршрутизацию, рендеринг и серверные действия
- Tailwind CSS - утилитарный CSS-фреймворк для быстрой стилизации
- Shadcn - качественные UI-компоненты (карточки, кнопки, диалоги)
- Framer Motion - для создания плавных анимаций
Бэкенд:
- PostgreSQL - мощная реляционная база данных с открытым исходным кодом
- Supabase - платформа для быстрого развёртывания и управления PostgreSQL в облаке
- Drizzle ORM - TypeScript-инструмент для работы с базой данных без прямого написания SQL, с поддержкой типизации
Чему вы научитесь:
- Как работает клиент-серверная модель
- Настройка облачной базы данных через Supabase
- Определение структуры таблиц с помощью Drizzle
- Проведение миграций базы данных
- Первичная инициализация базы (seeding)
- CRUD-операции (создание, чтение, обновление, удаление) через Drizzle ORM
- Реализация Next.js Server Actions для обработки данных на сервере
- Связывание интерфейса с данными из базы, включая загрузку и обновление состояния
- Полный цикл создания full-stack приложения
Материал на английском языке
Подробнее:
Для просмотра содержимого вам необходимо авторизоваться.
Скачать:
Скрытое содержимое могут видеть только члены группы Премиум.
Скрытый контент для пользователей All-dar.