Полный Full Stack курс ReactJS + NodeJS для начинающих за 4 часа! (MongoDB, Express, React, NodeJS)
В этом видео ты научишься с нуля разрабатывать бэкенд на стэке MERN (MongoDB, Express, React, NodeJS) и подключать к фронтенду свой бэкенд. Также, к завершению урока ты научишься деплоить своё приложение на Heroku Vercel.
Курс идеально подойдёт для новичков, которые впервые решили попробовать NodeJS.
👀 Чему ты научишься?
1. Разрабатывать свой бэкенд
2. Делать авторизацию и регистрацию backend frontend
3. Работать с базой данных (MongoDB)
4. Разработке full stack проектов
5. Делать загрузку файлов на сервер
6. Подключать аутентификацию с помощью JWT
7. Взаимодействовать фронтенд с бэкендом
8. Деплоить фулл стэк приложение
⚙️ Программы:
Insomnia -
MongoDB Compass - (нужен VPN для доступа к скачиванию)
📚 Готовые исходники:
🔗 Ссылки по материалу:
- Vercel -
- Heroku -
- Офф. сайт JWT -
- Список HTTP-кодов - Список_кодов_состояния_HTTP
🔗 Следите за обновлениями и информацией в:
— Telegram-канале:
— VK:
— Личном блоге:
— GitHub:
— Моё резюме:
⏰ Таймкоды:
00:00:00 Бэкенд (начало)
00:00:28 Теория по бэкенду
00:08:26 Начало разработки бэкенда
00:10:25 Установка библиотеки Express
00:10:57 Подключаем модульный подход для NodeJS (import, export, es6 и т.п.)
00:12:15 Начинаем разработку приложения на Express
00:19:11 Делаем HTTP-запросы на приложение через Insomnia
00:20:05 Создаем тестовую авторизацию
00:23:26 Подключаем JSON Web Token (JWT)
00:27:08 Делаем регистрацию подключаем базу данных MongoDB
00:31:18 Создаем модель UserModel
00:36:07 Устанавливаем Express Validator и подключаем в проект
00:44:38 Создаем пользователя в БД
00:45:45 Шифруем пароль с помощью BCrypt
00:48:45 Подключаемся к БД через программу MongoDB Compass
00:51:47 Обрабатываем ошибки
00:57:17 Скрываем пароль юзера из ответа
00:58:35 Делаем реальную авторизацию
01:04:53 Делаем роут на получение информации о профиле
01:05:52 Создаем middleware (функцию посредник) -
01:16:47 Делаем небольшой рефакторинг
01:19:52 Создаем функционал для статей (CRUD)
01:50:18 Делаем загрузку картинок на сервер (Multer)
01:56:10 Возвращаем статические файлы (загруженные картинки)
01:57:54 Создаем middleware -
02:01:06 Рефакторим итоговый код бэкенда
02:05:09 Фронтенд
02:06:22 Изучаем структуру фронтенд проекта
02:09:16 Подключаем React Router
02:13:34 Подключаем Redux Toolkit
02:15:26 Создаем slice для статей (posts)
02:19:20 Настраиваем Axios
02:21:13 Исправляем ошибку CORS
02:23:23 Создаем асинхронный action в Redux Toolkit
02:25:32 Сохраняем в стейт статус запроса и сами статьи
02:32:58 Вытаскиваем тэги из бэкенда
02:36:28 Делаем вывод полной записи
02:44:01 Создаем функционал для авторизации
03:00:10 Проверяем авторизован пользователь или нет
03:06:00 Сохранять токен в LocalStorage, чтобы не выкидывало из аккаунта
03:16:55 Делаем форму регистрации
03:24:38 Разрешаем удалять статью только автору
03:27:44 Форма создания статьи Simple Editor
03:34:24 Загрузка изображения на сервер
03:43:04 Отправка статьи на бэкенд
03:51:43 Рендерим статьи с помощью React Markdown
03:54:10 Удаление статьи
04:01:55 Редактирование статьи
04:09:49 Что сказала кукуруза? (итого)
04:10:25 Домашние задания для тебя
04:13:02 Деплой блога на Heroku Vercel
04:14:24 Heroku
04:17:56 Vercel
04:23:45 Конец
#nodejs #express #react #reactrouter #multer #markdown #deploy
1 view
560
141
2 weeks ago 00:09:46 1
Денис Фёдоров, Большая фуга на тему «В траве сидел кузнечик» и множество других тем.
4 weeks ago 00:02:25 1
Григория превратили в собаку зомби Фулл полная версия
4 weeks ago 00:02:08 1
taras stanin Х masterfabrik #3, Creepin’
4 weeks ago 01:29:02 1
[4К] почти полный Московский концерт тура “I like the way“ Ким Уджина
4 weeks ago 00:03:20 1
Доктор Дью - ГЛАЗА (полная метал-версия)
4 weeks ago 00:01:32 1
ГУСЬ из ВАТЫ/GOOSE of COTTON. DIY.
4 weeks ago 01:15:51 1
Солярис. Серия 1 (FullHD, фантастика, реж. Андрей Тарковский, 1972 г.)
4 weeks ago 00:02:34 1
Мистер Дудец | Полное видео! [Timmy Trumpet & SCNDL–Bleed]
4 weeks ago 00:05:22 1
Вячеслав Полунин (Асисяй) / Телефон (1981) HD
4 weeks ago 00:05:57 1
✅ Н.Левашов. Как жить проснувшись от ментального сна. Как перестать быть рабами
4 weeks ago 01:30:29 1
Самадхи, часть 3: “Путь без Пути“ - Samadhi Part 3, Russian Narration Final
4 weeks ago 01:12:46 1
За что присудили три естественно-научные Нобелевки 2024
4 weeks ago 01:07:19 1
Николай Караченцов - Золотая коллекция (часть 1-4)
4 weeks ago 00:05:03 1
Юрий Антонов - Лунная дорожка. FullHD. 2013
4 weeks ago 01:53:01 1
Полный курс по Next js - Изучи Nextjs за 2 часа! | React SSR +таймкоды
4 weeks ago 00:28:49 1
МАЙК ТАЙСОН – РОЙ ДЖОНС – ПОЛНЫЙ БОЙ / MIKE TYSON VS ROY JONES – FULL FIGHT
4 weeks ago 00:03:29 1
UPDATE🔥Full review of premium pass😱Полный и качественный обзор🔥Обнова😱Tuning club online🔥Новые тачки
4 weeks ago 00:13:43 14
Волновой Редуктор с ПТК 1:17 | Лучший редуктор на 3D принтере?
4 weeks ago 00:01:12 1
SUB Dimash and Hauser are in a stupor Димаш и Хаузер в ступоре @dkmediaeurope subscribe
4 weeks ago 00:02:57 1
НОКАУТ С 1 УДАРА! Полный Бой Шара Буллет VS Армен Петросян UFC 308 Bullet - Petrosyan full fight
4 weeks ago 00:32:51 3
Егор Ратников. Секреты мотогонок
4 weeks ago 00:26:48 1
Чем реже мы проявляем силу воли, тем больше шансы добиться своих целей
4 weeks ago 00:04:18 1
Sati Ethnica - Guashamahua (Official Video)
4 weeks ago 01:37:27 1
Sultan Ali Rahmatov -Новый концерт полная версия. (new concert full version)