آموزش مسترکلاس React JS: از صفر تا استخدام - آخرین آپدیت

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

مقدمات Introduction

• معرفی ری‌اکت و نقشه راه React Introduction and Roadmap

• مقایسه React JS با Vanilla JS کدام یک را انتخاب کنیم؟ React JS vs Vanilla JS - Which One Should You Choose?

• راه اندازی محیط توسعه برای ری‌اکت Setting Up Your Development Environment for React

• ساخت و اجرای یک اپلیکیشن ری‌اکت Create and Run a React App

کامپوننت‌ها و Props Components and Props

• کامپوننت‌ها و انواع کامپوننت‌ها در React JS Components and Types of Components in React JS

• توضیح Props در ری‌اکت به همراه مثال (ارسال Props به کامپوننت) React Props Explained With Examples (Passing Props to a Component)

مبانی JSX و ساختار پروژه JSX Basics and Project Structure

• بلاک‌های کد پویا و عبارت‌ها در React JSX Dynamic Code Block and Expressions in React JSX

• ساختار پوشه‌بندی در پروژه‌های ری‌اکت بهترین شیوه‌ها Folder Structures in React Projects - Best Practices

مبانی Hooks شامل useEffect، useState و موارد دیگر Hooks Fundamentals - useEffect, useState, and More

• رندر کردن کامپوننت‌ها و هوک useEffect Rendering components and useEffect Hook

• درک کامپوننت‌های Stateful و Stateless در ReactJS Understanding Stateful and Stateless Components in ReactJS

• مدیریت وضعیت با استفاده از هوک useState State Management Using useState Hook

• رندرینگ شرطی با استفاده از هوک useState Conditional Rendering Using useState Hook

• درک مفاهیم useMemo و useCallback Understanding useMemo and useCallback

• هوک React useRef React useRef Hook

انتقال وضعیت و مدیریت پیشرفته State State Passing and Advanced State Management

• انتقال وضعیت از کامپوننت والد به فرزند به عنوان Props Passing State of Parent to Child Component as Props

• نحوه استفاده از React Context API How to Use the React Context API

• هوک React useReducer React useReducer Hook

استایل‌دهی و مدیریت داده‌ها Styling and Data Manipulation

• استایل‌دهی ری‌اکت با استفاده از CSS Styling React Using CSS

• متد Map در ری‌اکت (آرایه map) Map method in React (map array)

• فیلتر کردن داده‌ها در ری‌اکت (آرایه filter) Filtering data in React (filter array)

رندرینگ شرطی و تکنیک‌های UI Conditional Rendering and UI Techniques

• نحوه استفاده از عملگر Ternary در ری‌اکت How to Use the Ternary Operator in React

• نحوه استفاده از React Fragments How to Use React Fragments

• تغییر وضعیت فعال و غیرفعال دکمه با هوک useState Toggle Enable and Disable in a Button with React's useState Hook

• رندرینگ شرطی کامپوننت‌های JSX در ری‌اکت Conditional Rendering of JSX Components in React

بهترین شیوه‌ها و انواع کامپوننت‌ها Best Practices and Component Types

• استفاده از Optional Chaining در ری‌اکت بهترین شیوه‌ها Optional Chaining in React - Best Practices

• کامپوننت‌های Controlled و Uncontrolled در React JS Controlled and Uncontrolled Components in React JS

Routing و تعاملات با DOM Routing and DOM Interactions

• React Router (جابجایی بین صفحات) React Router (Navigate between Pages)

• مدیریت DOM و Event Listener DOM Manipulation and Event Listener

APIها، کتابخانه‌ها و استایل‌دهی با Tailwind APIs, Libraries, and Styling with Tailwind

• استفاده از AJAX و REST API در React Js AJAX and REST API using React Js

• کتابخانه‌های کاربردی در React JS Libraries in React JS

• استفاده از Tailwind CSS در ری‌اکت Tailwind CSS In React

یادگیری پروژه-محور Project-Based Learning

• یادگیری پروژه-محور ری‌اکت راهنمای عملی Project Based Learning of React - A Practical Guide