آموزش تایپ اسکریپت | تایپ اسکریپ و تایپ اسکریپت واکنش از ابتدا

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

مقدمه ای بر تایپ اسکریپت | تایپ اسکریپ و تایپ اسکریپت واکنش از ابتدا Introduction to Typescript | Type script & Typescript React from Scratch

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

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

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

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

• تنظیمات اولیه برای 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

• Catching Errors 5-Catching Errors 2 Catching Errors 5-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

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

توابع در Type Script Functions in Type Script

• حاشیه نویسی با توابع 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

آرایه ها در تایپ اسکریپت 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

رابط ها در تایپ اسکریپت 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

پروژه: برنامه ردیابی بار 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

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 | Type script & Typescript React from Scratch