آموزش پشته MERN از جلو به عقب: Full Stack React، Redux & Node.js

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

معرفی Introduction

• به دوره خوش آمدید Welcome To The Course

• نگاهی به پروژه دوره A Look At The Course Project

• محیط و راه اندازی Environment & Setup

• پیوند به فایل های پروژه Link To Project Files

معرفی Introduction

• به دوره خوش آمدید Welcome To The Course

• نگاهی به پروژه دوره A Look At The Course Project

• محیط و راه اندازی Environment & Setup

• پیوند به فایل های پروژه Link To Project Files

راه اندازی Express & MongoDB Express & MongoDB Setup

• راه اندازی MongoDB Atlas MongoDB Atlas Setup

• Dependencies و Basic Express Setup را نصب کنید Install Dependencies & Basic Express Setup

• اتصال به MongoDB با Mongoose Connecting To MongoDB With Mongoose

• مسیریابی فایل ها با روتر اکسپرس Route Files With Express Router

راه اندازی Express & MongoDB Express & MongoDB Setup

• راه اندازی MongoDB Atlas MongoDB Atlas Setup

• Dependencies و Basic Express Setup را نصب کنید Install Dependencies & Basic Express Setup

• اتصال به MongoDB با Mongoose Connecting To MongoDB With Mongoose

• مسیریابی فایل ها با روتر اکسپرس Route Files With Express Router

مسیرهای API کاربر و احراز هویت JWT User API Routes & JWT Authentication

• ایجاد مدل کاربر Creating The User Model

• درخواست و اعتبار سنجی بدن Request & Body Validation

• ثبت نام کاربر User Registration

• پیاده سازی JWT Implementing JWT

• میان‌افزار احراز هویت سفارشی و تأیید JWT Custom Auth Middleware & JWT Verify

• احراز هویت کاربر/مسیر ورود به سیستم User Authentication / Login Route

مسیرهای API کاربر و احراز هویت JWT User API Routes & JWT Authentication

• ایجاد مدل کاربر Creating The User Model

• درخواست و اعتبار سنجی بدن Request & Body Validation

• ثبت نام کاربر User Registration

• پیاده سازی JWT Implementing JWT

• میان‌افزار احراز هویت سفارشی و تأیید JWT Custom Auth Middleware & JWT Verify

• احراز هویت کاربر/مسیر ورود به سیستم User Authentication / Login Route

مسیرهای API پروفایل Profile API Routes

• ایجاد مدل پروفایل Creating The Profile Model

• دریافت نمایه کاربر فعلی Get Current User Profile

• ایجاد و به‌روزرسانی مسیرهای نمایه Create & Update Profile Routes

• دریافت همه نمایه ها و نمایه بر اساس شناسه کاربری Get All Profiles & Profile By User ID

• حذف نمایه و کاربر Delete Profile & User

• افزودن تجربه نمایه Add Profile Experience

• حذف تجربه نمایه Delete Profile Experience

• افزودن و حذف آموزش نمایه Add & Delete Profile Education

• Repos Github را برای نمایه دریافت کنید Get Github Repos For Profile

مسیرهای API پروفایل Profile API Routes

• ایجاد مدل پروفایل Creating The Profile Model

• دریافت نمایه کاربر فعلی Get Current User Profile

• ایجاد و به‌روزرسانی مسیرهای نمایه Create & Update Profile Routes

• دریافت همه نمایه ها و نمایه بر اساس شناسه کاربری Get All Profiles & Profile By User ID

• حذف نمایه و کاربر Delete Profile & User

• افزودن تجربه نمایه Add Profile Experience

• حذف تجربه نمایه Delete Profile Experience

• افزودن و حذف آموزش نمایه Add & Delete Profile Education

• Repos Github را برای نمایه دریافت کنید Get Github Repos For Profile

ارسال مسیرهای API Post API Routes

• ایجاد مدل پست Creating The Post Model

• اضافه کردن مسیر ارسال Add Post Route

• دریافت و حذف مسیرهای پست Get & Delete Post Routes

• پست لایک و بر خلاف مسیرها Post Like & Unlike Routes

• افزودن و حذف مسیرهای نظر Add & Remove Comment Routes

ارسال مسیرهای API Post API Routes

• ایجاد مدل پست Creating The Post Model

• اضافه کردن مسیر ارسال Add Post Route

• دریافت و حذف مسیرهای پست Get & Delete Post Routes

• پست لایک و بر خلاف مسیرها Post Like & Unlike Routes

• افزودن و حذف مسیرهای نظر Add & Remove Comment Routes

شروع کار با React & The Frontend Getting Started With React & The Frontend

• نگاهی به UI/تم A Look At The The UI / Theme

• پیوند به سریال ساخت تم در یوتیوب Link To Theme Building Series On YouTube

• React & Concurrently Setup React & Concurrently Setup

• پاکسازی و اجزای اولیه Clean Up & Initial Components

• راه اندازی روتر React React Router Setup

• فرم ثبت نام و استفاده ازState Hook Register Form & useState Hook

• نمونه درخواست و فرم ورود Request Example & Login Form

شروع کار با React & The Frontend Getting Started With React & The Frontend

• نگاهی به UI/تم A Look At The The UI / Theme

• پیوند به سریال ساخت تم در یوتیوب Link To Theme Building Series On YouTube

• React & Concurrently Setup React & Concurrently Setup

• پاکسازی و اجزای اولیه Clean Up & Initial Components

• راه اندازی روتر React React Router Setup

• فرم ثبت نام و استفاده ازState Hook Register Form & useState Hook

• نمونه درخواست و فرم ورود Request Example & Login Form

راه اندازی و هشدارهای Redux Redux Setup & Alerts

• اصل ردوکس The Gist Of Redux

• ایجاد فروشگاه Redux Creating a Redux Store

• کاهش دهنده هشدار، اقدام و انواع Alert Reducer, Action & Types

• مؤلفه هشدار و تماس اقدام Alert Component & Action Call

راه اندازی و هشدارهای Redux Redux Setup & Alerts

• اصل ردوکس The Gist Of Redux

• ایجاد فروشگاه Redux Creating a Redux Store

• کاهش دهنده هشدار، اقدام و انواع Alert Reducer, Action & Types

• مؤلفه هشدار و تماس اقدام Alert Component & Action Call

React User Authentication React User Authentication

• Auth Reducer & Register Action Auth Reducer & Register Action

• بارگیری کاربر و تنظیم رمز تأیید Load User & Set Auth Token

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

• پیوندهای خروج و نوار ناوبری Logout & Navbar Links

React User Authentication React User Authentication

• Auth Reducer & Register Action Auth Reducer & Register Action

• بارگیری کاربر و تنظیم رمز تأیید Load User & Set Auth Token

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

• پیوندهای خروج و نوار ناوبری Logout & Navbar Links

داشبورد و مدیریت پروفایل Dashboard & Profile Management

• مسیر محافظت شده برای داشبورد Protected Route For Dashboard

• کاهش دهنده پروفایل و دریافت نمایه فعلی Profile Reducer & Get Current Profile

• شروع در داشبورد Starting On The Dashboard

• کامپوننت ایجاد نمایه CreateProfile Component

• ایجاد اکشن نمایه Create Profile Action

• ویرایش نمایه Edit Profile

• آموزش و تجربیات را اضافه کنید Add Education & Experiences

• آموزش و تجربیات را فهرست کنید List Education & Experiences

• آموزش، تجربیات و حساب را حذف کنید Delete Education, Experiences & Account

داشبورد و مدیریت پروفایل Dashboard & Profile Management

• مسیر محافظت شده برای داشبورد Protected Route For Dashboard

• کاهش دهنده پروفایل و دریافت نمایه فعلی Profile Reducer & Get Current Profile

• شروع در داشبورد Starting On The Dashboard

• کامپوننت ایجاد نمایه CreateProfile Component

• ایجاد اکشن نمایه Create Profile Action

• ویرایش نمایه Edit Profile

• آموزش و تجربیات را اضافه کنید Add Education & Experiences

• آموزش و تجربیات را فهرست کنید List Education & Experiences

• آموزش، تجربیات و حساب را حذف کنید Delete Education, Experiences & Account

نمایش مشخصات Profile DIsplay

• پایان فعالیت‌های نمایه و کاهش‌دهنده Finish Profile Actions & Reducer

• نمایش پروفایل ها Display Profiles

• پرداختن به هشدارهای کنسول Addressing The Console Warnings

• شروع در نمایه Starting On The Profile

• ProfileTop & ProfileAbout Components ProfileTop & ProfileAbout Components

• نمایش تجربه و آموزش نمایه Profile Experience & Education Display

• نمایش مخازن Github Displaying Github Repos

• مشکل و رفع وضعیت نمایه Profile State Issue & Fix

نمایش مشخصات Profile DIsplay

• پایان فعالیت‌های نمایه و کاهش‌دهنده Finish Profile Actions & Reducer

• نمایش پروفایل ها Display Profiles

• پرداختن به هشدارهای کنسول Addressing The Console Warnings

• شروع در نمایه Starting On The Profile

• ProfileTop & ProfileAbout Components ProfileTop & ProfileAbout Components

• نمایش تجربه و آموزش نمایه Profile Experience & Education Display

• نمایش مخازن Github Displaying Github Repos

• مشکل و رفع وضعیت نمایه Profile State Issue & Fix

پست ها و نظرات Posts & Comments

• کاهش دهنده پست، اقدام و مؤلفه اولیه Post Reducer, Action & Initial Component

• کامپوننت مورد پست Post Item Component

• مانند و بر خلاف عملکرد Like & Unlike Functionality

• حذف پست ها Deleting Posts

• افزودن پست ها Adding Posts

• نمایش تک پست Single Post Display

• افزودن نظرات Adding Comments

• نمایش و حذف نظرات Comment Display & Delete

پست ها و نظرات Posts & Comments

• کاهش دهنده پست، اقدام و مؤلفه اولیه Post Reducer, Action & Initial Component

• کامپوننت مورد پست Post Item Component

• مانند و بر خلاف عملکرد Like & Unlike Functionality

• حذف پست ها Deleting Posts

• افزودن پست ها Adding Posts

• نمایش تک پست Single Post Display

• افزودن نظرات Adding Comments

• نمایش و حذف نظرات Comment Display & Delete

آماده سازی و استقرار Prepare & Deploy

• Heroku CLI را نصب کنید Install Heroku CLI

• آماده شدن برای استقرار Prepare For Deployment

• اعزام به Heroku Deploy To Heroku

آماده سازی و استقرار Prepare & Deploy

• Heroku CLI را نصب کنید Install Heroku CLI

• آماده شدن برای استقرار Prepare For Deployment

• اعزام به Heroku Deploy To Heroku

مشکلات، ویژگی های اضافه شده و غیره Issues, Added Features, etc

• درباره این بخش About This Section

• راه حل صفحه و موضوع پیدا نشد Not Found Page & Theme Workaround

مشکلات، ویژگی های اضافه شده و غیره Issues, Added Features, etc

• درباره این بخش About This Section

• راه حل صفحه و موضوع پیدا نشد Not Found Page & Theme Workaround