آموزش توسعه وب MERN Stack با احراز هویت نهایی [ویدئو]

MERN Stack Web Development with Ultimate Authentication [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: پشته MERN (Mongo Express React Node) از اجزای منبع باز تشکیل شده است که یک چارچوب سرتاسری برای توسعه برنامه های کاربردی وب جامع که مرورگرها را به پایگاه های داده متصل می کند، ارائه می دهد. این ویدئو به شما کمک می‌کند تا با ساختن یک سیستم ثبت ورود به سیستم آماده تولید با ویژگی‌های احراز هویت مانند فعال‌سازی حساب، فراموشی رمز عبور، بازنشانی رمز عبور، و ورود با فیس‌بوک، گوگل و ACL با پیاده‌سازی خصوصی و ACL، با توسعه وب پشته MERN آشنا شوید. مسیرهای محافظت شده برای هر دو، کاربران تأیید شده و مدیران. اگر می‌خواهید با React Node Express و MongoDB (که بیشتر به عنوان پشته MERN شناخته می‌شود) فول استک کنید، این دوره جایی است که باید شروع کنید. شما یاد خواهید گرفت که چگونه یک پروژه دیگ بخار بسازید که می تواند برای هر پروژه پشته ای MERN که برای خود و مشتریان خود می سازید استفاده شود. در پایان این دوره، پروژه آماده تولید MERN خود را به صورت زنده روی سرورهای ابری DigitalOcean اجرا خواهید کرد. تمام کدها و فایل های پشتیبانی این دوره در https://github.com/PacktPublishing/MERN-Stack-Web-Development-with-Ultimate-Authentication موجود است. آموزش استقرار کامل پشته در سرورهای ابری DigitalOcean، از جمله راه اندازی MongoDB یک سیستم احراز هویت آماده تولید ایجاد کنید یک پروژه پایه برای تمام پروژه های فول استک React Node در آینده ایجاد کنید پیاده سازی یک سیستم ورود به سیستم اجتماعی با گوگل و فیس بوک این دوره برای علاقه مندان به جاوا اسکریپت است که به دنبال استفاده کامل با React Node و MongoDB هستند. توسعه دهندگان وب که می خواهند پروژه دیگ بخار MERN خود را بسازند یا یک سیستم احراز هویت آماده تولید را به پروژه های خود اضافه کنند نیز این دوره را مفید خواهند یافت. اگر به دنبال یادگیری نحوه استقرار برنامه های آماده تولید در سرورهای ابری DigitalOcean هستید، این دوره برای شما مناسب است. بیاموزید که چگونه از boilerplate احراز هویت برای ساخت یک پروژه استفاده کنید * مسیریابی خصوصی و مدیریت را با کنترل دسترسی مبتنی بر نقش کاوش کنید * یک پروژه واقعی را از ابتدا بسازید و آن را در سرورهای زنده در حال اجرا بر روی ابر مستقر کنید.

سرفصل ها و درس ها

معرفی دوره Course Introduction

  • معرفی Introduction

شروع شدن Getting Started

  • راه اندازی مشتری Setup client

  • راه اندازی مشتری Setup client

  • راه اندازی سرور Setup server

  • راه اندازی سرور Setup server

  • نصب بسته های NPM Installing NPM packages

  • نصب بسته های NPM Installing NPM packages

Node Js API Node Js API

  • مسیرهای متحرک Moving routes

  • مسیرهای متحرک Moving routes

  • حرکت به سمت کنترلرها Moving to controllers

  • حرکت به سمت کنترلرها Moving to controllers

  • مدل کاربر User model

  • مدل کاربر User model

  • بکارگیری میان افزارها Applying middlewares

  • بکارگیری میان افزارها Applying middlewares

  • MongoDB Atlas Robo3T و Postman MongoDB Atlas Robo3T and Postman

  • MongoDB Atlas Robo3T و Postman MongoDB Atlas Robo3T and Postman

  • به mongodb متصل شوید Connect to mongodb

  • به mongodb متصل شوید Connect to mongodb

Node Js API Node Js API

Node Js Signin/Signup/Email Confirmation Node Js Signin / Signup / Email Confirmation

  • اعتبار سنجی اکسپرس Express validator

  • اعتبار سنجی اکسپرس Express validator

  • کاربر ثبت نام Signup user

  • کاربر ثبت نام Signup user

  • گردش کار تایید ایمیل Email confirmation workflow

  • گردش کار تایید ایمیل Email confirmation workflow

  • با sendgrid ثبت نام کنید Signup with sendgrid

  • با sendgrid ثبت نام کنید Signup with sendgrid

  • ارسال ایمیل هنگام ثبت نام Send email on signup

  • ارسال ایمیل هنگام ثبت نام Send email on signup

  • فعال سازی اکانت Account activation

  • فعال سازی اکانت Account activation

  • ورود به سیستم کاربر Signin user

  • ورود به سیستم کاربر Signin user

Node Js Signin/Signup/Email Confirmation Node Js Signin / Signup / Email Confirmation

واکنش نشان دهید React

  • شروع با واکنش Starting with react

  • شروع با واکنش Starting with react

  • طرح بندی ایجاد کنید Create layout

  • طرح بندی ایجاد کنید Create layout

  • با استفاده از react router dom Using react router dom

  • با استفاده از react router dom Using react router dom

واکنش نشان دهید React

React Signup/Signin/Activation React Signup / Signin / Activation

  • راه اندازی صفحه ثبت نام Signup page setup

  • راه اندازی صفحه ثبت نام Signup page setup

  • فرم ثبت نام Signup form

  • فرم ثبت نام Signup form

  • در حال تکمیل ثبت نام Finishing signup

  • تکمیل ثبت نام Finishing signup

  • ورود کاربر User signin

  • ورود کاربر User signin

  • اکانت را فعال کنید Activate account

  • اکانت را فعال کنید Activate account

  • لینک فعال ناو Active nav link

  • لینک فعال ناو Active nav link

  • یاران احراز هویت Auth helpers

  • یاران احراز هویت Auth helpers

  • احراز هویت و ثبت نام Authenticate and signout

  • احراز هویت و ثبت نام Authenticate and signout

React Signup/Signin/Activation React Signup / Signin / Activation

مسیریابی خصوصی/مدیر Private / Admin Routing

  • مسیر خصوصی Private route

  • مسیر خصوصی Private route

  • مسیر مدیریت Admin route

  • مسیر مدیریت Admin route

  • تغییر مسیر بر اساس نقش Redirect based on role

  • تغییر مسیر بر اساس نقش Redirect based on role

مسیریابی خصوصی/مدیر Private / Admin Routing

مشخصات کاربر User Profile

  • مشخصات کاربر را بخوانید Read user profile

  • مشخصات کاربر را بخوانید Read user profile

  • از نقطه پایانی API محافظت کنید Protect API endpoint

  • از نقطه پایانی API محافظت کنید Protect API endpoint

  • به روز رسانی پروفایل کاربری Update user profile

  • به روز رسانی پروفایل کاربری Update user profile

  • میان افزار مدیریت Admin middleware

  • میان افزار مدیریت Admin middleware

  • راه اندازی صفحه به روز رسانی نمایه Profile update page setup

  • راه اندازی صفحه به روز رسانی نمایه Profile update page setup

  • پاکسازی خطاها Errors cleanup

  • پاکسازی خطاها Errors cleanup

  • به‌روزرسانی نمایه را از قبل پر کنید و انقضای JWT را مدیریت کنید Pre populate profile update and handle JWT expiry

  • به‌روزرسانی نمایه را از قبل پر کنید و انقضای JWT را مدیریت کنید Pre populate profile update and handle JWT expiry

  • به روز رسانی پروفایل با پیام نان تست Profile update with toast message

  • به روز رسانی پروفایل با پیام نان تست Profile update with toast message

  • به روز رسانی پروفایل مدیریت Admin profile update

  • به روز رسانی پروفایل مدیریت Admin profile update

مشخصات کاربر User Profile

رمز عبور را فراموش کرده/بازنشانی کنید Forgot / Reset Password

  • سرور رمز عبور را فراموش کرده اید Forgot password server

  • سرور رمز عبور را فراموش کرده اید Forgot password server

  • بازنشانی سرور رمز عبور Reset password server

  • بازنشانی سرور رمز عبور Reset password server

  • کلاینت رمز عبور را فراموش کرده اید Forgot password client

  • کلاینت رمز عبور را فراموش کرده اید Forgot password client

  • کلاینت رمز عبور را بازنشانی کنید Reset password client

  • کلاینت رمز عبور را بازنشانی کنید Reset password client

رمز عبور را فراموش کرده/بازنشانی کنید Forgot / Reset Password

با گوگل وارد شوید Login with Google

  • با کلاینت گوگل وارد شوید Login with google client

  • با کلاینت گوگل وارد شوید Login with google client

  • با google - server وارد شوید Login with google - server

  • با google - server وارد شوید Login with google - server

با گوگل وارد شوید Login with Google

برای ورود با فیس بوک Login with Facebook

  • با مشتری فیس بوک وارد شوید Login with facebook client

  • با مشتری فیس بوک وارد شوید Login with facebook client

  • با سرور فیس بوک وارد شوید Login with facebook server

  • با سرور فیس بوک وارد شوید Login with facebook server

برای ورود با فیس بوک Login with Facebook

مراحل تولید Production steps

  • آماده شدن برای تولید Getting ready for production

  • آماده شدن برای تولید Getting ready for production

مراحل تولید Production steps

گسترش Deployment

  • Github و اقیانوس دیجیتال Github and digital ocean

  • Github و اقیانوس دیجیتال Github and digital ocean

  • استقرار بخش 1 Deployment part 1

  • استقرار بخش 1 Deployment part 1

  • استقرار بخش 2 Deployment part 2

  • استقرار بخش 2 Deployment part 2

  • فشار دادن تغییرات و ایجاد کاربر ادمین Pushing changes and making admin user

  • فشار دادن تغییرات و ایجاد کاربر ادمین Pushing changes and making admin user

گسترش Deployment

نمایش نظرات

آموزش توسعه وب MERN Stack با احراز هویت نهایی [ویدئو]
جزییات دوره
10 h 0 m
53
Packtpub Packtpub
(آخرین آپدیت)
از 5
ندارد
دارد
دارد
Ryan Dhungel
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar