Популярное

???? RUTUBE и ТОЧКА. Разработка РУТУБА за 5 часов *БЕЗ ВОДЫ* [Next / React / Nest / PostgreSQL / Red

38 Просмотры

#видеообзоры #рецепты #советы #секреты #хитрости #дом #уют #дизайн #интерьер #советыдля дома #полезныесоветыхозяйке #советыдляженщин #советыдлядевушек #советымужчинам #полезныесоветы #вкусныерецепты #советыдлядетей #советымолодыммамам #советыдляотдыхавроссии #советыпенсионерам #юридическиесоветы #женскиесекретывотношениях #мода #красота #здоровье #молодость #секс #йога #спорт #фитнес #модныесоветы #отдых #туризм #петешествия #смотреть #видео
Издатель
???? Оформить премиум подписку - https://htmllessons.ru/premium?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=rutube-2-0
⚡️ Список интенсивов по подписке - https://htmllessons.ru/list-intensives?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=rutube-2-0
???? ТГ канал (каждые 500 подписчиков розыгрыш) - https://t.me/redgroupchannel

► Как купить из других стран - https://t.me/redgroupchannel/37

В этом крутом ролике мы разработаем правильный РУТУБ с использованием новейших технологий.

Надеюсь Вы оцените мои старания, с Вас лайк и подписка. ???? 777 лайков и я снимаю следующий большой проект.

Если есть какие то фишки по этой теме - дай знать в ???? комментариях!

⚡️Закрытый клуб “5 утра” (3 дня бесплатно) - https://htmllessons.ru/ext/club

Скачать ????‍???? версию для практики в нашем хранилище - https://htmllessons.ru/storage#storage_file_52
Скачать ???? исходник проекта в нашем хранилище - https://htmllessons.ru/storage#storage_file_53

Самый большой проект на канале с использованием Next.js/React на фронте и Nest.js на бэкенд. В качестве базы данных для Rutube будем использовать PostgreSQL и TypeORM для удобства. Научимся работать с запросами в Insomnia. Почему я назвал видео Rutube и точка. Потому что я хочу показать как разработать правильную версию Рутуба. Вернемся к front-end, тут в качестве state management используем Redux Toolkit, а для asynchronous state management возьмем RTK Query. Стили будем писать с использованием Tailwind CSS и SCSS. Ну и конечно же во всем проекте будет типизация на TypeScript.

???? Автор дизайна - https://dribbble.com/shots/14958858--Exploration-Skateboard-Video-Platform
???? Тема в редактор/IDE - Xcode dark

00:00:00 - Начало
00:01:16 - Какой стэк?
00:01:33 - Практика данного проекта
00:02:58 - Смотрим Ютуб
00:03:30 - Чем мне не нравится RUTUBE?
00:05:20 - ДЕМО
00:10:32 - Создание back-end
00:11:20 - Базовая настройка проекта + установка зависимостей
00:13:47 - Настройка сервера
00:16:00 - Подключение PostgreSQL
00:20:50 - Генерируем сущности
00:23:44 - Описываем Entities + связи
00:37:31 - Авторизация (стратегия, декоратор )
00:41:59 - Что такое DTO? AuthDTO
00:43:57 - Сервис для авторизации
00:51:46 - Контроллер для авторизации
00:55:44 - Сервис для пользователя
01:06:27 - Контроллер для пользователя
01:15:00 - Сервис для видео
01:24:23 - Контроллер для видео
01:29:38 - Сервис и контроллер для комментариев
01:30:00 - Загрузка файлов
01:36:00 - Создание и настройка фронт проекта
01:43:50 - Настройка Tailwind и конфига
01:50:00 - Глобальные стили, шприфты
01:51:00 - Утилиты
01:55:00 - Описываем интерфейсы
01:59:00 - Auth service
02:04:00 - User service
02:06:00 - Video service
02:07:00 - Layout
02:13:00 - Структура главной страницы
02:16:00 - document.tsx
02:17:00 - Sidebar + menu
02:29:30 - Header
02:35:00 - Форма авторизации
02:39:40 - UI компоненты для формы
02:47:20 - Логин и регистрация createAsyncThunk
02:56:19 - Настройка Redux Toolkit
03:02:00 - Кастомные хуки для Redux
03:02:46 - Добавляем action в форму авторизации
03:04:00 - Защищенные роуты
03:10:00 - Настройка RTK Query
03:14:30 - Добавляем токен в хедер запроса
03:16:00 - Получение профиля
03:22:00 - Описываем все сервисы в RTK Query
03:28:00 - Меню юзера в хедере
03:34:50 - Поиск
03:39:52 - VideoItem
03:51:25 - SSG + Главная страница
03:58:00 - Страница канала
04:07:50 - Кнопка "подписаться"
04:12:00 - Вывод списка подписок
04:14:20 - Страницы тренды
04:16:10 - Страница мои подписки
04:17:17 - Страница видео
04:19:40 - Функционал плеера
04:32:00 - Комментарии к видео
04:37:22 - Детали видео (описание,лайки, просмотры)
04:40:00 - Обновление просмотров видео
04:41:20 - Творческая студия
04:43:53 - Загрузка видео с прогресс баром
04:48:30 - Загрузка файлов функционал
04:57:00 - Продолжаем делать форму для загрузки видео
05:05:00 - Редактирование видео
05:09:40 - Я счастлив!
05:10:40 - Почему я кайфую от программирования?

#Rutube #Youtube #React #RedGroup

???? Все ссылки (+ настройка редактора) и информация обо мне - https://redlinks.space/

Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте ???? и колокольчик ????
Категория
Советы для женщин на каждый день
Комментариев нет.
Яндекс.Метрика