آموزش مبانی و اصول ری‌اکت (React Fundamentals) - آخرین آپدیت

مقدمه‌ای بر برنامه‌نویسی جاوااسکریپت Introduction to JavaScript Programming

• مقدمه‌ای بر دوره Introduction to the course

• آشنایی با مدرس Meet your Instructor

• آنچه در این درس خواهید آموخت What you will learn in this lesson

• مقدمه‌ای بر جاوااسکریپت Introduction to JavaScript

• آماده‌سازی محیط توسعه Setting up your development environment

• نوشتن اولین برنامه جاوااسکریپت Writing your first JavaScript program

• آنچه در این درس خواهید آموخت What you will learn in this lesson

• متغیرها در جاوااسکریپت Variables in javascript

• انواع داده‌ها Data types

• استفاده از عملگرهای ریاضی و مقایسه‌ای Using arithmetic and comparison operators

• آرایه‌ها در جاوااسکریپت Arrays in Javascript

• کار با رشته‌ها (Strings) Working with strings

• دستکاری رشته‌ها String manipulation

• دستورات شرطی (if/else, switch) Conditional statements (if/else, switch)

• ساختارهای تکرار (for, while) Looping structures (for, while)

• توابع و محدوده متغیرها (Scope) Functions and scope

• آنچه در این درس خواهید آموخت What you will learn in this lesson

• درک مدل شیء سند (DOM) Understanding the Document Object Model (DOM)

• دسترسی به عناصر DOM با جاوااسکریپت Accessing DOM elements with JavaScript

• دستکاری عناصر DOM با جاوااسکریپت Manipulating DOM elements with JavaScript

• تغییر استایل‌ها و ویژگی‌ها با جاوااسکریپت Modifying styles and attributes with JavaScript

• درک رویدادها و شنونده‌های رویداد (Event Listeners) Understanding events and event listeners

• پاسخ به ورودی کاربر (کلیک‌ها، فشردن کلیدها) Responding to user input (clicks, key presses)

• ایجاد رابط‌های کاربری تعاملی با استفاده از رویدادها Creating interactive user interfaces with events

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• ایجاد و حذف عناصر DOM با جاوااسکریپت Creating and removing DOM elements with JavaScript

• استفاده از AJAX برای بارگذاری پویا محتوا Using AJAX to load content dynamically

• مدیریت خطاها و استثناها Handling errors and exceptions

ری‌اکت برای توسعه فرانت‌اند React for Frontend development

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• مقدمه‌ای بر ری‌اکت Introduction to React

• مفهوم Virtual DOM در ری‌اکت Virtual DOM in React

• راه‌اندازی و تنظیمات ری‌اکت Setting up React

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• ساختار دایرکتوری در ری‌اکت React Directory structure

• مفهوم JSX در React JS JSX in React JS

• کامپوننت‌های ری‌اکت React Components

• پراپ‌ها (Props) در ری‌اکت React Props

• استیت‌ها (States) در ری‌اکت React States

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• هوک useEffect در ری‌اکت React useEffect Hook

• انجام فراخوانی API با استفاده از هوک useEffect Making API Calls with useEffect Hook

• هوک useContext useContext Hook

• مدیریت وضعیت با React Redux React Redux

• کاربرد Redux در پروژه‌ها Application of Redux

ساخت اپلیکیشن فرانت‌اند با استفاده از جاوااسکریپت و React JS Front End Application by using Javascript and React JS

• مرور کلی پروژه Project Overview

• روش پیاده‌سازی بازی دوز (Tic Tac Toe) Approach for building Tic-Tac-Toe

• مرحله ۱: راه‌اندازی پروژه Step 1: Setting up the project

• مرحله ۲: ساخت کامپوننت صفحه (Board) Step 2: Creating Board Component

• مرحله ۳: ساخت کامپوننت‌های پروژه Step 3: Project Components

• مرحله ۴: ساخت یک کامپوننت قابل استفاده مجدد Step 4: Creating a Reusable Component

• مرحله ۵: ساخت کامپوننت تعاملی مربع‌ها Step 5: Creating an interactive square component

• مرحله ۶: نوشتن منطق نوبت‌ها Step 6: Writing logic for turns

• مرحله ۷: جمع‌بندی و تکمیل پروژه Step 7: Wrapping up the Project