آموزش دوره Typescript & React JS با پروژه React & Typescript

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

بیایید شروع به یادگیری React JS کنیم Let`s Start to Learn React JS

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

• سوالات متداول در React Js Frequently Asked Questions in React Js

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

• اجازه دهید، Const و Var در 3 دقیقه Let, Const and Var in 3 minutes

• 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 Important Functional React js Components

• سوالات متداول درباره Typescript | تایپ script و Typescript React FAQ About Typescript | Type script & Typescript React

• مسابقه quiz

بیایید شروع به یادگیری React JS کنیم Let`s Start to Learn React JS

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

• سوالات متداول در React Js Frequently Asked Questions in React Js

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

• اجازه دهید، Const و Var در 3 دقیقه Let, Const and Var in 3 minutes

• 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 Important Functional React js Components

• سوالات متداول درباره Typescript | تایپ script و Typescript React FAQ About Typescript | Type script & Typescript React

• مسابقه quiz

این JSX در ReactJS چیست؟ What is this JSX in ReactJS?

• تبدیل HTML JSX Converting HTML JSX

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

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

• مسابقه quiz

این JSX در ReactJS چیست؟ What is this JSX in ReactJS?

• تبدیل HTML JSX Converting HTML JSX

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

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

• مسابقه quiz

با Props واکنش نشان دهید React with Props

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

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

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

• ساخت کامپوننت با React JS Building Component with React JS

• تعیین تصویر در 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

• React JS Quiz React JS Quiz

با Props واکنش نشان دهید React with Props

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

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

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

• ساخت کامپوننت با React JS Building Component with React JS

• تعیین تصویر در 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

• React JS Quiz React JS Quiz

اجزای کلاس محور Class-Based Components

• مولفه های کلاس محور و مولفه عملکردی Class-Based Components and Functional Component

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

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

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

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

• مسابقه quiz

اجزای کلاس محور Class-Based Components

• مولفه های کلاس محور و مولفه عملکردی Class-Based Components and Functional Component

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

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

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

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

• مسابقه quiz

حالت در React State in React

• قوانین ایالتی State Rules

• راه اندازی حالت در سازنده Initializing State In Constructor

• مروری بر روش چرخه حیات Lifecycle Method Overview

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

• مسابقه quiz

حالت در React State in React

• قوانین ایالتی State Rules

• راه اندازی حالت در سازنده Initializing State In Constructor

• مروری بر روش چرخه حیات Lifecycle Method Overview

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

• مسابقه quiz

روش‌های چرخه حیات ReactJS ReactJS Lifecycle Methods

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

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

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

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

• نمایش تصویر Showing Picture

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

• ابزار رایگان توسعه دهنده React Free React Developer Tools

• بررسی برنامه عمومی ReactJS ReactJS General App Review

• مسابقه quiz

روش‌های چرخه حیات ReactJS ReactJS Lifecycle Methods

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

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

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

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

• نمایش تصویر Showing Picture

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

• ابزار رایگان توسعه دهنده React Free React Developer Tools

• بررسی برنامه عمومی ReactJS ReactJS General App Review

• مسابقه quiz

ورودی‌ها، فرم‌ها و رویدادهای کاربر در React JS User Inputs, Forms and Events in React JS

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

• طراحی کامپوننت Component Design

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

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

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

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

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

• درک کلمه کلیدی "این" در JS Understanding ‘this’ Key Word In JS

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

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

ورودی‌ها، فرم‌ها و رویدادهای کاربر در React JS User Inputs, Forms and Events in React JS

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

• طراحی کامپوننت Component Design

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

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

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

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

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

• درک کلمه کلیدی "این" در JS Understanding ‘this’ Key Word In JS

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

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

درخواست API با React API Request with React

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

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

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

• تنظیم دولت Setting The State

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

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

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

• React Quiz React Quiz

درخواست API با React API Request with React

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

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

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

• تنظیم دولت Setting The State

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

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

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

• React Quiz React Quiz

ناوبری با روتر React Navigation with React Router

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

• روتر React The React Router

• پیوندهای پیوند و ناو Link and Nav Links

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

• پارامترهای مسیر Route Parameters

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

ناوبری با روتر React Navigation with React Router

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

• روتر React The React Router

• پیوندهای پیوند و ناو Link and Nav Links

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

• پارامترهای مسیر Route Parameters

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

React Portals React Portals

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

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

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

• مسابقه quiz

React Portals React Portals

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

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

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

• مسابقه quiz

Redux در React Js Redux in React Js

• بیایید با Redux ملاقات کنیم Let`s Meet with Redux

• React Redux Stores React Redux Stores

• اقدامات Redux Redux Actions

• کاهش دهنده های Redux Redux Reducers

• اشتراک های فروشگاه Store Subscriptions

• راه اندازی Redux با Modern React JS Setting up Redux with Modern React JS

• نگاشت وضعیت به Props Mapping State to Props

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

• 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 Thunk Theory

• Redux Thunk Redux Thunk

• React و Redux Quiz React and Redux Quiz

Redux در React Js Redux in React Js

• بیایید با Redux ملاقات کنیم Let`s Meet with Redux

• React Redux Stores React Redux Stores

• اقدامات Redux Redux Actions

• کاهش دهنده های Redux Redux Reducers

• اشتراک های فروشگاه Store Subscriptions

• راه اندازی Redux با Modern React JS Setting up Redux with Modern React JS

• نگاشت وضعیت به Props Mapping State to Props

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

• 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 Thunk Theory

• Redux Thunk Redux Thunk

• React و Redux Quiz React and Redux Quiz

React Context & Hooks React Context & Hooks

• زمینه و قلاب Context & Hooks

• بیایید شروع به ساخت برنامه خود کنیم Let's Start Building Our Application

• چرا Context API؟ Why Context API?

• ارائه دهنده زمینه Context Provider

• ارائه دهنده زمینه - 2 Context Provider - 2

• بیایید به وضعیت زمینه بپردازیم Lets Reach Out The Context State

• مصرف داده در مؤلفه TodoList Consuming Data in TodoList Component

• مصرف کننده زمینه Context Consumer

• داده های زمینه را به روز کنید Update The Context Data

• با UseContext چندین زمینه ایجاد کنید Create Multiple Context with UseContext

• از چندین زمینه در داخل یک کامپوننت استفاده کنید Use Multiple Context Inside One Component

• معرفی قلاب Hooks Intro

• بیایید شروع به ایجاد برنامه کنیم Let's Start Creating The App

• UseState Hook UseState Hook

• UseState با فرم ها UseState with Forms

• UseEffect Hook UseEffect Hook

• UseContext Hook UseContext Hook

• ایجاد زمینه چندگانه Create Multiple Context

• مسابقه quiz

React Context & Hooks React Context & Hooks

• زمینه و قلاب Context & Hooks

• بیایید شروع به ساخت برنامه خود کنیم Let's Start Building Our Application

• چرا Context API؟ Why Context API?

• ارائه دهنده زمینه Context Provider

• ارائه دهنده زمینه - 2 Context Provider - 2

• بیایید به وضعیت زمینه بپردازیم Lets Reach Out The Context State

• مصرف داده در مؤلفه TodoList Consuming Data in TodoList Component

• مصرف کننده زمینه Context Consumer

• داده های زمینه را به روز کنید Update The Context Data

• با UseContext چندین زمینه ایجاد کنید Create Multiple Context with UseContext

• از چندین زمینه در داخل یک کامپوننت استفاده کنید Use Multiple Context Inside One Component

• معرفی قلاب Hooks Intro

• بیایید شروع به ایجاد برنامه کنیم Let's Start Creating The App

• UseState Hook UseState Hook

• UseState با فرم ها UseState with Forms

• UseEffect Hook UseEffect Hook

• UseContext Hook UseContext Hook

• ایجاد زمینه چندگانه Create Multiple Context

• مسابقه quiz

مقدمه ای بر TypeScript Introduction to TypeScript

• چگونه کمک بگیریم؟ How to Get Help?

• تایپ اسکریپت فایل های پروژه Typescript Project Files

• نمای Birdseye از TypeScript A Birdseye View of TypeScript

• تنظیمات اولیه برای Typescript Initial Setups for Typescript

مقدمه ای بر TypeScript Introduction to TypeScript

• چگونه کمک بگیریم؟ How to Get Help?

• تایپ اسکریپت فایل های پروژه Typescript Project Files

• نمای Birdseye از TypeScript A Birdseye View of TypeScript

• تنظیمات اولیه برای Typescript Initial Setups for Typescript

اولین برنامه در اسکریپت تایپ First App in Type script

• بررسی برنامه App Review

• نحوه اجرای کد TypeScript How to Run TypeScript Code

• یک تنظیم ظریف A Subtle Adjustment

• گرفتن خطاها در تایپ اسکریپت Catching Errors in Typescript

• تشخیص خطاها 2 Catching Errors 2

• مسابقه quiz

اولین برنامه در اسکریپت تایپ First App in Type script

• بررسی برنامه App Review

• نحوه اجرای کد TypeScript How to Run TypeScript Code

• یک تنظیم ظریف A Subtle Adjustment

• گرفتن خطاها در تایپ اسکریپت Catching Errors in Typescript

• تشخیص خطاها 2 Catching Errors 2

• مسابقه quiz

انواع در Typescript Types in Typescript

• انواع در TypeScript Types in TypeScript

• انواع در TypeScript 2 Types in TypeScript 2

• انواع بیشتر با مثال More Types with Examples

• کجا از انواع استفاده می کنیم Where Do We Use Types

• مسابقه quiz

انواع در Typescript Types in Typescript

• انواع در TypeScript Types in TypeScript

• انواع در TypeScript 2 Types in TypeScript 2

• انواع بیشتر با مثال More Types with Examples

• کجا از انواع استفاده می کنیم Where Do We Use Types

• مسابقه quiz

Infrence و Annotation را در Typescript تایپ کنید Type Infrence and annotation in Typescript

• معرفی نوع Annotation و Infrence Introduction of Type Annotation and Infrence

• نحوه عملکرد Annotatitons در Typescript How Do Annotatitons Work in Typescript

• حاشیه نویسی در اطراف اشیاء Annotations Around Objects

• حاشیه نویسی توابع در اسکریپت تایپ Function Annotations in Type script

• Infrence را تایپ کنید Type Infrence

• مسابقه quiz

Infrence و Annotation را در Typescript تایپ کنید Type Infrence and annotation in Typescript

• معرفی نوع Annotation و Infrence Introduction of Type Annotation and Infrence

• نحوه عملکرد Annotatitons در Typescript How Do Annotatitons Work in Typescript

• حاشیه نویسی در اطراف اشیاء Annotations Around Objects

• حاشیه نویسی توابع در اسکریپت تایپ Function Annotations in Type script

• Infrence را تایپ کنید Type Infrence

• مسابقه quiz

هر نوع در تایپ اسکریپت Any Type in Typescript

• درک «هر نوع» Understanding 'Any' Type

• رفع "هر" نوع Fixing 'any' Type

• Annotation Later را در Typescript شروع کنید Initiate Annotation Later in Typescript

• وقتی نمی توان نوع را استنباط کرد When type can not be inferred

• مسابقه quiz

هر نوع در تایپ اسکریپت Any Type in Typescript

• درک «هر نوع» Understanding 'Any' Type

• رفع "هر" نوع Fixing 'any' Type

• Annotation Later را در Typescript شروع کنید Initiate Annotation Later in Typescript

• وقتی نمی توان نوع را استنباط کرد When type can not be inferred

• مسابقه quiz

توابع در TypeScript Functions in TypeScript

• حاشیه نویسی با توابع Annotations with Functions

• Infrence را با توابع در Typescript تایپ کنید Type Infrence with Functions in Typescript

• استفاده از حاشیه نویسی با توابع ناشناس Using Annotations with Anonymous Functions

• Never و Void Types در TypeScript Never and Void Types in TypeScript

• مسابقه quiz

توابع در TypeScript Functions in TypeScript

• حاشیه نویسی با توابع Annotations with Functions

• Infrence را با توابع در Typescript تایپ کنید Type Infrence with Functions in Typescript

• استفاده از حاشیه نویسی با توابع ناشناس Using Annotations with Anonymous Functions

• Never و Void Types در TypeScript Never and Void Types in TypeScript

• مسابقه quiz

اشیاء برای سه js در Type Script Objects for three js in Type Script

• تخریب شی با حاشیه نویسی در تایپ اسکریپت Object Destructure with Annotations in Typescript

• استفاده از حاشیه نویسی با اشیاء در اسکریپت تایپ Using Annotations with Objects in Type script

اشیاء برای سه js در Type Script Objects for three js in Type Script

• تخریب شی با حاشیه نویسی در تایپ اسکریپت Object Destructure with Annotations in Typescript

• استفاده از حاشیه نویسی با اشیاء در اسکریپت تایپ Using Annotations with Objects in Type script

آرایه ها در تایپ اسکریپت Arrays in Typescript

• آرایه های تایپ شده در تایپ اسکریپت Typed Arrays in Typescript

• اطلاعات بیشتر در مورد آرایه های تایپ شده More on Typed Arrays

• کار با چندین نوع در اسکریپت تایپ Working with Multiple Types in Type script

• چه زمانی باید از آرایه های تایپ شده استفاده کنیم When should we use typed arrays

• مسابقه quiz

آرایه ها در تایپ اسکریپت Arrays in Typescript

• آرایه های تایپ شده در تایپ اسکریپت Typed Arrays in Typescript

• اطلاعات بیشتر در مورد آرایه های تایپ شده More on Typed Arrays

• کار با چندین نوع در اسکریپت تایپ Working with Multiple Types in Type script

• چه زمانی باید از آرایه های تایپ شده استفاده کنیم When should we use typed arrays

• مسابقه quiz

تاپل ها در تایپ اسکریپت Tuples in Type Script

• تایپل ها به صورت تایپی Tuples in typescript

• اطلاعات بیشتر در مورد تاپلز More on Tuples

• چه زمانی باید از Tuples در تایپ اسکریپت استفاده کنیم When Should We Use Tuples in Type Script

• مسابقه quiz

تاپل ها در تایپ اسکریپت Tuples in Type Script

• تایپل ها به صورت تایپی Tuples in typescript

• اطلاعات بیشتر در مورد تاپلز More on Tuples

• چه زمانی باید از Tuples در تایپ اسکریپت استفاده کنیم When Should We Use Tuples in Type Script

• مسابقه quiz

رابط ها در تایپ اسکریپت Interfaces in Typescript

• مقدمه ای بر رابط ها Introduction to Interfaces

• حاشیه نویسی های نوع طولانی Long Type Annotations

• Refactoring نوع حاشیه نویسی Refactoring Type Annotations

• نحو رابط ها Syntax of Interfaces

• توابع در رابط ها Functions in Interfaces

• قابلیت استفاده مجدد کد Code Reusability

• مسابقه quiz

رابط ها در تایپ اسکریپت Interfaces in Typescript

• مقدمه ای بر رابط ها Introduction to Interfaces

• حاشیه نویسی های نوع طولانی Long Type Annotations

• Refactoring نوع حاشیه نویسی Refactoring Type Annotations

• نحو رابط ها Syntax of Interfaces

• توابع در رابط ها Functions in Interfaces

• قابلیت استفاده مجدد کد Code Reusability

• مسابقه quiz

کلاس ها Classes

• مقدمه ای بر کلاس ها Introduction to Classes

• وراثت تایپ اسکریپت Typescript Inheritance

• اصلاح کننده ها Modifiers

• زمینه های Fields

• زمینه ها و ارث Fields and Inheritance

• مسابقه quiz

کلاس ها Classes

• مقدمه ای بر کلاس ها Introduction to Classes

• وراثت تایپ اسکریپت Typescript Inheritance

• اصلاح کننده ها Modifiers

• زمینه های Fields

• زمینه ها و ارث Fields and Inheritance

• مسابقه quiz

پروژه: برنامه ردیابی بار Project: Cargo Tracking Application

• بهترین راه برای دسترسی به اینترفیس Best Way to Access the Interface

• Typescript انواع را به صورت خودکار بررسی می کند Typescript Checks Types Automatically

• بیایید نشانگر بازشو را نشان دهیم Let’s Show Marker Pop-up

• تغییر محتوای پاپ آپ Changing the Pop-up Content

• بهبود یافتن خطا Improving the Error Finding

• خلاصه Summary

پروژه: برنامه ردیابی بار Project: Cargo Tracking Application

• بهترین راه برای دسترسی به اینترفیس Best Way to Access the Interface

• Typescript انواع را به صورت خودکار بررسی می کند Typescript Checks Types Automatically

• بیایید نشانگر بازشو را نشان دهیم Let’s Show Marker Pop-up

• تغییر محتوای پاپ آپ Changing the Pop-up Content

• بهبود یافتن خطا Improving the Error Finding

• خلاصه Summary

پروژه: برنامه مرتب سازی در Typescipt React Project: Sort Application in Typescipt React

• بررسی اجمالی Overview

• کامپایلر Typescript Typescript Compiler

• اجرای خودکار کد Automatic Execution of the Code

• بیایید به پروژه شیرجه بزنیم Let’s Dive in To the Project

• ایجاد کلاس مرتب سازی Creating the Sorting Class

• اجرای کلاس مرتب سازی Implementation of The Sorting Class

• مشکلات با ساختارهای مختلف داده Problems with Different Data Structures

• با استفاده از OR Operator Using OR Operator

• محافظ تایپ اسکریپت Typescript Type Guards

• محافظ های نوع مفید هستند، اما نه چندان Type Guards Are Useful, But Not So Much

• بیایید مقداری Refactoring انجام دهیم Let’s Do Some Refactoring

• بیایید کمی بازسازی کنیم - 2 Let’s Do Some Refactoring - 2

• مروری بر فرم نهایی Overview of the Final Form

• سرانجام! بیایید رابط خود را تعریف کنیم Finally! Let’s Define Our Interface

• مرتب سازی رشته ها Sorting Strings

• بیایید یک مسئله آخر را حل کنیم Let’s Solve One Last Issue

• اضافه کردن روش مرتب سازی به کلاس های دیگر Adding Sort Method to Other Classes

• بیایید کلاس مرتب سازی Refactor Let’s Refactor Sorting Class

• حل مسائل با کلاس های انتزاعی Solving Issues with Abstract Classes

• اجرای کلاس های انتزاعی Implementing Abstract Classes

• آخرین Refactor Last Refactor

• مقایسه رابط ها و کلاس های انتزاعی Comparing Interfaces and Abstract Classes

پروژه: برنامه مرتب سازی در Typescipt React Project: Sort Application in Typescipt React

• بررسی اجمالی Overview

• کامپایلر Typescript Typescript Compiler

• اجرای خودکار کد Automatic Execution of the Code

• بیایید به پروژه شیرجه بزنیم Let’s Dive in To the Project

• ایجاد کلاس مرتب سازی Creating the Sorting Class

• اجرای کلاس مرتب سازی Implementation of The Sorting Class

• مشکلات با ساختارهای مختلف داده Problems with Different Data Structures

• با استفاده از OR Operator Using OR Operator

• محافظ تایپ اسکریپت Typescript Type Guards

• محافظ های نوع مفید هستند، اما نه چندان Type Guards Are Useful, But Not So Much

• بیایید مقداری Refactoring انجام دهیم Let’s Do Some Refactoring

• بیایید کمی بازسازی کنیم - 2 Let’s Do Some Refactoring - 2

• مروری بر فرم نهایی Overview of the Final Form

• سرانجام! بیایید رابط خود را تعریف کنیم Finally! Let’s Define Our Interface

• مرتب سازی رشته ها Sorting Strings

• بیایید یک مسئله آخر را حل کنیم Let’s Solve One Last Issue

• اضافه کردن روش مرتب سازی به کلاس های دیگر Adding Sort Method to Other Classes

• بیایید کلاس مرتب سازی Refactor Let’s Refactor Sorting Class

• حل مسائل با کلاس های انتزاعی Solving Issues with Abstract Classes

• اجرای کلاس های انتزاعی Implementing Abstract Classes

• آخرین Refactor Last Refactor

• مقایسه رابط ها و کلاس های انتزاعی Comparing Interfaces and Abstract Classes

React و Typescript React and Typescript

• یک یادآوری کوچک A Little Reminder

• بررسی اجمالی Overview

• React App را با Typescript ایجاد کنید Create React App with Typescript

• ایجاد کامپوننت در Typescipt React Creating Components in Typescipt React

• چگونه از رابط ها استفاده کنیم؟ How to Use Interfaces?

• بیایید به ایالات شیرجه بزنیم Let’s Dive into States

• پیچیدگی پنهان حالت جزء Hidden Complexity of Component State

• تعریف اجزای عملکردی Defining Functional Components

• بیایید Redux را راه اندازی کنیم Let’s Setup Redux

• Redux Action Creators Redux Action Creators

• انواع عمل Redux Redux Action Types

• بررسی خطای اختیاری Optional Error Checking

• کاهش دهنده های Redux Redux Reducers

• اعتبارسنجی فروشگاه Redux Validating Redux Store

• با استفاده از تابع اتصال Using Connect Function

• بیایید موارد فهرست خود را رندر کنیم Let’s Render our List Items

• چگونه موارد را حذف کنیم؟ How to Delete Items?

• فایل‌های مجزا برای اکشن‌سازهای مختلف Separate Files for Different Action Creators

• OR بیانیه برای اقدامات مختلف OR Statement for Different Actions

• محافظ ها را در کاهنده ها تایپ کنید Type Guards in Reducers

• افزودن قابلیت حذف آیتم ها Adding Delete Items Functionality

• یک مشکل کوچک با فایل های تعریف نوع A Little Issue with Type Definition Files

• نمایش متن در حال بارگیری هنگام واکشی Showing the Loading Text When Fetching

• خلاصه Summary

• مسابقه quiz

React و Typescript React and Typescript

• یک یادآوری کوچک A Little Reminder

• بررسی اجمالی Overview

• React App را با Typescript ایجاد کنید Create React App with Typescript

• ایجاد کامپوننت در Typescipt React Creating Components in Typescipt React

• چگونه از رابط ها استفاده کنیم؟ How to Use Interfaces?

• بیایید به ایالات شیرجه بزنیم Let’s Dive into States

• پیچیدگی پنهان حالت جزء Hidden Complexity of Component State

• تعریف اجزای عملکردی Defining Functional Components

• بیایید Redux را راه اندازی کنیم Let’s Setup Redux

• Redux Action Creators Redux Action Creators

• انواع عمل Redux Redux Action Types

• بررسی خطای اختیاری Optional Error Checking

• کاهش دهنده های Redux Redux Reducers

• اعتبارسنجی فروشگاه Redux Validating Redux Store

• با استفاده از تابع اتصال Using Connect Function

• بیایید موارد فهرست خود را رندر کنیم Let’s Render our List Items

• چگونه موارد را حذف کنیم؟ How to Delete Items?

• فایل‌های مجزا برای اکشن‌سازهای مختلف Separate Files for Different Action Creators

• OR بیانیه برای اقدامات مختلف OR Statement for Different Actions

• محافظ ها را در کاهنده ها تایپ کنید Type Guards in Reducers

• افزودن قابلیت حذف آیتم ها Adding Delete Items Functionality

• یک مشکل کوچک با فایل های تعریف نوع A Little Issue with Type Definition Files

• نمایش متن در حال بارگیری هنگام واکشی Showing the Loading Text When Fetching

• خلاصه Summary

• مسابقه quiz

اضافی Extra

• دوره Typescript & React JS با پروژه React & Typescript Typescript & React JS Course with React & Typescript Project

اضافی Extra

• دوره Typescript & React JS با پروژه React & Typescript Typescript & React JS Course with React & Typescript Project