MERN Stack Bootcamp 2024: Build 2 Real Projects-Clean Code

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

معرفی Introduction

• معرفی Introduction

• بررسی اجمالی دوره نسخه ی نمایشی پروژه Course Overview Project Demo

منابع دانلود: کد منبع پروژه Download Resources: Project Source Code

• کد منبع پروژه احراز هویت Authentication Project Source Code

• کد منبع پروژه برنامه اشتراک گذاری عکس Photo Sharing App Project Source Code

برنامه اشتراک گذاری عکس: پروژه - 1 Photo Sharing App: Project - 1

• نمایش اجمالی پروژه Project Overview Demo

• راه اندازی پروژه قسمت 1 Project Setup Part-1

• مسیرهای اساسی قسمت 2 Basic Routes Part-2

• DB Connection Part-3 DB Connection Part-3

• مدل DB Part-4 DB Model Part-4

• راه اندازی ابری قسمت 5 Cloudinary Setup Part-5

• آپلود تصویر قسمت 6 Upload Image Part-6

• دریافت همه تصاویر قسمت 7 Get All Images Part-7

• به روز رسانی تصویر قسمت 8 Update Image Part-8

• حذف تصویر قسمت 9 Delete Image Part-9

• Swagger Setup Part-10 Swagger Setup Part-10

• Swagger API Documentation Part-11 Swagger API Documentation Part-11

• اسناد Swagger (PUT) قسمت 12 Swagger Documentation (PUT) Part-12

• اسناد Swagger (حذف) قسمت 13 Swagger Documentation (DELETE) Part-13

• استقرار در Vercel Part-14 Deployment To Vercel Part-14

• React Project Initialize Part-15 React Project Initialize Part-15

• React Project Tailwind Part-16 React Project Tailwind Part-16

• مسیرها قسمت 17 Routes Part-17

• طرح بندی برنامه قسمت 18 Application Layout Part-18

• React Context Type-Safe Part-19 React Context Type-safe Part-19

• کارت تصویر قسمت 20 Image Card Part-20

• گزینه های کارت تصویر قسمت 21 Image Card Options Part-21

• کامپوننت آپلود کننده تصویر قسمت 22 Image Up-loader Component Part-22

• آپلود تصویر یکپارچه سازی API قسمت 23 Image Upload API Integration Part-23

• Loader Component Part-24 Loader Component Part-24

• واکشی نمایش تصاویر قسمت 25 Fetch Show Images Part-25

• Image Modal Part-26 Image Modal Part-26

• دکمه های مدال تصویر قسمت 27 Image Modal Buttons Part-27

• به روز رسانی عنوان تصویر قسمت 28 Image Title Update Part-28

• تصویر حذف قسمت 29 Image Delete Part-29

• گالری تصاویر مدال قسمت 30 Image Gallery Modal Part-30

• گالری تصاویر عملکرد مدال قسمت 31 Image Gallery Modal Functionality Part-31

• Skeleton Loader Type-safe Code Part-32 Skeleton Loader Type-safe Code Part-32

• Vercel Deployment Part-33 Vercel Deployment Part-33

• Push To Git و Vercel Part-34 Push To Git and to Vercel Part-34

Authentication App-Google، Facebook و JWT: Project - 2 Authentication App-Google,Facebook and JWT: Project - 2

• Project Setup React Part-1 Project Setup React Part-1

• ایجاد کامپوننت ها قسمت 2 Creating Components Part-2

• راه اندازی مسیرها قسمت 3 Setting Up Routes Part-3

• مسیرهای حفاظت شده وحشی قسمت 4 Protected Wild Routes Part-4

• طراحی مولفه ثبت نام-I قسمت-5 Designing Signup Component-I Part-5

• طراحی مولفه ثبت نام - II قسمت 6 Designing Signup Component - II Part-6

• اعتبار سنجی فرم با استفاده از Regex - I Part-7 Form Validation Using Regex - I Part-7

• اعتبار سنجی فرم با استفاده از Regex - II Part-8 Form Validation Using Regex - II Part-8

• رمز عبور نمایش دکمه پنهان کردن قسمت 9 Password Show Hide Button Part-9

• طراحی جزء ورود به سیستم قسمت 10 Designing Login Component Part-10

• Project Setup Backend Node JS Part-11 Project Setup Backend Node JS Part-11

• Backend Basic Route Test Part-12 Backend Basic Test Route Part-12

• اتصال به پایگاه داده قسمت 13 Connecting to The Database Part-13

• ایجاد مدل کاربر قسمت 14 Creating User Model Part-14

• طراحی کنترلر روتر - I Part-15 Designing Router Controller - I Part-15

• طراحی کنترلر روتر - II قسمت 16 Designing Router Controller - II Part-16

• طراحی کنترلر روتر - III قسمت 17 Designing Router Controller - III Part-17

• ارسال ایمیل با استفاده از Node Mailer Part-18 Sending Email Using Node Mailer Part-18

• تأیید حساب - I Part-19 Account Verification - I Part-19

• تأیید حساب - II قسمت 20 Account Verification - II Part-20

• مسیر ورود - I Part-21 Login Route - I Part-21

• مسیر ورود با JWT - II Part-22 Login Route with JWT - II Part-22

• استفاده از JWT در React Part-23 Using JWT in React Part-23

• JWT MiddleWare در Node JS Part-24 JWT MiddleWare In Node JS Part-24

• ورود به سیستم Google - I Part-25 Google Login - I Part-25

• Google Login - II Part-26 Google Login - II Part-26

• ورود به فیس بوک قسمت 27 Facebook Login Part-27

• قسمت 28 رابط کاربری رمز عبور را فراموش کرده اید Forgot Password UI Part-28

• رمز عبور را فراموش کرده اید ارسال OTP قسمت 29 Forgot Password Send OTP Part-29

• رمز عبور را فراموش کرده اید OTP Verify Part-30 Forgot Password OTP Verify Part-30

• رمز عبور را فراموش کرده ام مجموعه رمز عبور جدید قسمت 31 Forgot Password Set New Password Part-31

• ارسال مجدد رمز عبور بازنشانی OTP Part-32 Resend Password Reset OTP Part-32

• رابط کاربر مؤلفه اصلی - I قسمت 33 Home Component UI - I Part-33

• رابط کاربر مؤلفه اصلی - II قسمت 34 Home Component UI - II Part-34

• صفحه اصلی کامپوننت نمایش داده های کاربر قسمت-35 Home Component Show User Data Part-35

• قسمت 36 کاربر به روز رسانی مؤلفه خانه Home Component Update User Part-36

• تکمیل فرم کاربر به روز رسانی مؤلفه صفحه اصلی قسمت 37 Home Component Update User Form Completion Part-37

• Home Component User Update API Part-38 Home Component User Update API Part-38

• Home Component Backend Logic Part-39 Home Component Backend Logic Part-39

• لودر قسمت 40 Loaders Part-40

• رفع اولیه و انیمیشن ها قسمت 41 Basic Fixes and Animations Part-41

• کد را به Github Part-42 فشار دهید Push Code to Github Part-42

• استقرار پروژه قسمت 43 Deploy Project Part-43

• استقرار تست پروژه قسمت 44 Deploy Project Testing Part-44

• جمع بندی پروژه Project Wrap Up