آموزش دوره جامع و تخصصی تایپ‌اسکریپت 2024 – یادگیری، ساخت و تسلط - آخرین آپدیت

مقدمه Introduction

• مقدمه Introduction

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

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

• ترنسپایل کردن تایپ‌اسکریپت Transpiling TypeScript

• مرور کلی Recap

نصب و اجرای تایپ‌اسکریپت Installing & Running TypeScript

• مقدمه بخش Section intro

• دو روش استفاده از تایپ‌اسکریپت The 2 ways to use TypeScript

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

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

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

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

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

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

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

• درک تفاوت اسکریپت‌های Batch و فایل اجرایی TSC Understanding batch scripts vs TSC executable

• پوشه‌های Bin و Lib در TSC TSC Bin and Lib folders

• خط Shebang و مسئله تخم‌مرغ و مرغ Shebang line and the chicken-egg problem

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

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

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

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

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

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

• قابلیت باندل کردن فایل‌ها در تایپ‌اسکریپت TypeScript can bundle files

• ماژول‌ها Modules

• استفاده از فلگ watch Using the --watch flag

پروژه دوره تایپ‌اسکریپت TypeScript Course Project

• تایپ‌های ضمنی و صریح Implicit and Explicit Types

• آشنایی با Type alias و Interfaceها Intro to the Type alias and Interfaces

• تایپ‌های شرطی و Generics Conditional types and Generics

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

• افزودن Event Listenerها با استفاده از Event Types Adding event listeners with Event Types

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

• اشیاء (اینترفیس‌ها و تایپ‌ها) و اصلاح‌کننده دسترسی readonly Objects (Interfaces and Types), and the readonly access modifier

• تایپ Record در اشیاء Object Record Type

• Enumها Enums

• مقایسه Interfaceها و Typeها 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

• آرایه‌ها و Tupleها Arrays and Tuples

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

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

• تایم‌اوت: آیا می‌توان یک Generic Type را گسترش داد؟ Timeout - can you extend a generic type?

• تایم‌اوت: رفع خطا در متد 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

• استایل‌دهی به عناصر در صورت بازگشت BOMB Styling elements when a BOMB is returned

• اصلاحات نهایی پروژه و تست Final project amendments and testing

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

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

آینده تایپ‌اسکریپت The Future of TypeScript

• آینده تایپ‌اسکریپت The future of TypeScript

• JSDocs و دستور //@ts check JSDocs and //@ts-check

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

• پشتیبانی Drizzle از تایپ‌اسکریپت Drizzle support for TypeScript

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

بخش پایانی Outro

• بخش پایانی Outro