🔥 Оформить премиум подписку -
🔐 Мастер-класс по авторизации -
Скачать 🖥 папку проекта в нашем ТГ (закреп) -
❤️ Отзывы тут -
Поддержи видео лайком, 1500 лайков 👍 и я делаю новое видео! Открываем новую главу в разработке на нашем канале! Сегодня представляем вам разработанный нами сайт для игры GTA 6, использующий передовой стек технологий [PostgreSQL, Express, React, NodeJS]. И наш PERN stack проект будет типизирован с использованием TypeScript (TS), что обеспечит дополнительную надежность и стабильность кода. В проекте ещё был использован такие технологии как Insomnia, Prisma и TailwindCss. Мы разберём как Frontend, так и Backend часть. Это приложение отличная практика как для начинающих специалистов (trainee), так и для Junior-уровня, поскольку включает подробное объяснение как front-end, так и back-end аспектов. Веб-сайт обрабатывает формы листа ожидания и отправляет данные в базу, гарантируя высокую эффективность и стабильность. Присоединяйтесь к нам, чтобы узнать, как использовать все возможности сайта GTA 6 по максимуму! ⚡️ Список интенсивов по подписке -
☑️ Чеклист "С нуля до Senior front-end" -
VK -
https://vk.com/redgroupchannel 🍥 Тема в редактор/IDE - Houston / Catppuccin Sequoia / Maple Mono 🎹 Клавиатура - NuPhy Halo65 / switch Night Breeze ✨Скачать настройку VS Code: РФ -
Мир -
Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях! 00:00:00 - Начало 00:00:30 - Что такое MERN стэк? 00:01:50 - Что за проект? 00:02:50 - Кто я такой? 00:04:15 - Где скачать проект? 00:04:30 - PERN лучше чем MERN? 00:05:30 - С чего правильнее начать БЭК или фронт? 00:07:20 - Что такое REACT? 00:13:00 - Инициализация REACT приложения 00:16:20 - Тема, иконки, шрифт 00:18:15 - Разбираем структуру Реакта 00:20:15 - Изображения 00:25:15 - Чистка кода 00:26:11 - Шрифт 00:29:15 - Что такое Tailwind? 00:32:15 - Верстка 00:33:55 - Стилизация 00:54:15 - Форма с помощью React Hook Form 01:01:05 - Инициализация NODE JS приложения 01:02:15 - Внедряем Express js 01:05:15 - Запуск сервера 01:07:15 - Insomnia 01:09:15 - Создание базы данных 01:11:15 - Prisma ORM 01:12:15 - Первая модель 01:15:15 - Интегрируем TypeScript на Back-end 01:22:55 - Проверка входящих данных 01:27:15 - Первый prisma запрос 01:28:15 - Тестируем запрос 01:30:15 - Запрос к back-end на добавление 01:36:15 - Ошибка CORS Policy и ее фикс 01:38:09 - Празднуем завершение проекта! ⚡️Закрытый клуб "5 утра" -
💡 Личный ТГ канал -
🌿 Плейлист с полными курсами для новичков и не только - • Полные курсы 👉 Все ссылки (+ настройка редактора) и информация обо мне: РФ -
Мир -
#GTA #GTA6 #Junior #PERN #RedGroup
