Весь современный стек в одном видео! | Блок сайт на , и FSD
Исходники:
🔸🔸🔸🔸
Платформа с моими курсами 👇🏻
🔸🔸🔸🔸
Мой telegram канал:
В этом видео мы напишем браузерное расширение для блокировки сайтов с 0 за 7 часов. Будем использовать самый актуальный на 2023 год стек технологий:
Сервер мы реализуем с использованием:
, , Prisma, PostgreSQL, Swagger
Арминку напишем на:
React, , FSD архитектура, @tanstack/react-query, tailwindcss, react-hook-form, orval
Расширение напишем на:
React, Vite, FSD архитектура, @tanstack/react-query, tailwindcss, orval
00:00:00 0.1 Что в результате получится
00:01:18 0.2 Что будет в видео
00:03:36 0.3 Для кого будет полезно
00:04:24 0.4 Как изучить глубже
00:06:39 1.1 Начинаем делать бек
00:07:54 1.2 Почему
00:11:19 1.3 Как работают декораторы в
00:16:02 1.4 Что такое Prisma
00:19:13 1.5 Инициализация проекта
00:20:53 1.6 Настройка swagger
00:29:03 1.7 Настройка базы данных
00:38:10 1.8 Авторизация на JWT и Cookies
01:20:57 1.9 Валидация
01:23:34 Account module
01:38:14 Block-list module
02:06:55 Архитектурный комментарий
02:16:55 2.1 Начинаем делать фронт
02:17:51 2.2 Почему
02:27:44 2.3 Что такое FSD
02:36:27 2.4 Что такое react-query
02:39:58 2.5 Почему tailwindcss
02:46:59 2.6 Инициализация проекта
02:52:37 2.7 Генерация Api с использованием Orval
03:08:48 2.8 Поключаем react-query
03:13:50 2.9 Разработка Uikit
03:48:55 Фича: Авторизация, регистрация
04:40:31 Фича: Переключение блокировки
04:56:46 Фича: Блок лист
05:34:08 Как изучить FSD глубже
05:34:42 Каюсь
05:37:20 3.1 Начинаем разработку расширения для chrome
05:40:03 3.2 Как устроены chrome расширения
05:43:25 3.3 Как мы будем синхронизировать расширение и админку
05:47:23 3.4 Разработка расширения
1 view
113
25
5 months ago 00:51:33 1
«Отпиливали руки и ноги, чтобы спасти». Землетрясение, о котором забыли
5 months ago 00:04:59 1
Предложения фракции КПРФ по комплексному развитию Крыма, как всероссийской здравницы.
5 months ago 00:58:00 1
Мир, в котором мы жили. Эпизод 1: Устройство общества.
5 months ago 00:03:57 1
«Illusory light of distant Sun» — «Призрачный свет далекого Солнца»
5 months ago 00:06:28 1
Акварели художника Анны Абготт
5 months ago 00:08:35 1
Физика 11 класс (Урок№24 - Строение атома. Опыты Резерфорда.)
5 months ago 00:02:33 1
Аркадий Паровозов - Почему нужно соблюдать режим дня? - мультфильм детям
5 months ago 01:09:45 1
МУЗЫКА 2024 НОВИНКИ #23 💃 📀 Новые Русские Песни 2024 😎 Новинки Музыки 2024 🎧 Русская Музыка 2024
5 months ago 00:02:06 1
Не молчите… жизнь так коротка! Одна секунда порой решает всё!
5 months ago 00:27:12 1
C2 Background Learning of any language - Фоновое Изучение Английского - @BackgroundLearningEnglish
5 months ago 00:55:53 1
АЛЕКСАНДР ПЫЖИКОВ. Дорогой предков. За пределами эпохи Просвещения и Библейского проекта (2018)
5 months ago 00:00:00 3
#27 Fallout New Vegas. Модный, хардкорный, с вызовами.
5 months ago 00:37:57 1
Трансгуманизм. “Во славу Дьявола“.
5 months ago 00:16:48 1
“РОССИЯ ГОСТЕПРИИМНАЯ: узнаю о профессиях на благо общества“
5 months ago 00:32:43 1
Что производит Завод Строительно - Дорожных машин UMG в Челябинске в 2024 году
5 months ago 00:29:10 1
Seiko. Из руин на вершину часового мира
5 months ago 00:13:04 1
Потрясающе Вкусный Суп Харчо, простой Рецепт Грузинской Кухни Этот харчо захочется еще, не пожалеете
5 months ago 00:11:50 1
Тайсон Фьюри | Эта Речь Взорвала Интернет. Мощная Мотивация К Победе
5 months ago 00:16:32 1
Как современная реальность поможет врачу стать успешным? | Евгения Харченко | TEDxSechenovUniversity
5 months ago 00:17:10 1
Избавьтесь от запаха старости! Откуда берутся неприятные запахи
5 months ago 00:10:49 1
ФАНТ, КОТОРЫЙ ПОХОРОНИЛ КУМИРА (MORGENSHTERN)
5 months ago 00:54:33 1
Обзор луков подписчиков #15 / Александр Рогов
5 months ago 00:10:19 1
Египетские фараоны пришли с Русской равнины? История происхождения египетских фараонов