آموزش TypeScript - بسیار آموزنده - 2024

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

مقدمه Introduction

• مقدمه Introduction

• تایپ پویا در مقابل استاتیک Dynamic vs Static Typing

• Visual Studio Code دارای پشتیبانی داخلی TypeScript است Visual Studio Code has built-in TypeScript support

• مرورگرها و سرورها فقط جاوا اسکریپت را درک می کنند Browsers and servers only understand JavaScript

• Transpiling TypeScript Transpiling TypeScript

• خلاصه Recap

• مبانی TypeScript TypeScript Fundamentals

نصب و اجرای TypeScript Installing & Running TypeScript

• معرفی بخش Section intro

• 2 راه برای استفاده از TypeScript The 2 ways to use TypeScript

• استفاده از TypeScript بدون کامپایلر رسمی - بصورت بومی در Node Using TypeScript without the official compiler - natively in Node

• استفاده از TypeScript بدون کامپایلر، به صورت بومی در مرورگر Using TypeScript without the compiler, natively in the browser

• استفاده از TypeScript بدون کامپایلر، با استفاده از کتابخانه ها و اجراکننده ها Using TypeScript without the compiler, using libraries and runners

• TypeScript - آیا می دانستید؟ TypeScript - did you know?

• سه راه برای نصب کامپایلر TSC Three ways to install the TSC compiler

• چرا Node برای اجرای TSC بسیار محبوب است Why is Node so popular for executing the TSC

• کامپایل کردن اولین فایل TypeScript خود در جاوا اسکریپت با استفاده از npm Compiling your first TypeScript file into JavaScript using npm

• TSC از متغیرهای PATH شما استفاده می کند TSC uses your PATH variables

• درک اسکریپت های دسته ای در مقابل فایل های اجرایی TSC Understanding batch scripts vs TSC executable

• پوشه TSC Bin و Lib TSC Bin and Lib folders

• خط شبانگ و مشکل مرغ و تخم مرغ Shebang line and the chicken-egg problem

• خود میزبانی و بوت استرپ TSC TSC self-hosting and bootstrapping

• ایجاد یک فایل اسکریپت برای پروژه ما Creating a script file for our project

• شروع فایل های پروژه Starting project files

• استفاده و نصب TypeScript Using and Installing TypeScript

فایل پیکربندی TypeScript TypeScript config file

• افزودن یک فایل پیکربندی TS Adding a TS config file

• TypeScript به خوبی با آخرین ویژگی های JS همراهی می کند (ESNext) TypeScript does a good job of keeping up with latest JS features (ESNext)

• تنظیم ویژگی های outDir و rootDir Setting outDir and rootDir properties

• TypeScript می تواند فایل ها را بسته بندی کند TypeScript can bundle files

• ماژول ها Modules

• با استفاده از پرچم --watch Using the --watch flag

• پیکربندی TypeScript TypeScript Configuration

پروژه دوره TypeScript TypeScript Course Project

• انواع ضمنی و آشکار Implicit and Explicit Types

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

• مقدمه ای بر نوع مستعار و رابط ها Intro to the Type alias and Interfaces

• انواع مشروط و ژنریک Conditional types and Generics

• کدهای خطای برنامه نویسی و ارسال نوع DOM Programming error codes, and DOM Type Casting

• افزودن شنوندگان رویداد با انواع رویداد Adding event listeners with Event Types

• استفاده از ماژول های ES6 در TypeScript Using ES6 modules in TypeScript

• اشیاء (رابط ها و انواع)، و اصلاح کننده دسترسی فقط خواندنی Objects (Interfaces and Types), and the readonly access modifier

• نوع رکورد شی Object Record Type

• Enums Enums

• رابط ها در مقابل انواع Interfaces vs Types

• یک تابع createBox را تعریف کنید و نوع آرگومان آن را تنظیم کنید Define a createBox function and set its argument type

• یک ظاهر طراحی و اضافه کردن جعبه به DOM Styling and adding the box to the DOM

• یک رنگ تصادفی تولید کنید و یک تابع setColor تعریف کنید Generate a random color and define a setColor function

• ویژگی های عمومی را در تابع createBox ما برگردانید Return public properties in our createBox function

• ویژگی پیکربندی nounusedlocals nounusedlocals config property

• تابع buildBox را شروع کنید و اعتبار سنجی ورودی اولیه را انجام دهید Start the buildBox function, and perform basic input validation

• یک متد setTimeout() پیاده سازی کنید و باکس شمارنده را راه اندازی کنید Implement a setTimeout() method, and start the box counter

• آرایه ها و تاپل ها Arrays and Tuples

• وارد کردن ماژول ما و ایجاد یک آرایه پویا با استفاده از مقادیر و فیلتر Importing our module, and creating a dynamic array using values and filter

• استفاده از شی جهانی ریاضی برای تولید یک اندازه جعبه تصادفی (یا بمب) Using the global Math object to generate a random box size (or bomb)

• مهلت زمانی - آیا می توانید یک نوع عمومی را گسترش دهید؟ Timeout - can you extend a generic type?

• Timeout - رفع خطا در متد ()rgb Timeout - fixing the error in the rgb() method

• تابع ()createBox را وارد کنید، یک کادر تولید کنید و آن را به یک آرایه جهانی اضافه کنید Import the createBox() function, generate a box, and add it to a global array

• تست کد ما Testing our code

• عناصر یک ظاهر طراحی زمانی که یک بمب بازگردانده می شود Styling elements when a BOMB is returned

• اصلاحات و آزمایش نهایی پروژه Final project amendments and testing

• کد منبع پروژه (رویکرد کاربردی) Project source code (functional approach)

• استفاده از نحو "class" برای تعریف تابع createBox Using the "class" syntax to define the createBox function

• به روز رسانی فایل منبع اصلی و تست کد کلاس Updating the main source file, and testing the class code

• کد منبع پروژه (رویکرد کلاس) Project source code (class approach)

آزمون پیشرفته TypeScript TypeScript Advanced Quiz

• مبانی TypeScript TypeScript Fundamentals

آینده TypeScript The Future of TypeScript

• آینده TypeScript The future of TypeScript

• JSDocs و//@ts-check JSDocs and //@ts-check

• آیا Svelte و Turbo 8 از TypeScript پشتیبانی می کنند؟ Does Svelte and Turbo 8 support TypeScript

• پشتیبانی Drizzle برای TypeScript Drizzle support for TypeScript

• پیشنهاد جدید ECMAScript برای بررسی نوع New ECMAScript proposal for type checking

Outro Outro

• Outro Outro