بوت کمپ ۱۰۰ ساعته آموزش توسعه وب – ساخت ۲۳ پروژه React - آخرین آپدیت

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

قبل از شروع این بخش کوتاه را ببینید Before Getting Started Watch This Short Section

• خوش آمدید، خوش آمدید، خوش آمدید! WELCOME, WELCOME, WELCOME!

• وقتی گیر می کنید چه کار باید بکنید؟ توصیه من When You Get Stuck What Should You Do? My Advice

• انجمن یادگیری رایگان ما Our Free Learning Community

• تنظیمات VSCode و افزونه های من My VSCode Setup & Extentions

دوره فشرده MERN - پروژه فول استک و استقرار - ساخت یک فروشگاه محصول MERN Crash Course - Full Stack Project & Deployment - Build a Product Store

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• راه اندازی پروژه - سرور Project Setup - Server

• ساخت API ما Building Our API

• راه اندازی Chakra UI Chakra UI Setup

• نوار ناوبری و صفحه ایجاد Navbar and Create Page

• پیاده سازی Zustand Store و صفحه ایجاد Zustand Store & Create Page Implementation

• صفحه اصلی Home Page

• استقرار رایگان Deployment for Free

برنامه چت زنده فول استک با آپلود تصویر - Socket.io، JWT، TailwindCSS Full Stack Real Time Chat App with Image Uploads - Socket.io, JWT, TailwindCSS

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• راه اندازی پروژه - Backend Project Setup - Backend

• راه اندازی پایگاه داده Database Setup

• ثبت نام - Backend Signup - Backend

• ورود و خروج و به روز رسانی پروفایل - Backend Login & Logout & Update Profile - Backend

• مسیرهای پیام Message Routes

• [مهم] قبل از ویدیوی بعدی این را تماشا کنید [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO

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

• صفحات ورود و ثبت نام - Frontend Login & Signup Pages - Frontend

• صفحه پروفایل Profile Page

• صفحه تنظیمات Settings Page

• نوار کناری Sidebar

• ظرف چت Chat Container

• توضیح و پیاده سازی Socket.io Socket.io Explanation & Implementation

• استقرار Deployment

برنامه چت زنده مبتدی پسند بدون آپلود تصویر Beginner Friendly Real Time Chat App WITHOUT Image Uploads

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

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

• راه اندازی DB و مسیر ثبت نام DB Setup & Signup Route

• مسیرهای ورود و خروج Login & Logout Routes

• مسیرهای پیام Message Routes

• مسیرهای کاربر User Routes

• [مهم] قبل از ویدیوی بعدی این را تماشا کنید [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO

• طراحی UI صفحات احراز هویت Frontend Frontend Auth Pages UI Design

• طراحی UI صفحه اصلی Home Page UI Design

• پیاده سازی احراز هویت Auth Implementation

• دریافت مکالمات Get Conversations

• قابلیت ارسال پیام Send Message Functionality

• پیاده سازی Socket Socket Implementation

• استقرار Deployment

کلون کامل Spotify - بسیار مفصل و ویژه - پروژه پیشرفته Complete Spotify Clone - Super Detailed & Featured - ADVANCED PROJECT

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• راه اندازی Frontend و Auth Frontend & Auth Setup

• راه اندازی مسیرها Routes Setup

• راه اندازی پایگاه داده و منطق ثبت نام Database Setup & Signup Logic

• میان افزار محافظت از مسیر Protect Route Middleware

• مسیرها و کنترلرهای Admin Admin Routes & Controllers

• مسیرها و کنترلرهای آلبوم Album Routes & Controllers

• مسیرها و کنترلرهای آهنگ Song Routes & Controllers

• مسیرها و کنترلرهای کاربر User Routes & Controllers

• ایجاد ارائه دهنده Auth و صفحه Callback Creating Auth Provider & Callback Page

• طرح اصلی و نوار کناری سمت چپ Main Layout & Left Sidebar

• ایجاد صفحه آلبوم Creating Album Page

• ایجاد فعالیت دوستان Creating Friends Activity

• ایجاد صفحه اصلی Creating Home Page

• قابلیت پخش آهنگ و صف Play Song Functionality & Queue

• کامپوننت دکمه پخش Play button Component

• کنترل های پخش Playback Controls

• صفحه Admin (ایجاد آهنگ) Admin Page (Create Songs)

• صفحه Admin (ایجاد آلبوم) Admin Page (Create Albums)

• پیاده سازی Socket.io برای ویژگی های Realtime Implementing Socket.io for Realtime Features

• UI صفحه چت Chat Page UI

• صفحه 404 سفارشی Custom 404 Page

• استقرار Deployment

کلون کامل توییتر با لایک، نظرات، تصاویر و موارد دیگر Full Stack Twitter Clone with Likes, Comments, Images & MORE

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• طرح کلی دوره Course Outline

• راه اندازی پروژه Project Setup

• مسیرها و کنترلرهای Auth Auth Routes & Controllers

• مسیرها و کنترلرهای کاربر User Routes & Controllers

• مسیرها و کنترلرهای پست Post Routes & Controllers

• مسیرها و کنترلرهای اعلان Notification Routes & Controllers

• [مهم] قبل از ویدیوی بعدی این را تماشا کنید [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO

• طراحی UI UI Design

• محافظت از مسیر در Frontend Protecting Route in Frontend

• دریافت پست ها در صفحه اصلی Get Posts in Home Page

• حذف پست ها Delete Posts

• ایجاد پست ها Create Posts

• دریافت کاربران پیشنهادی Get Suggested Users

• دنبال کردن و لغو دنبال کردن کاربران Follow & Unfollow Users

• لایک پست Like Post

• قابلیت نظر دادن Comment Functionality

• صفحه اعلان ها Notifications Page

• صفحه پروفایل Profile Page

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

• بهینه سازی کد Code Optimizations

• استقرار رایگان Deployment for Free

فروشگاه تجارت الکترونیک فول استک با داشبورد Admin - پروژه پیشرفته Full Stack E-Commerce Store with Admin Dashboard - ADVANCED PROJECT

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

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

• راه اندازی پایگاه داده Database Setup

• احراز هویت - توکن های دسترسی و رفرش Authentication - Access & Refresh Tokens

• مسیرهای محصول Product Routes

• مسیرهای سبد خرید Cart Routes

• مسیرهای کوپن Coupon Routes

• مسیرهای پرداخت Payment Routes

• مسیرهای تجزیه و تحلیل Analytics Routes

• [مهم] قبل از ویدیوی بعدی این را تماشا کنید [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO

• راه اندازی Frontend با React Frontend Setup with React

• طراحی UI صفحه ثبت نام Signup Page UI Design

• صفحه ورود و پیاده سازی Auth Login Page & Auth Implementation

• صفحه اصلی Home Page

• داشبورد Admin Admin Dashboard

• صفحه دسته بندی Category Page

• ساخت فروشگاه سبد خرید Building Cart Store

• صفحه سبد خرید Cart Page

• پرداخت های Stripe Stripe Payments

• ایجاد کوپن Creating Coupons

• تجزیه و تحلیل UI Analytics UI

• اسلایدر محصولات ویژه Featured Products Slider

• رهگیری های Axios برای توکن های رفرش Axios Interceptors to Refresh Tokens

• استقرار Deployment

ساخت یک سیستم احراز هویت پیشرفته - ایمیل ها، بازنشانی رمز عبور، تأیید حساب Build an Advanced Authentication System - Emails, Reset Password, Verify Account

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

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

• راه اندازی پایگاه داده - MongoDB Database Setup - MongoDB

• نقطه پایانی ثبت نام Signup Endpoint

• ارسال ایمیل - تأیید حساب Sending Email - Verify Account

• تأیید ایمیل و ایمیل خوش آمد گویی و خروج Verify Email & Welcome Email & Logout

• نقطه پایانی ورود Login Endpoint

• فراموشی رمز عبور Forget Password

• بازنشانی رمز عبور و بررسی نقاط پایانی Auth Reset Password & Check Auth Endpoints

• [مهم] قبل از ویدیوی بعدی این را تماشا کنید [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO

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

• UI صفحه ثبت نام Signup Page UI

• UI صفحه ورود Login Page UI

• UI صفحه تأیید ایمیل Email Verification Page UI

• پیاده سازی ثبت نام Implementing Signup

• تأیید ایمیل و محافظت از مسیرها Email Verification & Protecting Routes

• پیاده سازی ورود و صفحه داشبورد Implementing Login & Dashboard Page

• پیاده سازی فراموشی رمز عبور Implementing Forgot Password

• استقرار بسیار دقیق Super Detailed Deployment

کلون Tinder فول استک با ویژگی پیام رسانی Realtime Full Stack Tinder Clone with Realtime Messaging Feature

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

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

• راه اندازی پایگاه داده و نقطه پایانی ثبت نام Database Setup & Sign Up Endpoint

• ورود و خروج و بررسی نقاط پایانی Auth Login & Logout & Check Auth Endpoints

• مسیرهای کاربر User Routes

• مسیرهای Match Match Routes

• مسیرهای پیام Message Routes

• [مهم] قبل از ویدیوی بعدی این را تماشا کنید [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO

• راه اندازی Frontend با React و Tailwind Frontend Setup with React & Tailwind

• صفحه احراز هویت Authentication Page

• صفحه پروفایل Profile Page

• صفحه اصلی - کامپوننت نوار کناری Home Page - Sidebar Component

• تکمیل صفحه اصلی ما Completing Our Home Page

• توضیح SocketIO و اعلان های Realtime SocketIO Explanation & Realtime Notifications

• صفحه چت و پیام های Realtime Chat Page & Realtime Messages

• استقرار Deployment

کلون MERN Stack Netflix - UI واکنش گرا و زیبا MERN Stack Netflix Clone - Responsive & Nice UI

• بررسی اجمالی پروژه Project Overview

• کد منبع SOURCE CODE

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

• راه اندازی پایگاه داده (MongoDB) Database Setup (MongoDB)

• منطق ثبت نام در Backend Signup Logic in Backend

• تولید JWT Generate JWT

• خروج و ورود و خلاصه ای سریع Logout & Login & A quick recap

• واکشی فیلم ها Fetching Movies

• واکشی برنامه های تلویزیونی Fetching TV Shows

• میان افزار محافظت از مسیر Protect Route Middleware

• مسیرهای جستجو Search Routes

• [مهم] قبل از ویدیوی بعدی این را تماشا کنید [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO

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

• طراحی UI صفحه ثبت نام و ورود Signup & Login Page UI Design

• طراحی UI صفحه Auth Auth Screen UI Design

• قابلیت ثبت نام و ورود و خروج Signup & Login & Logout Functionality

• صفحه اصلی Home Screen

• صفحه تماشا Watch Page

• صفحه جستجو Search Page

• صفحه تاریخچه History Page

• صفحه 404 سفارشی و رفع اشکالات کوچک Custom 404 Page & Small Fixes

• استقرار Deployment

کلون Linkedin با React Query و ارسال ایمیل Linkedin Clone with React Query & Sending Emails

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

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

• مسیر ثبت نام Signup Route

• ارسال ایمیل خوش آمد گویی Sending Welcome Emails

• ورود و خروج و محافظت از مسیر Login & Logout & Protect Route

• مسیرهای کاربر User Routes

• مسیرهای پست Post Routes

• ایمیل اطلاع رسانی نظر Comment Notification Email

• مسیرهای اطلاع رسانی Notification Routes

• مسیرهای اتصال Connection Routes

• [مهم] قبل از ویدیوی بعدی این را تماشا کنید [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO

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

• صفحه ثبت نام Signup Page

• محافظت از مسیر در React Protect Route in React

• نوار ناوبری Navbar

• صفحه ورود Login Page

• صفحه اصلی - قسمت 1 Home Page - Part 1

• صفحه اصلی - قسمت 2 Home Page - Part 2

• صفحه اعلان ها Notifications Page

• صفحه شبکه Network Page

• صفحه تک پست Single Post Page

• صفحه پروفایل Profile Page

• استقرار Deployment

کلون Github فول استک - Auth با Passport.js Full Stack Github Clone - Auth with Passport.js

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• [مهم] قبل از ویدیوی بعدی این را تماشا کنید [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO

• طراحی UI با Tailwind CSS UI Design with Tailwind CSS

• دریافت پروفایل و Repos کاربر Get User Profile & Repos

• جستجوی پروفایل Search Profile

• صفحه Explore Explore Page

• راه اندازی سرور Server Setup

• راه اندازی DB و احراز هویت DB Setup & Authentication

• لایک پروفایل و دریافت لایک ها Like Profile & Get Likes

• استقرار Deployment

دوره فشرده GraphQL - ساخت و استقرار یک پروژه فول استک GraphQL Crash Course - Build and Deploy a Full Stack Project

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• درک GraphQL Understanding GraphQL

• ایجاد Schema Creating Schema

• تست Queries Testing Queries

• استفاده از Express Middleware Using Express Middleware

• راه اندازی پایگاه داده Database Setup

• احراز هویت Authentication

• User Resolvers User Resolvers

• Transaction Resolvers Transaction Resolvers

• [مهم] قبل از ویدیوی بعدی این را تماشا کنید [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO

• طراحی UI UI Design

• راه اندازی Apollo Client Apollo Client Setup

• پیاده سازی احراز هویت Implementing Authentication

• CRUD Transactions CRUD Transactions

• Clear The Cache & GET Category Stats Clear The Cache & GET Category Stats

• Fetch Real Data For The Chart Fetch Real Data For The Chart

• GraphQL Relationships GraphQL Relationships

• استقرار Deployment

• Cron Jobs (اختیاری) Cron Jobs (Optional)

داشبورد Admin React.js - یاد بگیرید چگونه داشبوردهای Admin بسازید React.js Admin Dashboard - Learn How to Build Admin Dashboards

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• [مهم] قبل از ویدیوی بعدی این را تماشا کنید [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO

• صفحه Overview Overview Page

• صفحه محصولات Products Page

• صفحه کاربران Users Page

• صفحه فروش Sales Page

• صفحه سفارشات Orders Page

• صفحه تجزیه و تحلیل Analytics Page

• صفحه تنظیمات Settings Page

• استقرار Deployment

دوره فشرده Next.js - ساخت یک برنامه رسانه اجتماعی کامل Next.js Crash Course - Build a Complete Social Media App

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• راه اندازی پروژه و احراز هویت Project Setup & Authentication

• Shadcn Setup & Dark Mode Shadcn Setup & Dark Mode

• ایجاد نوار ناوبری Creating Navbar

• Postgres & Prisma Setup Postgres & Prisma Setup

• Auth & DB Sync Auth & DB Sync

• ساخت نوار کناری Building Sidebar

• ایجاد پست ها Creating Posts

• کاربران پیشنهادی Suggested Users

• لایک و نظر و حذف پست ها Like & Comment & Delete Posts

• Recap & Route Handlers & Special Files Recap & Route Handlers & Special Files

• صفحه اعلان ها Notifications Page

• صفحه پروفایل Profile Page

• آپلود تصاویر با UploadThing Image Uploads with UploadThing

• استقرار Deployment

پروژه Next.js - پلتفرم مصاحبه تماس ویدیویی Next.js Project - Video Calling Interview Platform

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• راه اندازی پروژه Project Setup

• احراز هویت Authentication

• راه اندازی پایگاه داده Database Setup

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

• درک و پیاده سازی Webhooks Understanding & Implementing Webhooks

• Convex Queries & Mutations Convex Queries & Mutations

• ساخت نوار ناوبری Building Navbar

• ساخت صفحه اصلی Building Home Page

• راه اندازی تماس های ویدیویی با Stream Provider Video Calls Setup with Stream Provider

• ایجاد useMeetingActions Hook Creating useMeetingActions Hook

• صفحه Meeting Meeting Page

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

• Meeting Room Meeting Room

• دکمه پایان تماس End Call Button

• Code Editor Code Editor

• صفحه Recordings Recordings Page

• صفحه Schedule Schedule Page

• Meeting Card Meeting Card

• صفحه Dashboard Dashboard Page

• Comment Dialog Comment Dialog

• استقرار و تست در Production Deployment & Testing in Production

• ساخت Candidate View و پایان دادن به پروژه Building Candidate View & Ending The Project

پروژه Next.js - ویرایشگر کد SaaS آنلاین مانند VsCode Next.js Project - Online SaaS Code Editor Like VsCode

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• احراز هویت و راه اندازی پایگاه داده Authentication & Database Setup

• درک و پیاده سازی Webhooks Understanding & Implementing Webhooks

• صفحه اصلی - Header Component Home Page - Header Component

• صفحه اصلی - Language Selector Component Home Page - Language Selector Component

• صفحه اصلی - Editor Panel Home Page - Editor Panel

• صفحه اصلی - Output Panel Home Page - Output Panel

• اجرای کد Executing Code

• اشتراک گذاری Snippet Share Snippet

• صفحه Snippets Snippets Page

• صفحه Snippet Detail Snippet Detail Page

• صفحه پروفایل Profile Page

• صفحه Pricing و پرداخت های Lemon Squeezy Pricing Page & Lemon Squeezy Payments

• استقرار Deployment

پروژه Next.js - برنامه چت با Redis & TypeScript Next.js Project - Chat App with Redis & TypeScript

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• راه اندازی پروژه Project Setup

• طراحی صفحه Auth Auth Page Design

• Preferences Tab Preferences Tab

• Chat Layout Chat Layout

• نوار کناری Sidebar

• Message Container Message Container

• Emoji Picker Emoji Picker

• Chat Bottom Bar Chat Bottom Bar

• Auth Callback Auth Callback

• Redis Basics Redis Basics

• واکشی داده های نوار کناری Fetching Sidebar Data

• قابلیت ارسال پیام Send Message Functionality

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

• آپلود تصاویر Image Uploads

• فعال کردن پیام ها در Realtime Making Messages Work in Realtime

• استقرار Deployment

دوره نهایی Stripe Payments: اشتراک ها، پرداخت های یکباره، ایمیل ها و موارد دیگر Ultimate Stripe Payments Course: Subscriptions, One-time payments, Emails & More

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• راه اندازی پروژه و Convex Basics Project Setup & Convex Basics

• احراز هویت Authentication

• درک Webhooks Understanding Webhooks

• ایجاد دوره ها Creating Courses

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

• ساخت CourseId Page Building CourseId Page

• پرداخت های یکباره One Time Payments

• Success Page & Rate Limiting Success Page & Rate Limiting

• تنظیم Stripe Webhooks Setting Up Stripe Webhooks

• ساخت صفحه Pro Plan Building a Pro Plan Page

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

• صفحه Billing و Billing Portal Billing Page & Billing Portal

• ارسال ایمیل Sending Emails

• استقرار Deployment

دوره کامل React Native: ساخت یک برنامه موبایل رسانه اجتماعی کامل React Native Full Course: Build a Complete Social Media Mobile Application

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• تئوری React Native - مهم! React Native Theory - IMPORTANT!

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

• مبانی React Native React Native Basics

• تنظیم پروژه ما Setting Up Our Project

• احراز هویت Authentication

• راه اندازی پایگاه داده Database Setup

• تعریف DB Schema ما Defining Our DB Schema

• درک Webhooks Understanding Webhooks

• Create Post Mutation Create Post Mutation

• پیاده سازی Create Post Screen Create Post Screen Implementation

• Get Feed Posts Query Get Feed Posts Query

• واکشی پست ها Fetching Posts

• قابلیت لایک پست Like Post Functionality

• React Native Must Know Concepts & Notes React Native Must Know Concepts & Notes

• نظر دادن در مورد پست ها Commenting on Posts

• اضافه کردن نشانک ها Adding Bookmarks

• حذف پست Post Deletion

• صفحه نشانک ها Bookmarks Screen

• صفحه اعلان ها Notifications Screen

• صفحه پروفایل خودمان Our Own Profile Screen

• پروفایل های کاربر دیگر Other User Profiles

• بهینه سازی های نهایی و تکمیل پروژه ما Final Optimizations & Completing Our Project

• صحبت در مورد استقرار Talking About The Deployment

دوره MERN React Native: ساخت یک فروشگاه کتاب از ابتدا MERN React Native Course: Build a Book Store From Scratch

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• راه اندازی سرور Server Setup

• راه اندازی پایگاه داده (MongoDB) Database Setup (MongoDB)

• مسیر ثبت نام Signup Route

• مسیر ورود Login Route

• مسیر ایجاد کتاب Create Book Route

• مسیر دریافت کتاب ها - با صفحه بندی Get Books Route - With Pagination

• مسیر حذف کتاب و تکمیل API ما Delete Book Route & Completing Our API

• مبانی React Native و راه اندازی محیط React Native Basics & Environment Setup

• راه اندازی Root Layout Root Layout Setup

• طراحی UI صفحه ورود Login Screen UI Design

• طراحی UI صفحه ثبت نام Signup Screen UI Design

• پیاده سازی صفحه ثبت نام Implementing Signup Screen

• استقرار API ما Deploying Our API

• یادگیری و پیاده سازی CRON JOBS Learning & Implementing CRON JOBS

• پیاده سازی ورود و خروج و بررسی Auth Implementing Login & Logout & Check Auth

• پیمایش خودکار و راه اندازی Tabs Auto Navigation & Tabs Setup

• Create Screen - طراحی UI Create Screen - UI Design

• تکمیل صفحه Create Screen ما Completing Our Create Screen

• ساخت صفحه اصلی ما Building Our Home Screen

• ساخت صفحه پروفایل ما Building Our Profile Screen

• لمس های نهایی Final Touches

دوره فشرده PERN: ساخت یک فروشگاه محصول با Postgres & React PERN Crash Course: Build a Product Store with Postgres & React

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• راه اندازی پروژه Project Setup

• راه اندازی مسیرها Routes Setup

• راه اندازی پایگاه داده Postgres Postgres Database Setup

• نوشتن کنترلرها Writing Our Controllers

• تست نقاط پایانی Testing Our Endpoints

• محدود کردن نرخ & تشخیص ربات Rate Limiting & Bot Detection

• راه اندازی فرانت اند با Vite & React Frontend Setup with Vite & React

• نوار ناوبری & انتخابگر تم Navbar & Theme Selector

• واکشی محصولات Fetch Products

• حذف محصولات Delete Products

• اضافه کردن محصولات Add Products

• صفحه محصول & بروزرسانی محصولات Product Page & Update Products

• پیکربندی برای استقرار Configuration for Deployment

• استقرار برنامه & تست های نهایی Deploying Our App & Final Tests

اضافی: آموزش فول استک پایتون و React - شامل استقرار EXTRA: Python and React Full Stack Tutorial - Deployment Included

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• ساخت API با Flask Building API with Flask

• طراحی UI با React & ChakraUI UI Design with React & ChakraUI

• اتصال فرانت اند به بک اند Connecting Frontend to Backend

• استقرار رایگان Deployment for Free

اضافی: اپلیکیشن چت پایتون & Javascript EXTRA: Python & Javascript Chat App

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• بک اند Backend

• فرانت اند Frontend

• استقرار Deployment

اضافی: آموزش فول استک GO & React - شامل استقرار EXTRA: GO & React Full Stack Tutorial - Deployment Included

• پیش نمایش پروژه Project Preview

• کد منبع SOURCE CODE

• GO در مقابل NODE GO VS NODE

• راه اندازی پروژه Project Setup

• ساخت API بدون پایگاه داده Building API without a Database

• ساخت API با پایگاه داده Building API with a Database

• طراحی UI UI Design

• مصرف API Consume API

• استقرار Deployment