udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
MERN стек веб-разработка с проектом аутентификации
MERN Stack Web Development with Ultimate Authentication
★4.7 (всего оценок - 35)
Продолжительность
9 ч 24 мин
Категория
React.jsКоличество уроков
54 Видео
Дата добавления
18 мар. 2020 г., 19:26
Язык
Английский
Дата выхода
16 янв. 2020 г., 00:00
Дата обновления
29 апр. 2026 г., 07:04
Освойте MERN‑стек на практике, создав полноценную продакшн систему аутентификации с нуля и развернув её на облачных серверах Digital Ocean. Курс поможет вам шаг за шагом пройти путь от настройки окружения до профессионального деплоя с SSL, доменами, безопасностью и социальным логином.
Что представляет собой этот курс
Это практико‑ориентированный курс, в котором вы разработаете готовое приложение MERN с регистрацией, авторизацией, ACL, защищёнными маршрутами и интеграцией Google/Facebook. Вы получите не просто знания, а работающий проект и понимание всех этапов веб‑разработки: от бэкенда и фронтенда до продакшн‑развёртывания и оптимизации.
Чему вы научитесь
Функционал аутентификации
- Создание системы регистрации через email и пароль
- Активация аккаунта перед сохранением в базе данных
- Авторизация и хранение токенов JWT
- Обработка истечения токенов и ошибок
- Восстановление и сброс пароля
- Социальная аутентификация через Google и Facebook
- Настройка профиля пользователя и обновления данных
Безопасность и контроль доступа
- Создание ACL (контроля доступа)
- Ролевые перенаправления и права администратора
- Защищённые (private) маршруты
- Использование middleware для авторизации и админ‑доступа
Разработка на MERN‑стеке
- Node.js + Express для разработки API
- React для создания интерфейса и маршрутизации
- Работа с Cookies, LocalStorage, JWT
- Структурирование архитектуры проекта
- Создание собственного базового шаблона для будущих FullStack‑проектов
Продакшн и развертывание
- Настройка серверов Digital Ocean
- Установка и настройка MongoDB
- Деплой фронтенда и бэкенда на одной «капле»
- Работа с доменами и DNS
- Интеграция Cloudflare CDN
- Установка бесплатного SSL и перевод HTTP → HTTPS
- Перенаправления www/non‑www и IP → домен
- Обновление OAuth‑редиректов Google/Facebook под рабочий домен
- Подготовка и публикация проекта на GitHub
Обновления курса
В курс добавлены новые лекции по продакшн‑инфраструктуре:
- Привязка доменного имени
- Cloudflare + SSL
- Полный переход на HTTPS
- Корректные редиректы www/non‑www
- Правильная настройка OAuth для боевого домена
- Перенаправление IP‑адреса на домен
Почему этот курс полезен
Вы получите не только знания MERN, но и понимание полного цикла веб‑разработки: настройка окружения, работа с доменами, SEO‑основы, деплой, производительность и реальное продакшн‑мышление. Итогом станет полноценный проект, который вы сможете использовать как основу для коммерческих приложений.
Ваш итоговый результат
К завершению курса вы развернёте собственную систему аутентификации MERN на реальном сервере Digital Ocean, настроите домены, сертификаты, безопасные маршруты и получите уверенные навыки FullStack‑разработки. Этот проект может стать стартом вашего портфолио или основой для будущего продукта.
- Урок 1.00:01:38Introduction
- Урок 2.00:01:27Requirements
- Урок 3.00:02:24Setup client
- Урок 4.00:11:13Setup server
- Урок 5.00:07:03Installing NPM packages
- Урок 6.00:07:04Moving routes
- Урок 7.00:04:43Moving to controllers
- Урок 8.00:17:48User model
- Урок 9.00:11:02Applying middlewares
- Урок 10.00:05:40MongoDB Atlas Robo3T and Postman
- Урок 11.00:06:10Connect to mongodb
- Урок 12.00:14:31Express validator
- Урок 13.00:09:44Signup user
- Урок 14.00:06:48Email confirmation workflow
- Урок 15.00:05:22Signup with sendgrid
- Урок 16.00:14:41Send email on signup
- Урок 17.00:12:24Account activation
- Урок 18.00:14:25Signin user
- Урок 19.00:03:29Starting with react
- Урок 20.00:06:35Create layout
- Урок 21.00:06:47Using react router dom
- Урок 22.00:07:37Signup page setup
- Урок 23.00:11:47Signup form
- Урок 24.00:18:25Finishing signup
- Урок 25.00:06:53User signin
- Урок 26.00:21:34Activate account
- Урок 27.00:08:30Active nav link
- Урок 28.00:19:59Auth helpers
- Урок 29.00:18:39Authenticate and signout
- Урок 30.00:10:36Private route
- Урок 31.00:04:21Admin route
- Урок 32.00:06:58Redirect based on role
- Урок 33.00:08:58Read user profile
- Урок 34.00:08:22Protect API endpoint
- Урок 35.00:14:13Update user profile
- Урок 36.00:08:16Admin middleware
- Урок 37.00:05:59Profile update page setup
- Урок 38.00:03:08Errors cleanup
- Урок 39.00:13:31Pre populate profile update and handle JWT expiry
- Урок 40.00:11:50Profile update with toast message
- Урок 41.00:04:07Admin profile update
- Урок 42.00:13:19Forgot password server
- Урок 43.00:15:33Reset password server
- Урок 44.00:09:49Forgot password client
- Урок 45.00:17:11Reset password client
- Урок 46.00:21:23Login with google client
- Урок 47.00:24:21Login with google - server
- Урок 48.00:11:11Login with facebook client
- Урок 49.00:13:37Login with facebook server
- Урок 50.00:03:08Getting ready for production
- Урок 51.00:06:00Github and digital ocean
- Урок 52.00:18:15Deployment part 1
- Урок 53.00:15:08Deployment part 2
- Урок 54.00:11:23Pushing changes and making admin user
Автор - udemy
Комментарии
SMThanks for quick UPDATE!!!- SMplease update this course
Anonymouserror in lesson 13, if user exists you got error. Need to move create new user logic to findOne callback. But any way, this lessons are "beautiful"
AnonymousHello, please update (last update as of Oct). Thank you
AnonymousHi Admin, this course needs update, Thanks
ASilentVoiceHi, please update this couse.- ASilentVoice ASilentVoiceThank you brother.