آموزش Full Stack - React Django DRF Channels Project - djChat

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

معرفی Introduction

• معرفی Introduction

• ساخت پیش نمایش فنی Build Technical Preview

راهنماهای راه اندازی Setup Guides

• [ویندوز] در حال نصب پایتون [Windows] Installing Python

• [ویندوز] Visual Studio Code Induction [Windows] Visual Studio Code Induction

• [ویندوز] ایجاد محیط های مجازی [Windows] Creating Virtual Environments

• [macOS] Visual Studio Code Induction [macOS] Visual Studio Code Induction

• [macOS] در حال نصب پایتون [macOS] Installing Python

• [macOS] ایجاد محیط های مجازی [macOS] Creating Virtual Environments

آغاز پروژه جنگو DRF Django DRF Project Initiation

• کنترل منبع: شروع کنترل منبع پروژه Source Control: Initiating Project Source Control

• ساخت: یک پروژه جدید Django DRF ایجاد کنید Build: Create a New Django DRF Project

• ساخت: پیکربندی متغیرهای محیطی برای پروژه شما Build: Configuring Environment Variables for your Project

• پرده‌بندی و قالب‌بندی: پیکربندی کد ویژوال استودیو برای قالب‌بندی سیاه Linting and Formatting: Configuring Visual Studio Code for Black Formatting

• Linting و Formatting: پیکربندی کد ویژوال استودیو برای Flake8 Liniting Linting and Formatting: Configuring Visual Studio Code for Flake8 Liniting

• منبع کنترل: اولین commit خود را در یک مخزن Git ایجاد کنید Source Control: Create your first commit in a Git repository

API مدیریت سرور چت Chat Server Administration API

• ساخت: برنامه مدیریت سرور چت را راه اندازی کنید Build: Initiate Chat Server Administration App

• ساخت: ایجاد یک مدل کاربر سفارشی جنگو (AbstractUser) Build: Creating a Django Custom User Model (AbstractUser)

• ساخت: مدل‌های مدیریت سرور چت (جدول و فیلدهای پایگاه داده) Build: Chat Server Administration Models (Database Tables and Fields)

• اسناد API: پیکربندی DRF-Spectacular با Swagger UI: نصب و راه اندازی و API Documentation: Configuring DRF-Spectacular with Swagger UI: Installation and

• ساخت: پیکربندی کلاس های احراز هویت پیش فرض در Django DRF Build: Configuring Default Authentication Classes in Django DRF

• ساخت: ایجاد یک نقطه پایانی API برای فیلتر کردن سرورها بر اساس دسته Build: Creating an API Endpoint for Filtering Servers by category

• ساخت: ایجاد یک نقطه پایانی API برای فیلتر کردن سرورها توسط کاربر Build: Creating an API Endpoint for Filtering Servers by User

• ساخت: ایجاد یک نقطه پایانی API برای فیلتر کردن سرورها بر اساس شناسه سرور Build: Creating an API Endpoint for Filtering Servers by Server ID

• ساخت: ایجاد یک نقطه پایانی API برای فیلتر کردن سرورها بر اساس کمیت Build: Creating an API Endpoint for Filtering Servers by Quantity

• ساخت: بازگرداندن داده های مرتبط - کانال های مرتبط با سرور Build: Returning Related Data - Server Associated Channels

• ساخت: ایجاد یک نقطه پایانی API برای فیلتر کردن سرورها و برگرداندن حاشیه نویسی o Build: Creating an API Endpoint for Filtering Servers and Returning Annotation o

• ChatGPT: ایجاد نظرات کد با ChatGPT ChatGPT: Creating Code Comments with ChatGPT

• ChatGPT: ایجاد DocStrings با ChatGPT ChatGPT: Creating DocStrings with ChatGPT

• API Documentation: ایجاد یک API Endpoint Decorator برای جزئیات نقاط پایانی API Documentation: Creating an API Endpoint Decorator for Detailing Endpoints

• ساخت: پیکربندی جنگو برای مدیریت ذخیره تصاویر Build: Configuring Django to Handle Storing Images

• ساخت: مدل Refactor برای نمادها و بنرها در مدل جنگو (دسته) Build: Model Refactor for Icons and Banners in Django Model (Category)

• ساخت: مدل Refactor برای نمادها و بنرها در مدل جنگو (سرور) Build: Model Refactor for Icons and Banners in Django Model (Server)

• ساختمان: ایجاد کلاس اعتبارسنجی مدل جنگو برای ایجاد فیلد تصویر و Building: Creating a Django Model Validation Class for Image Field Creation and

• منبع کنترل: Commit and Merge Source Control: Commit and Merge

قالب بندی جلویی Front End Templating

• ساخت: یک React Project جدید با Vite ایجاد کنید Build: Create a new React Project with Vite

• ساخت: دایرکتوری صفحات و مؤلفه اصلی Build: Pages Directory and Home Component

• Build: React Routing معرفی با React Router Build: React Routing Introduction with React Router

• ساخت: MUI را نصب کرده و آن را در پروژه موجود ادغام کنید Build: Install MUI and integrate it into the existing project

• ساخت: ایجاد چارچوب اصلی برنامه نوار (قسمت 1). Build: Creating the Primary App Bar (Part-1) Framework

• ساخت: ادغام فونت های گوگل در یک پروژه React/MUI موجود Build: Integrating Google Fonts into an existing React/MUI project

• ساخت: فونت های پاسخگو Build: Responsive Fonts

• ساخت: ایجاد نوار برنامه اولیه (قسمت 2) پاسخگو Build: Creating the Primary App Bar (Part-2) Responsive

• ساخت: چارچوب اولیه قرعه کشی (قسمت 1). Build: Primary Draw (Part-1) Framework

• ساخت: قابلیت قرعه کشی اولیه (قسمت 2). Build: Primary Draw (Part-2) Functionality

• ساخت: چارچوب قرعه کشی ثانویه (قسمت 1). Build: Secondary Draw (Part-1) Framework

• ساخت: چارچوب کامپوننت اصلی (قسمت 1). Build: Main Component (Part-1) Framework

یکپارچه سازی API API Integration

• ساخت: Axios را نصب کنید و اولین درخواست API را ایجاد کنید (CORS Intro) Build: Install Axios and create first API request (CORS Intro)

• ساخت: پیکربندی اشتراک‌گذاری منابع متقاطع (CORS) Build: Configuring Cross-Origin Resource Sharing (CORS)

• ساخت: یک فایل پیکربندی جهانی ایجاد کنید Build: Create a global configuration file

• ساخت: Axios Interceptor Build: Axios Interceptor

• ساخت: یک قلاب CRUD ایجاد کنید Build: Create a CRUD Hook

• ساخت: جزء اصلی ترسیم - سرورهای محبوب Build: Primary Draw Component - Popular Servers

• ساخت: جزء قرعه کشی ثانویه - کاوش دسته ها Build: Secondary Draw Component - Explore Categories

• ساخت: مؤلفه اصلی - کاوش سرورها Build: Main Component - Exploring Servers

• ساخت: منوی اصلی برنامه - کاوش دسته‌ها Build: Primary App Menu - Explore Categories

• ساخت: حالت تاریک Build: Dark Mode

خدمات چت ساختمان Building Chat Services

• ساخت: نصب کانال های جنگو Build: Installing Django Channels

• ساخت: نصب و مدیریت Uvicorn Build: Installing and Managing Uvicorn

• ساخت: پیاده سازی WebSockets - Routing Build: Implementing WebSockets - Routing

• ساخت: مصرف کننده کانال + ارسال و دریافت پیام Build: Channel Consumer + Sending and Receiving Messages

• ساخت: به سمت اتاق های چت چند کاربره Build: Towards Multiple User Chat Rooms

• ساخت: الگوسازی صفحه سرور Build: Server Page Templating

• ساخت: پیاده سازی کانال های سرور Build: Implementing Server Channels

• ساخت: تغییر اتاق های چت (کانال ها) در یک سرور Build: Switching Chat Rooms (Channels) in a Server

• ساخت: پیاده سازی تاریخچه پیام کانال Build: Implementing Channel Message History

• ساخت: صفحه فرود سرور Build: Server Landing Page

• ساخت: قالب - انتخاب کانال پویا Build: Templating - Dynamic Channel Selection

• ساخت: الگو - قالب پیام Build: Templating - Message Template

• ساخت: الگو - ورودی پیام Build: Templating - Message Input

• ساخت: الگو - پیمایش پیام Build: Templating - Message Scrolling

• ساخت: الگو - تاریخ پیام Build: Templating - Message DateTime

احراز هویت Authentication

• ساخت: نصب djangorestframework-simplejwt Build: Installing djangorestframework-simplejwt

• تئوری: Refresh and Access Tokens Theory: Refresh and Access Tokens

• ساخت: ایجاد فرم ورود Build: Creating the Login Form

• ساخت: زمینه احراز هویت و خدمات احراز هویت Build: Authentication Context and Authentication Services

• ساخت: محافظت از نقاط پایانی API Build: Protecting API Endpoints

• ساخت: پیاده سازی مسیرهای محافظت شده Build: Implement Protected Routes

• ساخت: خروج از سیستم کاربران Build: Logging Out Users

• ساخت: JWT Interceptor - با استفاده از Refresh Token Build: JWT Interceptor - Using Refresh Token

• تئوری: LocalStorage در مقابل کوکی HttpOnly Theory: LocalStorage vs HttpOnly Cookie

• ساخت: سفارشی سازی ساده JWT - احراز هویت فقط HTTP Build: Customising Simple JWT - HTTP Only Authentication

• ساخت: سفارشی سازی کلاس JWTA Build: JWTAuthentication Class Customisations

• ساخت: بازگرداندن شناسه کاربری - زیر رده بندی JWT Serializer Build: Returning the User ID - Subclassing JWT Serializer

• ساخت: WebSocket Authentication Build: WebSocket Authentication

• ساخت: WebSocket Refresh Access Token Build: WebSocket Refresh Access Token

• Refactoring: استفاده ازChatServices Custom Hook Refactoring: useChatServices Custom Hook

• Refactoring: شامل قلاب های سفارشی برای اجازه دسترسی به روتر Refactoring: Incorporating Custom Hooks to allow access to the Router

• ساخت: حذف کوکی‌های فقط HTTP در خروج Build: Removing HTTP Only Cookies on Logout

• ساخت: رسیدگی به اعتبارسنجی فرم ورود Build: Handling Login Form Validation

• ساخت: فرم ثبت نام Build: Registration Form

گسترش خدمات چت Extending Chat Services

• ساخت: عضویت در سرور Build: Server Membership

• ساخت: محدودیت های چت عضویت سرور Build: Server Membership Chat Restrictions