آموزش بوت کمپ ReactJS – همراه با Redux (NextJS + Firebase) [جدید] - آخرین آپدیت

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

شروع کار با React Getting Started with React

• معرفی React Introduction to React

• Vite (منسوخ شدن create react app) Vite (create react app depreciation)

• راه اندازی اولین برنامه React Setting Up Your First React App

اصول React React Fundamentals

• درک کامپوننت ها: بلوک های سازنده UI Understanding Components: Building Blocks of the UI

• JSX و رندرینگ: ساخت رابط های تعاملی JSX and Rendering: Crafting Interactive Interfaces

تسلط بر React Hooks Mastering React Hooks

• از مدیریت state تا کنترل side effects و Context From State Management to Handling Side Effects and Context

مدیریت State با Redux State Management with Redux

• معرفی Redux Introduction to Redux

• راه اندازی Redux Setting Up Redux

• Redux Toolkit Redux Toolkit

• ساخت یک برنامه Todo Building a Todo App

اصول مسیریابی React React Routing Fundamentals

• راه اندازی مسیریابی و محتوای پویا در React با برنامه Todo Setting Up Navigation and Dynamic Content in React with Todo App

فرم ها و ورودی کاربر Forms and User Input

• کامپوننت های کنترل شده و کنترل نشده Controlled & Uncontrolled Components

• تمرین عملی فرم ثبت نام SignUp Form Practical

تسلط بر API ها، مفاهیم پیشرفته React و دیپلوی Mastering APIs, Advanced React concepts, and deployment

• واکشی داده و یکپارچه سازی API Data Fetching and API Integration

• تکنیک های بهینه سازی عملکرد Performance Optimization Techniques

• متغیرهای محیطی و استقرار در محیط Production Environment Variables and Production Deployment

مفاهیم Firebase Firestore Firebase Firestore Concepts

• راه اندازی Firebase برای محیط Production Setting Up Firebase for Production

• قوانین امنیتی و واردات ماژولار Security Rules and Modular Imports

• Firestore: افزودن و خواندن داده ها Firestore: Adding and Reading Data

• Firestore: بروزرسانی و حذف داده ها Firestore: Updating and Deleting Data

پروژه نهایی Capstone Final Capstone Project

• راه اندازی پروژه و طراحی رابط کاربری Project Setup and User Interface Design

• پیاده سازی لیست مشاغل و ارسال آگهی Job Listings and Postings Implementation

ساخت React Hooks سفارشی Building Custom React Hooks

• معرفی React Hooks سفارشی Introduction to Custom React Hooks

• بهبود عملکرد با Custom Hooks Enhancing Performance with Custom Hooks

تست کامپوننت های React Testing React Components

• مروری بر استراتژی های تست و بهترین شیوه ها Overview of Testing Strategies and Best Practices

• تست واحد کامپوننت های React با Jest Unit Testing React Components with Jest

ساخت و دیپلوی یک برنامه Next.js آماده Production Building and Deploying a Production-Ready Next.js Application

• باز کردن قدرت Next.js: یک فریم ورک مدرن برای توسعه دهندگان React Unlocking the Power of Next.js: A Modern Framework for React Developers

• شروع سفر Next.js: راه اندازی و پیکربندی پروژه Kickstarting Your Next.js Journey: Project Setup and Configuration

مسیریابی پیشرفته، یکپارچه سازی API و محتوای پویا Advanced Routing, API Integrations, and Dynamic Content

• قدرت مسیریابی: ساختاربندی برنامه Next.js برای مقیاس پذیری The Power of Routing: Structuring Your Next.js Application for Scalability

• ساخت منوی ناوبری یکپارچه برای برنامه Next.js Building a Seamless Navigation Menu for Your Next.js App

تسلط بر استایل دهی کامپوننت: CSS Modules و Tailwind CSS Mastering Component Styling: CSS Modules & Tailwind CSS

• استایل دهی پیشرفته کامپوننت: CSS Modules و Tailwind CSS Advanced Component Styling: CSS Modules & Tailwind CSS

تسلط بر واکشی داده: SSR، SSG و API Routes در Nextjs Mastering Data Fetching: SSR, SSG & API Routes in Nextjs

• استراتژی های واکشی داده در Next.js: SSR، SSG و ISR Data Fetching Strategies in Next.js: SSR, SSG & ISR

• ساخت API Routes در Next.js: یک رویکرد عملی Building API Routes in Next.js: A Practical Approach

پیشرفته: ساخت کامپوننت های قابل استفاده مجدد و تسلط بر مدیریت State Advanced: Building Reusable Components & Mastering State Management

• کامپوننت سازی پیشرفته و تکنیک های مدیریت State Advanced Componentization & State Management Techniques

• تمرین عملی: پیاده سازی کامپوننت های قابل استفاده مجدد و State Hands-On Practice: Implementing Reusable Components & State

ویژگی های پیشرفته - الگوهای رندرینگ و ترکیب Advanced Features - Rendering and Composition Patterns

• تسلط بر الگوهای رندرینگ و ترکیب در Next.js Mastering Rendering & Composition Patterns in Next.js

• راهنمای عملی برای تکنیک های رندرینگ پیشرفته Practical Guide to Advanced Rendering Techniques

بهینه سازی برنامه با Turbopack Optimizing the App with Turbopack

• بهینه سازی پیشرفته با Turbopack: افزایش عملکرد Advanced Optimization with Turbopack: Boosting Performance

• Turbopack در عمل: تکنیک های بهینه سازی عملی Turbopack in Action: Practical Optimization Techniques

ایمن سازی برنامه: احراز هویت و مجوز پیشرفته Secure Your App: Advanced Authentication & Authorization

• بررسی عمیق احراز هویت و مجوز در Next.js Deep Dive into Authentication & Authorization in Next.js

• پیاده سازی احراز هویت امن: یک راهنمای عملی Implementing Secure Authentication: A Practical Guide

تست و اشکال زدایی پیشرفته: اطمینان از یک برنامه Next.js بدون باگ Advanced Testing & Debugging: Ensure a Bug-Free Next.js App

• مروری جامع بر تست: اطمینان از قابلیت اطمینان برنامه Comprehensive Testing Overview: Ensuring App Reliability

• تست عملی: پیاده سازی عملی در Next.js Hands-On Testing: Practical Implementation in Next.js

دیپلوی و مقیاس بندی برنامه Deployment and Scaling the App

• آماده سازی برای Production، دیپلوی و مقیاس بندی Preparing for Production, deploying and scaling

• نتیجه گیری دوره Course Conclusion