آموزش برنامه وب با React JS و Redux

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

در دوره آموزشی React js با Redux چه خواهید آموخت و چگونه می توان کمک گرفت؟ What You Will Learn and How to Get Help in React js with Redux course?

• معرفی برنامه وب با React JS و Redux Intro to Web Application with React JS and Redux

• فایل های پروژه و اسناد دوره React React Project Files and Course Documents

• سوالات متداول در مورد برنامه وب با React، Redux FAQ about Web Application with React, Redux

بیایید شروع به واکنش JS با Redux کنیم Let’s Start to React JS with Redux

• اولین نمای کلی برنامه React شما Your First React App Overview

• سوالات متداول برای React JS و Redux Frequently Asked Questions for React JS and Redux

• Let, Const و Var در 3 دقیقه برای Web Application با React, Redux Let, Const and Var in 3 Minutes for Web Application with React, Redux

• Node JS را نصب کنید Install Node JS

• برنامه React خود را ایجاد کنید Create Your React App

• چرا باید یک برنامه React ایجاد کنید؟ Why You Will Need To Create a React App?

• شروع به ایجاد React App کنید Start Creating React App

• آیا می خواهید یاد بگیرید که چگونه برنامه React را متوقف کنید؟ Do You Want to Learn How To Stop React App?

• اجزای عملکردی در React JS Functional Components in React JS

• مسابقه quiz

JSX چیست؟ What is JSX?

• تبدیل HTML JSX Converting HTML JSX

• استایل سازی درون خطی با JSX در React JS Inline Styling with JSX in React JS

• متغیر جاوا اسکریپت در JSX JavaScript Variable in JSX

• مسابقه quiz

React Props React Props

• سه اصل از اجزاء Three Tenets of Components

• برنامه ساده با React Simple App with React

• برنامه استایلینگ با رابط کاربری معنایی Styling App with Semantic UI

• جزء ساختمان Building Component

• تعیین تصویر در React JS Specifying The Image in React JS

• کپی کردن کامپوننت واحد Duplicating The Single Component

• تودرتوی اجزا Component Nesting

• سیستم Props Props System

• انتقال وسایل به کودک Passing Props to Child

• بررسی اجمالی اجزای قابل استفاده مجدد Reusable Component Overview

• لوازم جانبی کودکان Props Children

• Quiz - React Js، React with redux، hooks و context Quiz - React Js, React with redux, hooks and context

کامپوننت مبتنی بر کلاس Class Based Component

• اجزای کلاسی و اجزای عملکردی Class Based Components and Functional Components

• نمای کلی برنامه React جدید New React App Overview

• دریافت موقعیت فیزیکی کاربران Getting Users Physical Location

• مدیریت عملیات Async در React Handling Async Operation in React

• تبدیل مولفه تابعی به جزء مبتنی بر کلاس Transformation Functional Component to Class Based Component

• مسابقه quiz

سیستم حالت در React JS State System in React JS

• قوانین State در React State Rules in React

• راه اندازی State In Constructor در React Initializing State In Constructor in React

• بررسی اجمالی روش چرخه زندگی در React Lifecycle Method Overview in React

• رندر مشروط Conditional Rendering

• مسابقه - React JS، React، Redux Quiz - React JS, React, Redux

روش‌های چرخه حیات واکنش React Lifecycle Methods

• با روش چرخه زندگی آشنا شوید Get to Know Lifecycle Method

• برنامه Refactoring با روش چرخه زندگی Refactoring App with Lifecycle Method

• عبور از ایالت به عنوان لوازم Passing State As Props

• عبارات سه تایی در JSX Ternary Expressions in JSX

• نمایش تصویر در React JS Showing Picture in React JS

• سبک دادن به برنامه در React JS Styling The App in React JS

• React Developer Tools React Developer Tools

• بررسی عمومی React App General React App Review

• مسابقه quiz

React Forms React Forms

• بررسی اجمالی برنامه React React App Overview

• طراحی کامپوننت در React redux Component Design in React redux

• رسیدگی به فرم ها Handling Forms

• سبک دادن به برنامه Styling The App

• ایجاد کنترل کننده رویداد Creating Event Handlers

• عناصر کنترل شده در مقابل عناصر کنترل نشده Controlled vs Uncontrolled Elements

• چرا عناصر کنترل شده؟ Why Controlled Elements?

• درک کلمه کلیدی «این» و اتصال Understanding ‘This’ KeyWord and Binding

• ارتباط کودک با والدین Communicating Child to Parent

• فراخوانی تماس در کودکان Invoking Callbacks In Children

برنامه نویسی ناهمزمان در React Redux Asyncronous Programming in React Redux

• واکشی داده ها Fetching Data

• Axios در مقابل Fetch Axios vs Fetch

• عملکرد انتظار Async Async Await Function

• تنظیم حالت در React Setting The State in React

• ارائه فهرستی از کامپوننت ها Rendering A List of Components

• پیاده سازی مقادیر کلیدی در لیست Implementing The Key Values In List

• چه چیزی از برنامه یاد گرفتیم؟ What We Have Learned From The App?

• آزمون - React JS، React، توسعه وب Quiz - React JS, React, Web Development

روتر واکنش React Router

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

• روتر React The React Router

• لینک و NavLink Link and NavLink

• تغییر مسیرهای برنامه ای Programmatic Redirects

• پارامترهای مسیر در React Redux Route Parameters in React Redux

• برچسب سوئیچ روتر React React Router Switch Tag

• مسابقه quiz

React Portals React Portals

• چگونه یک مدال ایجاد کنیم؟ How To Create A Modal?

• چرا React Portal ها؟ Why React Portals?

• ایجاد یک React Portal Creating a React Portals

• مسابقه quiz

Redux Redux

• معرفی Redux Intro to Redux

• فروشگاه های ردوکس Redux Stores

• اقدامات Redux Redux Actions

• کاهش دهنده ها در Redux Reducers in Redux

• ذخیره اشتراک در React Redux Store Subscription in React Redux

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

• نگاشت وضعیت به Props در React JS Mapping State to Props in React JS

• صفحه کارت در React Redux Card Page in React Redux

• React Redux - از Dispatch Hook استفاده کنید React Redux - useDispatch Hook

• React Router Refactor React Router Refactor

• React Redux - از Dispatch Hook 2 استفاده کنید React Redux - useDispatch Hook 2

• Action Creators در Redux Action Creators in Redux

• نظریه تفکر ردوکس Redux Thunk Theory

• Redux Thunk Redux Thunk

• Quiz React Redux Quiz React Redux

• Quiz React Redux Quiz React Redux

• آنچه در React Redux آموخته ایم؟ What We Have Learned in React Redux?

اضافی Extra

• برنامه وب با React JS و Redux Web Application with React JS and Redux