آموزش تسلط بر React با Tailwind CSS و Redux Toolkit - آخرین آپدیت

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

Getting Started with React.js and Tailwind CSS

• Brief overview of React.js and its advantages-مروری کوتاه بر React.js و مزایای آن Brief overview of React.js and its advantages

• Tailwind CSS: A Utility-First Game Changer-Tailwind CSS: یک تغییر دهنده بازی با رویکرد Utility-First Tailwind CSS: A Utility-First Game Changer

• Why React + Tailwind? The Perfect Pairing-چرا React + Tailwind؟ یک جفت عالی Why React + Tailwind? The Perfect Pairing

Setting Up Your React + Tailwind Dev Environment-تنظیم محیط توسعه React + Tailwind Setting Up Your React + Tailwind Dev Environment

• Installing Node.js and Package Managers (npm/yarn)-نصب Node.js و مدیریت بسته‌ها (npm/yarn) Installing Node.js and Package Managers (npm/yarn)

• Creating Your First React App-ایجاد اولین برنامه React خود Creating Your First React App

• Integrating Tailwind CSS into Your React Project-ادغام Tailwind CSS در پروژه React شما Integrating Tailwind CSS into Your React Project

Mastering Tailwind CSS Basics and Core Concepts-تسلط بر اصول اولیه و مفاهیم اصلی Tailwind CSS Mastering Tailwind CSS Basics and Core Concepts

• Tailwind Utility Classes: Build UIs Fast and Efficiently-کلاس‌های Utility در Tailwind: ساخت رابط‌های کاربری سریع و کارآمد Tailwind Utility Classes: Build UIs Fast and Efficiently

• Customizing Tailwind: Configuration and Theme Setup-سفارشی‌سازی Tailwind: پیکربندی و راه‌اندازی تم Customizing Tailwind: Configuration and Theme Setup

• Responsive Design with Tailwind-طراحی واکنش‌گرا با Tailwind Responsive Design with Tailwind

Custom Theming and Component Styling with Tailwind CSS-تم‌سازی سفارشی و استایل‌دهی به کامپوننت‌ها با Tailwind CSS Custom Theming and Component Styling with Tailwind CSS

• Unlocking Tailwind’s Theming Power-باز کردن قدرت تم‌سازی Tailwind Unlocking Tailwind’s Theming Power

• Creating Custom Color Palettes in Tailwind-ایجاد پالت‌های رنگ سفارشی در Tailwind Creating Custom Color Palettes in Tailwind

• Typography Tweaks: Custom Fonts and Sizing-تنظیمات تایپوگرافی: فونت‌ها و اندازه‌بندی سفارشی Typography Tweaks: Custom Fonts and Sizing

• Reusable Button Components with Tailwind CSS-کامپوننت‌های دکمه قابل استفاده مجدد با Tailwind CSS Reusable Button Components with Tailwind CSS

Building a Static Website with React and Tailwind CSS-ساخت یک وب‌سایت استاتیک با React و Tailwind CSS Building a Static Website with React and Tailwind CSS

• Project Overview: Planning Your Static Website-مروری بر پروژه: برنامه‌ریزی وب‌سایت استاتیک شما Project Overview: Planning Your Static Website

• Planning the static website structure-برنامه‌ریزی ساختار وب‌سایت استاتیک Planning the static website structure

• Handling Routes with React Router DOM-مدیریت مسیرها با React Router DOM Handling Routes with React Router DOM

• Route Shifting in React Router DOM-جابجایی مسیر در React Router DOM Route Shifting in React Router DOM

• Implementing different pages using React components-پیاده‌سازی صفحات مختلف با استفاده از کامپوننت‌های React Implementing different pages using React components

Project 1: Building a Responsive Blog & Portfolio Website-پروژه 1: ساخت یک وب‌سایت وبلاگ و پورتفولیوی واکنش‌گرا Project 1: Building a Responsive Blog & Portfolio Website

• Part 1: Create a Vite Project and Design a Hero Section with TailwindCSS-بخش 1: ایجاد یک پروژه Vite و طراحی بخش Hero با TailwindCSS Part 1: Create a Vite Project and Design a Hero Section with TailwindCSS

• Part 2: Design Responsive Navbar, Footer and Boxes Components-بخش 2: طراحی کامپوننت‌های واکنش‌گرای Navbar, Footer و Boxes Part 2: Design Responsive Navbar, Footer and Boxes Components

• Part 3: Build Responsive Contact Us & How it Works Sections-بخش 3: ساخت بخش‌های Contact Us & How it Works واکنش‌گرا Part 3: Build Responsive Contact Us & How it Works Sections

• Part 4: Create Responsive FAQ Section-بخش 4: ایجاد بخش FAQ واکنش‌گرا Part 4: Create Responsive FAQ Section

Getting Started with Redux Toolkit: Simplifying State Management in React-شروع کار با Redux Toolkit: ساده‌سازی مدیریت State در React Getting Started with Redux Toolkit: Simplifying State Management in React

• Redux Toolkit Essentials: Slices, Reducers, and Actions Explained-اصول Redux Toolkit: توضیح Slices, Reducers و Actions Redux Toolkit Essentials: Slices, Reducers, and Actions Explained

• Integrating Redux Toolkit into Your React App: Step-by-Step Setup-ادغام Redux Toolkit در برنامه React شما: راه‌اندازی گام به گام Integrating Redux Toolkit into Your React App: Step-by-Step Setup

Building Scalable React Apps with Redux Toolkit: Architecture and Integration-ساخت برنامه‌های React مقیاس‌پذیر با Redux Toolkit: معماری و ادغام Building Scalable React Apps with Redux Toolkit: Architecture and Integration

• Building React Application with Redux Toolkit-ساخت برنامه React با Redux Toolkit Building React Application with Redux Toolkit

Project 2: Task Management App with Redux Toolkit and Sass-پروژه 2: برنامه مدیریت کارها با Redux Toolkit و Sass Project 2: Task Management App with Redux Toolkit and Sass

• Building a Task Management App with Redux Toolkit and Sass-ساخت برنامه مدیریت کارها با Redux Toolkit و Sass Building a Task Management App with Redux Toolkit and Sass