آموزش TypeScript: From Zero to Expert (2024)

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

معرفی Introduction

• TypeScript چیست What is TypeScript

• TypeScript در عمل TypeScript in Action

• نصب و پیکربندی کد ویژوال استودیو Installing and configuring Visual Studio Code

• نصب NodeJs Installing NodeJs

• ایجاد اولین برنامه ما با TypeScript Creating our first program with TypeScript

• نصب پسوندهای مفید کد ویژوال استودیو Installing Useful Visual Studio Code Extensions

انواع داده های اولیه Primitive Data Types

• نوع داده عددی در TypeScript The number data type in TypeScript

• نوع داده رشته در TypeScript The String Data Type in TypeScript

• نوع داده بولی در TypeScript The boolean data type in TypeScript

• نوع داده شی در TypeScript The object data type in TypeScript

• نوع داده آرایه در TypeScript The array data type in TypeScript

• نوع داده تاپل در TypeScript The Tuple data type in TypeScript

• نوع داده Enum در TypeScript Enum data type in TypeScript

• هر نوع داده در TypeScript The any data type in TypeScript

• نوع داده اتحادیه در TypeScript The Union Data Type in TypeScript

• نوع داده تحت اللفظی در TypeScript The Literal Data Type in TypeScript

• نام مستعار را در TypeScript تایپ کنید Type Aliases in TypeScript

• به عنوان Types در TypeScript عمل می کند Functions as Types in TypeScript

• تابع Callbacks در TypeScript Function Callbacks in TypeScript

• نوع داده ناشناخته Data type unknown

• نوع داده هرگز The data type never

پیکربندی پروژه TypeScript TypeScript project configuration

• درک حالت ساعت Understanding the watch mode

• راه اندازی پروژه برای نظارت بر همه فایل ها Initializing the project to monitor all files

• تغییر نسخه های جاوا اسکریپت با گزینه target Changing JavaScript versions with the target option

• مدیریت کتابخانه ها در پروژه ما با lib Managing libraries in our project with lib

• گزینه های فایل های allowJs، checkJs، jsx و d-ts The options allowJs, checkJs, jsx, and d-ts files

• گزینه sourceMap The sourceMap option

• گزینه های outDir و rootDir The outDir and rootDir options

• گزینه های removeComments، noEmit و downlevelIteration The removeComments, noEmit and downlevelIteration options

• گزینه noEmitOnError The noEmitOnError option

• گزینه های دقیق Strict Options

• بررسی های اضافی Additional checks

• شامل و حذف کنید Include and Exclude

• راه اندازی یک وب سرور برای برنامه های TypeScript ما Setting up a web server for our TypeScript apps

• اشکال زدایی برنامه های TypeScript Debugging TypeScript applications

پروژه شماره 1: فلیپر رنگی Project # 1: Color Flipper

• اجرای پروژه Project implementation

• افزودن پاسخ به تماس Adding a callback

برنامه نویسی شی گرا Object Oriented Programming

• درک مفهوم طبقه بندی Understanding the concept of classification

• کلاس چیست؟ What is a class?

• ایجاد اولین کلاس ما Creating our first class

• تعریف روش ها برای کلاس ما Defining methods for our class

• ایجاد نمونه های یک کلاس Creating instances of a class

• کنترل دسترسی به کلاس های ما Controlling the accessibility to our classes

• سازندگان Constructors

• ایجاد اموال ساده Simplified property creation

• روش های استاتیک Static methods

• خواص استاتیک Static properties

• خواص استاتیک فقط خواندنی Read-only static properties

پروژه شماره 2: Tasker Project # 2: Tasker

• ایجاد پروژه و تعریف بخش برای اضافه کردن وظایف Project creation and section definition to add tasks

• ایجاد بخش هایی برای کارهای تکمیل شده و ناقص Creating sections for completed and incomplete tasks

• ایجاد کلاس TodoItem Creating the class TodoItem

• ایجاد کلاس TaskManager Creating the TaskManager class

• ایجاد دکمه EventListener Creating the button EventListener

• ایجاد کلاس HTMLHelper Creating the HTMLHelper class

• پر کردن بخش ها با موارد مربوطه Filling sections with corresponding items

• علامت گذاری TodoItem به عنوان تکمیل شده Marking the TodoItem as completed

• تنظیمات نهایی Final Adjustments

وراثت Inheritance

• درک وراثت Understanding Inheritance

• ایجاد کلاس MultimediaFile Creating a MultimediaFile class

• اجرای وراثت Implementing Inheritance

• فراخوانی سازنده های پایه Invoking base constructors

• اختصاص کلاس ها Assigning Classes

• پلی مورفیسم Polymorphism

• درک اصلاح کننده دسترسی "محافظت شده". Understanding the 'protected' access modifier

• گیرندگان و تنظیم کننده ها Getters and Setters

پروژه شماره 3: TypeShapes Project # 3: TypeShapes

• ایجاد ساختار HTML Creation of the HTML structure

• ایجاد کلاس Line Creating the Line class

• رسم خطوط تصادفی Drawing random lines

• اضافه کردن وراثت Adding Inheritance

• رسم دایره ها Drawing Circles

• طراحی متن Drawing Text

رابط ها و کلاس های انتزاعی Interfaces and abstract classes

• مشکل ساز Problematic

• تعریف رابط ها Defining interfaces

• پیاده سازی رابط ها Implementing Interfaces

• به ارث بردن و پیاده سازی رابط ها به طور همزمان Inheriting and implementing interfaces at once

• پسوند رابط Interface Extension

• ارجاع یک کلاس از طریق رابط آن Referencing a class through its interface

• ویژگی های فقط خواندنی Read-only properties

• رابط ها به عنوان انواع تابع Interfaces as function types

• ویژگی ها، پارامترهای اختیاری و روش ها Properties, optional parameters and methods

• کلاس های انتزاعی Abstract classes

• روش های چکیده Abstract Methods

پروژه شماره 4: طرفداران سینما Project # 4: CineFans

• تمرین - CineFans Practice - CineFans

انواع پیشرفته Advanced Types

• اتحادیه های تبعیض آمیز Discriminated Unions

• نوع Intersection در TypeScript The Intersection type in TypeScript

• تایپ گارد Type Guards

• نمونه TypeGuard TypeGuard instanceof

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

• ویژگی های شاخص یا امضای شاخص Index Properties or Index Signature

• اضافه بار عملکرد Function overloads

• زنجیربندی اختیاری Optional Chaining

ژنریک ها Generics

• ایجاد پشته Creating a Stack

• اضافه شدن روش های فشار و پاپ Addition of push and pop methods

• مشکلات با Stack Problems with the Stack

• یک کلاس عمومی چگونه کار می کند How a generic class works

• سایر ویژگی های Generics Other features of Generics

• تعریف مجدد پشته Redefining the stack

• ژنریک ها و محدودیت ها Generics and Constraints

• استفاده از ژنریک در توابع Using generics in functions

• استفاده از keyof The use of keyof

دکوراتورها Decorators

• معرفی Introduction

• نحو یک دکوراتور - دکوراتور کلاس Syntax of a Decorator - Class Decorator

• کارخانه های دکوراتور Decorator factories

• ایجاد یک دکوراتور واقعی تر Creating a more realistic decorator

• ایجاد دکوراتور کلاس دیگری Creating another class decorator

• تغییر سازنده کلاس از طریق دکوراتور Changing a class constructor through a decorator

• چند دکوراتور Multiple decorators

• روش دکوراتور Method Decorators

• دکوراتورهای املاک Property Decorators

• دکوراتورهای پارامتر Parameter Decorators