آموزش توسعه وب پشته MERN با احراز هویت نهایی

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

معرفی دوره Course Introduction

• کد منبع Source Code

معرفی دوره Course Introduction

• معرفی Introduction

• معرفی Introduction

• الزامات Requirements

• الزامات Requirements

• آیا با JavaScript React و NodeJs تازه کار هستید؟ Are you new to JavaScript React and NodeJs?

• آیا با JavaScript React و NodeJs تازه کار هستید؟ Are you new to JavaScript React and NodeJs?

• کد منبع Source Code

شروع شدن Getting Started

• لیست بسته های NPM برای نصب List of NPM packages to install

شروع شدن Getting Started

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

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

• لیست بسته های NPM برای نصب List of NPM packages to install

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

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

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

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

• کد منبع Source code

Node Js API Node Js API

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

• نسخه Mongoose Mongoose version

• کد منبع Source code

Node Js API Node Js API

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

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

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

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

• کد برای مدل کاربر Code for User model

• کد برای مدل کاربر Code for User model

• مدل کاربر User model

• مدل کاربر User model

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

• اختیاری - استفاده از Monto Atlas برای MongoDB به عنوان یک سرویس در ابر OPTIONAL - Using Monto Atlas for MongoDB as a service in the cloud

• اختیاری - استفاده از Monto Atlas برای MongoDB به عنوان یک سرویس در ابر OPTIONAL - Using Monto Atlas for MongoDB as a service in the cloud

• نسخه Mongoose Mongoose version

• 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

• کد منبع Source code

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

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

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

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

• کد منبع Source code

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

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

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

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

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

• نحوه تغییر از Sendgrid به Nodemailer و Gmail برای ارسال ایمیل (اختیاری) How to switch from Sendgrid to Nodemailer and Gmail to send Emails (OPTIONAL)

• نحوه تغییر از Sendgrid به Nodemailer و Gmail برای ارسال ایمیل (اختیاری) How to switch from Sendgrid to Nodemailer and Gmail to send Emails (OPTIONAL)

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

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

• SENDGRID FORBIDDEN ERROR SENDGRID FORBIDDEN ERROR

• SENDGRID FORBIDDEN ERROR SENDGRID FORBIDDEN ERROR

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

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

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

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

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

• کد منبع Source code

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

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

• نسخه روتر React React router version

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

• کد منبع Source code

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

• شروع با react Starting with react

• شروع با react Starting with react

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

• نسخه روتر React React router version

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

• کد منبع Source code

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

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

• قوانین ساده استفاده از افکت Simple rules of useEffect

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

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

• کد منبع Source code

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

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

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

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

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

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

• قوانین ساده استفاده از افکت Simple rules of useEffect

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

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

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

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

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

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

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

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

• کد منبع Source code

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

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

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

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

• کد منبع Source code

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

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

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

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

• کد منبع Source code

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

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

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

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

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

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

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

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

• کد منبع Source code

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

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

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

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

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

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

• پاکسازی خطاها 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

• کد منبع Source code

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

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

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

• کد منبع Source code

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

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

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

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

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

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

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

• کد منبع Source code

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

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

• کد منبع Source code

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

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

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

• منابع - ورود با گوگل (اختیاری) Resources - Login with google (optional)

• منابع - ورود با گوگل (اختیاری) Resources - Login with google (optional)

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

• کد منبع Source code

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

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

• کد منبع Source code

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

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

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

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

• کد منبع Source code

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

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

• کد منبع Source code

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

• کد برای سرور js Code for server js

• کد برای سرور js Code for server js

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

• کد منبع Source code

گسترش Deployment

• ثبت نام در Digital Ocean Signup to Digital Ocean

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

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

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

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

• کد منبع Source code

گسترش Deployment

• ثبت نام در Digital Ocean Signup to Digital Ocean

• دستورات/مراحل استقرار Deployment commands / steps

• دستورات/مراحل استقرار Deployment commands / steps

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

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

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

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

• کد منبع Source code

• کد منبع Source code

استقرار پست Post Deployment

• افزودن نام دامنه Adding a domain name

• Cloudflare CDN و SSL رایگان Cloudflare CDN and Free SSL

• http را به https مجبور کنید Force http to https

• هدایت همه www به غیر www Redirect all www to non-www

• دامنه ورود به سیستم گوگل و آدرس اینترنتی پاسخ به تماس را به روز کنید Update google login domain and callback url's

استقرار پست Post Deployment

• افزودن نام دامنه Adding a domain name

• Cloudflare CDN و SSL رایگان Cloudflare CDN and Free SSL

• http را به https مجبور کنید Force http to https

• هدایت همه www به غیر www Redirect all www to non-www

• دامنه ورود به سیستم گوگل و آدرس اینترنتی پاسخ به تماس را به روز کنید Update google login domain and callback url's

• دامنه ورود به فیس بوک و url پاسخ به تماس را به روز کنید Update facebook login domain and callback url's

• دامنه ورود به فیس بوک و url پاسخ به تماس را به روز کنید Update facebook login domain and callback url's

• تغییر آدرس IP Digital Ocean به نام دامنه Redirect Digital Ocean IP to domain name

• تغییر آدرس IP Digital Ocean به نام دامنه Redirect Digital Ocean IP to domain name

SEO - ایجاد سایت ایستا SEO - Generate Static Site

SEO - ایجاد سایت ایستا SEO - Generate Static Site

• یک برنامه وب را از قبل به HTML ایستا برای SEO ارائه دهید Pre-render a web app into static HTML for SEO

• یک برنامه وب را از قبل به HTML ایستا برای SEO ارائه دهید Pre-render a web app into static HTML for SEO

جایزه Bonus

• به سرور Discord من بپیوندید Join my Discord server

جایزه Bonus

• دوره های دیگری که ممکن است دوست داشته باشید Other courses you may like

• دوره های دیگری که ممکن است دوست داشته باشید Other courses you may like

• به سرور Discord من بپیوندید Join my Discord server