آموزش با React + NestJS و GraphQL یک برنامه چت واقعی بسازید

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

معرفی Introduction

• معرفی Introduction

• نسخه ی نمایشی پروژه Project Demo

• مخاطبان دوره Course Audience

• منابع دوره Course Resources

React UI Setup React UI Setup

• ایجاد React App & Material UI Create React App & Material UI

• React Router DOM & Auth UI React Router DOM & Auth UI

NestJS Backend Setup & Users GraphQL CRUD NestJS Backend Setup & Users GraphQL CRUD

• منبع راه‌اندازی و کاربران NestJS NestJS Setup & Users Resource

• مخزن چکیده Abstract Repository

• مخزن کاربران و GraphQL CRUD - قسمت 1 Users Repository & GraphQL CRUD - Part 1

• مخزن کاربران و GraphQL CRUD - قسمت 2 Users Repository & GraphQL CRUD - Part 2

• اعتبار سنجی، ورود به سیستم، و پاکسازی پیکربندی Validation, Logging, & Config Cleanup

• مهاجرت های پایگاه داده Database Migrations

• به روز رسانی باگ کاربر Update User Bug

مشتری آپولو Apollo Client

• یادداشت رابط کاربری UI Note

• راه اندازی آپولو کلاینت Apollo Client Setup

• کاربر ایجاد کنید Create User

احراز هویت Backend Backend Authentication

• پاسپورت و استراتژی محلی Passport & Local Strategy

• استراتژی محلی را اعمال کنید Apply Local Strategy

• استراتژی JWT - قسمت 1 JWT Strategy - Part 1

• استراتژی JWT - قسمت 2 JWT Strategy - Part 2

• GQL Auth Guard را اعمال کنید Apply GQL Auth Guard

احراز هویت UI UI Authentication

• ورود به رابط کاربری UI Login

• اعتبار سنجی - قسمت 1 Auth Validation - Part 1

• اعتبار سنجی - قسمت 2 Auth Validation - Part 2

• گارد احراز هویت Auth Guard

• لینک خروج Logout Link

• Auth Redirect Auth Redirect

سرتیتر Header

• سربرگ - قسمت 1 Header - Part 1

• سربرگ - قسمت 2 Header - Part 2

• خروج Logout

• وضعیت احراز هویت Authentication State

اسنک بار Snackbar

• میان وعده خطا Error Snack

لیست چت Chat List

• لیست چت Chat List

• رندر مشروط Conditional Rendering

• Chat Modal را اضافه کنید Add Chat Modal

• چت باطن ایجاد کنید Create Chat Backend

• GraphQL Type Generation & Create Chat UI GraphQL Type Generation & Create Chat UI

• دریافت چت Get Chats

• کش را به روز کنید Update Cache

• افزودن پاکسازی چت Add Chat Cleanup

رابط کاربری چت Chat UI

• رابط کاربری چت - قسمت 1 Chat UI - Part 1

• رابط کاربری چت - قسمت 2 Chat UI - Part 2

پیام ها Messages

• Backend پیام ایجاد کنید Create Message Backend

• ایجاد رابط کاربری پیام Create Message UI

• دریافت پیام ها Get Messages

• حافظه پنهان پیام ها را به روز کنید Update Messages Cache

• رابط کاربری پیام ها Messages UI

پاسخگویی Responsiveness

• رابط کاربری پاسخگو Responsive UI

اشتراک ها Subscriptions

• اشتراک های Backend Backend Subscriptions

• اشتراک های رابط کاربری UI Subscriptions

• اعتبار و زمینه اشتراک Subscription Auth & Context

• حافظه پنهان پیام ها را به روز کنید Update Messages Cache

تجمع Aggregation

• تجمیع پیام ها Messages Aggregation

• تجمع چت ها Chats Aggregation

• نهادهای رابط کاربری UI Entities

• آخرین حافظه پنهان پیام Latest Message Cache

• اشتراک پیام های متعدد Multiple Message Subscriptions

صفحه بندی Pagination

• صفحه‌بندی باطن چت Chats Backend Pagination

• صفحه‌بندی رابط کاربری چت Chats UI Pagination

• صفحه‌بندی پشتیبان پیام‌ها Messages Backend Pagination

• صفحه‌بندی و پاک‌سازی رابط کاربری پیام‌ها Messages UI Pagination & Cleanup

آپلود فایل File Upload

• راه اندازی AWS AWS Setup

• آپلود فایل باطن Backend File Upload

• آپلود فایل UI UI File Upload

• پس زمینه تصویر نمایه کاربر User Profile Image Backend

• رابط کاربری تصویر نمایه کاربر User Profile Image UI

استقرار تولید AWS AWS Production Deployment

• شعبه های AWS AWS Branches

• UI را تقویت کنید Amplify UI

• ساقه لوبیا الاستیک Elastic Beanstalk

• خط لوله کد CI/CD Code Pipeline CI/CD

• MongoDB Atlas & App Updates MongoDB Atlas & App Updates

• گواهی SSL SSL Certificate

• CORS و پاکسازی برنامه CORS & App Cleanup

• Redis Pub/Sub Redis Pub/Sub

• دامنه سفارشی Custom Domain