آموزش MERN برنامه کامل وبلاگ را از ابتدا 2022 پشته می کند

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

معرفی Introduction

• معرفی پروژه Project Intro

• باید خواند شود Must Read

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

• به انجمن بپیوندید JOIN THE COMMUNITY

احراز هویت کاربر User Authentication

• ویژگی های Backend API Backend API Features

• مسیر دوره Course Path

• سرور اکسپرس Express Server

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

• متغیر محیطی DOTENV Environment Variable DOTENV

• معماری MVC توضیح داد MVC architecture explained

• مدل سازی داده ها توضیح داده شده است Data Modelling Explained

• مدل سازی داده های کاربر User Data Modelling

• قسمت 1 کنترل کننده ثبت نام کاربر User Registration controller Part 1

• قسمت 2 کنترل کننده ثبت نام کاربر User Registration controller Part 2

• میان افزار توضیح داده شد Middleware Explained

• هش کردن رمز عبور کاربر با استفاده از Bcryptjs Hashing User password using Bcryptjs

• جلوگیری از ثبت تکراری یک کاربر Prevent Duplicate Registration of a User

• مسیریابی سریع Express Routing

• رسیدگی به خطا Error Handling

• مدیریت خطا یافت نشد Not Found Error Handling

• کنترل کننده ورود کاربر قسمت 1 User Login Controller Part 1

• کنترل کننده ورود کاربر قسمت 2 User Login Controller Part 2

• ایجاد رمز برای کاربر ورود به سیستم -JWT Generate Token for login user -JWT

• واکشی کنترلر همه کاربران Fetch All Users Controller

• کنترل کننده کاربر را حذف کنید Delete User Controller

• واکشی کنترلر جزئیات کاربر Fetch User Details Controller

• منطق احراز هویت Authentication Logic

• میان افزار احراز هویت کاربر User Auth Middleware

• کنترلر پروفایل کاربری User Profile Controller

• کنترلر پروفایل کاربری را به روز کنید Update User Profile controller

• کنترل کننده رمز عبور کاربر را به روز کنید Update User Password controller

• باگ میان افزار احراز هویت کاربر برطرف شد User Auth Middleware Bug Fixed

دنبال کردن و لغو فالو کردن کاربر User Following and Unfollowing

• بخش کنترل کننده دنبال کاربر User Following Controller Part

• جلوگیری از دنبال کردن یک کاربر تکراری Prevent Duplicate Following a User

• عدم فالو کردن کاربر کنترلر Unfollowing User Controller

مسدود کردن و رفع انسداد کاربر User Blocking and Unblocking

• مسدود کردن کاربر Blocking User

• رفع انسداد کاربر Unblocking User

ارسال ایمیل Email Sending

• نحوه ارسال ایمیل با استفاده از SendGrid How to send Email using SendGrid

تایید حساب کاربری User Account Verification

• فعال سازی حساب کاربری قسمت 1 User Account Activation Part 1

• فعال سازی حساب کاربری قسمت 2 User Account Activation Part 2

مدیریت رمز عبور را فراموش کنید Forget Password Management

• بخش 1 کارکرد رمز عبور را فراموش کنید Forget Password Functionality Part 1

• بخش 2 عملکرد رمز عبور را فراموش کنید Forget Password Functionality Part 2

• بخش 3 عملکرد رمز عبور را فراموش کنید Forget Password Functionality Part 3

آپلود فایل در Clodinary File Upload to Cloudinary

• آپلود فایل - پیکربندی مولتر File Upload - Multer Configuration

• آپلود فایل - تغییر اندازه تصویر File Upload - Image Resizing

• آپلود فایل در Clodinary File upload to Cloudinary

• آپلود عکس پروفایل کاربر Upload User Profile Photo

ایجاد Post API Creating Post API

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

• ایجاد کنترلر پست Creating Post Controller

• اگر پست حاوی کلمات توهین آمیز باشد، کاربر را مسدود کنید Block user if post contains profane words

• هنگام ایجاد یک پست، تصویر را آپلود کنید Upload image when creating a post

• تصاویر ذخیره شده را پس از آپلود از سرور ما حذف کنید Remove saved images from our server after uploaded

• واکشی کنترلر همه پست ها Fetch All Post Controller

• همه پست ها را واکشی کنید و کاربر را پر کنید Fetch All Post and populate the user

• واکشی همه پست ایجاد شده توسط یک کاربر Fetch all post created by a user

• یک پست واکشی کنید و کاربر را پر کنید Fetch a post and populate the user

• تعداد بازدید از یک پست Number of views of a post

• کنترلر پست را به روز کنید Update Post Controller

• کنترلر پست را حذف کنید Delete Post Controller

پست لایک و عدم پسند Post Likes and Unlikes

• کنترلر لایک پست 1 Post Likes Controller Part 1

• کنترلر لایک پست 2 Post Likes Controller Part 2

• دوست نداشتن کنترلر پست Dislike Post Controller

• پر کردن موارد ناپسند Populate Dislikes

ارسال دیدگاه API Post Comment API

• مدل نظر Comment Model

• کنترل کننده نظرات را ایجاد کنید Create Comment Controller

• واکشی همه کنترل کننده نظرات Fetch all comments controller

• یک کنترلر نظر واکشی کنید Fetch a single comment controller

• به روز رسانی کنترل کننده نظرات Update comment Controller

• کنترل کننده نظر را حذف کنید Delete Comment Controller

پیام‌رسانی ایمیل Email Messaging

• مدل پیام‌رسانی ایمیل Email Messaging Model

• کنترل کننده پیام ایمیل را ایجاد کنید Create Email Message Controller

• جلوگیری از کلمات توهین آمیز در ایمیل Prevent Profane words in Email

دسته پست Post Category

• ایجاد مدل دسته بندی Create Category Model

• ایجاد کنترل کننده دسته Create Category Controller

• واکشی کنترلر همه دسته ها Fetch All Categories Controller

• واکشی کنترل کننده دسته تک Fetch Single Category Controller

• به روز رسانی کنترل کننده دسته Update Category Controller

• کنترل کننده دسته را حذف کنید Delete Category Controller

Redux Toolkit Frontend - اختیاری Redux Toolkit Frontend - Optional

• Redux toolkit چیست What's Redux toolkit

• Redux Toolkit را نصب کنید Install Redux Toolkit

• مفهوم Redux Redux Concept

• ایجاد فروشگاه Redux - جعبه ابزار Redux Create Redux Store - Redux toolkit

• ایجاد اکشن با استفاده از کیت ابزار createAction - Redux Create Action using createAction - Redux toolkit

• Reducer را با استفاده از createReducer ایجاد کنید Create Reducer using createReducer

• اقدام Dispatch با استفاده از useDispatch Dispatch Action using useDispatch

• Reducer را با استفاده از Map Notation Method ایجاد کنید Create Reducer using Map Notation Method

• پروژه مقابله با استفاده از - CreateSlice Counter Project using - CreateSlice

• پروژه پست - CreateAsynchThunk Post Project - CreateAsynchThunk

*به روز رسانی* React Router DOM V6 *UPDATE* React Router DOM V6

• باید خواند شود MUST READ

• معرفی نهایی پروژه Final Project Intro

• اجزای ساختگی Dummy Components

• پیکربندی React Router DOM Configuring React Router DOM

• مسیر 404 404 Route

• جهت یابی Navigation

• مسیر حفاظتی Protecting Route

• رندر کردن اجزا (اختیاری) Rendering Components (Optional)

• useParams() useParams()

پروژه وبلاگ - فرانت اند Blog Project - Frontend

• برنامه React ایجاد کنید Create React App

• Tailwindcss را برای یک ظاهر طراحی نصب کنید Install Tailwindcss for styling

• 90. معرفی Tailwindcss 90.Tailwindcss intro

• 91. کامپوننت صفحه اصلی 91.Home Page Component

• نصب React Router Dom React Router Dom installation

• React Routing React Routing

حساب کاربران - جعبه ابزار Redux Users Account -Redux Toolkit

• ثبت جزء Register Component

• ثبت فرم کاربر با استفاده از Formik Register User Form using Formik

• فروشگاه Redux را ایجاد کنید Create Redux Store

• اقدام ثبت نام کاربر User Registration Action

• کاهش دهنده ثبت نام کاربر (برش) User Registration Reducer (Slices)

• ارسال اقدام برای ثبت نام کاربر Dispatch Action To Register User

• نمایش بارگیری ثبت نام کاربر و خطا Display User Register Loading and Error

• تغییر مسیر ثبت نام کاربر User Register Redirect

• جزء فرم ورود کاربر User Login Form Component

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

• کاهش دهنده ورود کاربر - (CreateSlice) User Login Reducer - (CreateSlice)

• ارسال اقدام به ورود کاربر Dispatch Action to Login User

• تغییر مسیر کاربر پس از ورود User Redirect After Login

• Navbar - React Router Dom Navbar - React Router Dom

• نمایش پایگاه Navbar در Login User Display Navbar base on Login User

• خروج کاربر قسمت 1 Logout User Part 1

• خروج از کاربر قسمت 2 Logout User Part 2

مدیریت پست - Redux-Toolkit Post Managment - Redux-Toolkit

• ایجاد مؤلفه دسته پست Create Post Category Component

• ایجاد کننده اقدام دسته بندی پست - CreateAction Post Category Action Creator - CreateAction

• کاهش دهنده رده پست Post Category Reducer

• اقدام ارسال دسته بندی Post Category Dispatch Action

• واکشی همه دسته ها Fetch All categories

• فرمت کننده تاریخ و مولفه بارگذاری Date Formatter and Loading Component

• حذف و به روز رسانی اقدام دسته Delete and Update Category Action

• اقدام واکشی جزئیات دسته Fetch Category Details Action

• حذف و به روز رسانی دسته Delete and Update Category

• پست ایجاد تغییر مسیر Post creating redirect

• نحوه محافظت از Route در React How to protect Route in React

• ایجاد مؤلفه فرم پست Create Post Form Component

• اکشن و کاهش دهنده پست ایجاد کنید Create Post action and reducer

• ارسال اقدام برای ایجاد پست Dispatch Action to Create Post

• پست دسته بندی کشویی را انتخاب کنید Post Category Dropdown Select

• ایجاد پست با تصویر Create Post With Image

• نمایش خطاهای ایجاد پست و تغییر مسیر Display Post Creating Errors and Redirect

• جزء لیست پست Post List Component

• واکشی همه پست ها Fetch All Posts

• واکشی همه دسته ها Fetch All categories

• فیلتر کردن پست بر اساس دسته Filter Post By Category

• پست هایی مانند Action Creator Posts Like Action Creator

• ارسال اقدام برای لایک کردن پست Dispatch Action To Like Post

• ارسال اقدام برای دوست نداشتن پست Dispatch Action To DisLike Post

• جزء جزئیات ارسال Post Details Component

• واکشی جزئیات پست Fetch Post Details

• کامپوننت پست را به روز کنید Update Post Component

• Post Action And Reducer را به روز کنید Update Post Action And Reducer

• اقدام ارسال برای به روز رسانی پست Dispatch Action To Update Post

• تغییر مسیر کاربر پس از به روز رسانی پست Redirect User After Updating Post

• خطای دسته و پست رفع شد Category and Post Error Fixed

• حذف پست و تغییر مسیر Delete Post And Redirect

• فقط صاحب پست می تواند پست خود را حذف کند Only Post Owner can Delete His Post

• ارسال فرم نظر Post Comment Form

• افزودن نظر به پست Add Comment To Post

• پر کردن نظر پست Populate Post Comment

• واکشی همه نظرات قسمت 1 Fetch All Comments Part 1

• واکشی همه نظرات قسمت 2 Fetch All Comments Part 2

• حذف نظر Delete Comment

• به روز رسانی نظر Update Comment

• نمایش تصویر نمایه کاربر Display User Profile Image

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

• جزء نمایه کاربر User Profile Component

• عملکرد و کاهش دهنده پروفایل کاربر User Profile Action And Reducer

• نمایه کاربر قسمت 1 User Profile Part 1

• آپلود کامپوننت عکس نمایه Upload Profile Photo Component

• آپلود عکس پروفایل کاربر Upload User Profile Photo

• به روز رسانی فرم مشخصات کاربر Update User Profile Form

• به روز رسانی نمایه کاربر قسمت 1 Update User Profile Part 1

• تغییر مسیر پروفایل کاربری را به روز کنید Update User Profile Redirect

User Follow و UnFollow User Follow and UnFollow

• User Follow and Follow Part 1 User Follow and Following Part 1

• کاربر unFollow و UnFollowing قسمت 1 User unFollow and UnFollowing Part 1

• کاربر unFollow اشکال رفع شد User unFollow bug fixed

ارسال ایمیل Sending Email

• فرم ارسال ایمیل Email Sending Form

• ارسال اکشن و کاهش دهنده ایمیل Sending Email Action And Reducer

• ارسال ایمیل تغییر مسیر Sending Email Redirect

تایید حساب Account Verification

• مؤلفه تأیید حساب Account Verification Component

• API تأیید حساب Account Verification API

• رمز ارسال تأیید حساب Account Verification Send Token

• اشکال دسته بندی پست رفع شد Post Category Bug Fixed

• تأیید حساب در حال بارگیری Account Verification Loading

مدیریت نمایه کاربر ادامه دهید User Profile Management Continue

• تایید حساب Account Verification

• پنهان کردن دکمه دنبال به صورت برنامه ای Hide Follow Button Programatically

• تغییر مسیر به صفحه نمایه Redirect To Profile Page

• API Who View My Profile Who View My Profile API

• نمایش افرادی که نمایه من را مشاهده می کنند Display Who View My Profile

• نوع حساب کاربری را پیاده سازی کنید Implement User Account Type

• جزء لیست کاربران Users List Component

• واکشی اقدامات همه کاربران Fetch All Users Actions

• اقدام ارسال برای واکشی همه کاربران Dispatch Action To Fetch All Users

• مسدود کردن و رفع انسداد کاربر قسمت 1 Block and Unblock User Part 1

• مسدود کردن و رفع انسداد کاربر قسمت 2 Block and Unblock User Part 2

• مسدود کردن و رفع انسداد کاربر قسمت 3 Block and Unblock User Part 3

بهبود برنامه Application Improvement

• بهبود برنامه Application Improvement

• نمایش خطاهای نظر Display Comment Errors

• جلوگیری از ورود کاربر در صورت مسدود شدن Prevent User From Login if Blocked

• حساب شروع می تواند دو پست ایجاد کند Starter Account Can Create Two Posts

مدیریت رمز عبور کاربر User Password Management

• به روز رسانی فرم رمز عبور کاربر Update User Password Form

• به روز رسانی عملیات رمز عبور کاربر Update User Password Action

• ارسال اقدام برای به روز رسانی رمز عبور Dispatch Action To Update Password

• بازنشانی رمز عبور قسمت 1 Password Reset Part 1

• بازنشانی رمز عبور قسمت 2 Password Reset Part 2

• بازنشانی رمز عبور قسمت 3 Password Reset Part 3

گسترش Deployment

• استقرار Backend Backend Deployment

• استقرار Frontend Frontend Deployment