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
Дата обновления
27 сент. 2021 г., 21:56
Создайте проект аутентификации с использованием стека MERN с нуля до облачных серверов Digital Ocean. MERN Stack (MongoDB Express React Node) FullStack Project с нуля на Live Server с готовой продакшн аутентификацией.
MERN STACK
Изучите веб-разработку MERN, создав готовую продакшн систему регистрации и входа с активацией учетной записи, потерей пароля, сбросом пароля, входом через Facebook, входом через Google, а также ACL, внедрив закрытые и защищенные маршруты для аутентифицированных пользователей и пользователей с ролью администратора.
В качестве бонуса я также включил обновление профиля и развертывание на облачных серверах Digital Ocean.
Добавлены новые лекции
- Добавление доменного имени
- Cloudflare CDN и бесплатный SSL
- HTTP к HTTPS
- Перенаправить все www на не-www
- Обновление Google и Facebook перенаправление на рабочий домен
- Перенаправление Digital Ocean IP на фактическое доменное имя
Ключевые понятия, рассматриваемые в этом курсе
- Проект, который мы строим походу курса
- Готовая продакшн система аутентификации
- Построение регистрационной системы с использованием email пароля
- Внедрение системы социальной регистрации с Google и Facebook
- ACL - Контроль доступа
- MERN Stack Веб-разработка
- Разработка API с Node Js
- Веб-разработка веб-интерфейса с React
- Создайте свой собственный базовый проект для всех ваших будущих проектов React Node FullStack
- Изучите развертывание FullStack на облачных серверах Digital Ocean, включая установку MongoDB
- Активация учетной записи перед сохранением пользователя в базе данных
- Войти через Google
- Войти с Facebook
- Частная маршрутизация
- Admin Routing
- Макет страницы с React
- Работа с LocalStorage
- Работа с Cookies
- Работа с JWT (веб-токены JSON)
- Ролевые перенаправления
- Обновление профиля
- Auth Middleware
- Промежуточное программное обеспечение администратора
- Защита маршрутов
- Обработка истечения JWT
- Обработка ошибок
- Toast Уведомления
- Забыли пароль
- Сброс пароля
- Отправка проектов в Github
- Передача проекта из Github в Digital Ocean
- Конфигурация сервера Digital Ocean
- Развертывание бэкэнда и внешнего интерфейса на одной Digital Ocean "капле"
- Внесение изменений после переноса проекта на работающие серверы
К концу этого курса у вас будет свой собственный проект MERN Stack Project, работающий в режиме реального времени на облачных серверах Digital Ocean.
Веб-разработка - это не только программирование, но и развертывание, работа с доменами, хостинг, CDN, www / non-www, http / https, перенаправления, SEO, продвижение новых функций и многое другое. Получите все эти знания, а также готовую к работе систему аутентификации, маршруты администратора, макеты страниц с надежной архитектурой проекта. Проект этого курса - начало чего-то большого :)
Посмотреть больше
- Урок 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.