دوره آموزش تایپ اسکریپت TypeScript پروژه محور

معرفی دوره

تایپ اسکریپت چیه؟

نصب تایپ اسکریپت

چطور کد تایپ اسکریپت رو کامپایل کنیم؟

آشنایی با مفاهیم Static Type و Dynamic Type

کار با دیتاتایپ number

کار با دیتاتایپ string در تایپ اسکریپت

فلگ watch در کامپایلر تایپ اسکریپت

Type Annotation Vs Type Inference در تایپ اسکریپت

کار با دیتاتایپ boolean در تایپ اسکریپت

کار با دیتاتایپ Object در تایپ اسکریپت

کار با دیتاتایپ Array در تایپ اسکریپت

کار با آرایه های چند بعدی

آموزش Tuple در تایپ اسکریپت

تعیین تایپ برای پارامتر های توابع

نحوه تعیین تایپ برای خروجی توابع

استفاده از تایپ any

آشنایی با Union Type

آشنایی با Literal Type

تعیین تایپ بصورت Template Literal Type

کار با تایپ unknown در تایپ اسکریپت

آشنایی با قابلیت Type Casting

Const Assertion در تایپ اسکریپت

Type Casting در کار با DOM

کار با تایپ Enum

چرا زیاد از Enum استفاده نکنیم؟

آشنایی با تایپ void و undefined در توابع

آشنایی با Function Type

کار با Call Function در تایپ اسکریپت

کار با Alias Type

آشنایی با null, undefined و تایپ never

ایجاد فایل tsconfig

کامپایل فایل های متعدد تایپ اسکریپت

کار با کانفیگ target

کانفیگ دسترسی کامپایل و عدم کامپایل با exclude, include و files

کار با کانفیگ مهم lib

کانفیگ های rootDir و outDir

کانفیگ sourceMap برای دیباگ فایل های تایپ اسکریپت

کانفیگ noEmitOnError برای کامپایل منطقی‌تر تایپ اسکریپت

کانفیگ های مربوط به strict برای Type Checking

تعریف class در تایپ اسکریپت

استفاده از Class به عنوان Type

مبحث Inheritance در شی‌گرایی

کار با Access Modifier های Public و Private

کار با سطح دسترسی Protected

کار با سطح دسترسی readonly

تعریف Property داخل پارامتر های Constructor

استفاده از Access Modifierها برای Constructor

ساخت Getter و استفاده از آن در Class

ساخت Setter و استفاده از آن در Class

نحوه تعریف متد های static + کاربرد واقعی

Overwrite کردن متد های کلاس Parent

کار با کلمه کلیدی abstract در Class

ساخت interface در تایپ اسکریپت

مقادیر Optional در intefrace

type Vs interface

نحوه ارث‌بری برای interfaceها

implements از interface برای class

استفاده از access modofier ها در intefrace

شروع مینی پروژه Todolist - اضافه کردن Todoی جدید

ذخیره کردن Todoها در localStorage

توسعه قابلیت removeTodo

توسعه قابلیت clearTodos

کار با intersection type در تایپ اسکریپت

استفاده از in به عنوان type guard

استفاده از typeof به عنوان type guard

استفاده از instanceof به عنوان type guard

چالشی برای کامپایلر تایپ اسکریپت

Discriminated Unions در تایپ اسکریپت

Function Overloading در تایپ اسکریپت

تعریف Property در interface به صورت index type

استفاده از Module در تایپ اسکریپت

کار با namespace در تایپ اسکریپت

آشنایی با Triple Slash Directives

آشنایی با Generic Type

ارث بری در Generic

مثالی برای درک بهتر Generic Type

استفاده از Generic در class

استفاده از Generic در interface

Generic Type چه فرقی با Union Type داره؟

MappedType در تایپ اسکریپت

Utility Typeها - قسمت اول

Utility Typeها - قسمت دوم

مفهوم Decorator چیست؟

ساخت اولین Class Decorator

کانفیگ بهتر Decorator با Decorator Factory

مثال واقعی برای درک بهتر Decorator

استفاده از چندین Decorator

استفاده از Decorator برای Method های Class

استفاده از Decorator برای Getter

استفاده از Decorator برای Property + سخن پایانی

استفاده از جاوا اسکریپت داخل تایپ اسکریپت + کانفیگ allowJs

استفاده از تایپ اسکریپت داخل جاوا اسکریپت + کانفیگ checkJs

آشنایی با ts-check و ts-nocheck

استفاده از Js Doc

تعریف Declaration Files - کاربرد اول

تعریف Declaration Files - کاربرد دوم - سخن پایانی

نصب کتابخونه lodash

نصب Declaration File های lodash

معرفی فصل - ارائه سرور Webpack

استفاده از پکیج class-validator

معرفی پکیج های بیشتر برای تایپ اسکریپت

ایجاد پروژه ری‌اکت با Vite

تعیین تایپ برای کامپوننت‌ها

استفاده از تایپ اسکریپت برای Props

استفاده از تایپ های داخلی ری‌اکت

نکات مهم راجع به مدیریت تایپ‌ها در ری‌اکت

هندل کردن Eventها

استفاده از تایپ اسکریپت در useState

استفاده از تایپ اسکریپت در useRef

استفاده از قابلیت Type Assertion در useState

استفاده از تایپ اسکریپت در هوک useReducer

تعیین تایپ به صورت strict برای action های reducer

استفاده از تایپ اسکریپت در Context Api - توسعه ThemeContext

توسعه AuthContext برای احراز هویت کاربر

محدود کردن propها با تایپ never

کاهش حجم کد با Template Literal - مثال Translator

کاهش حجم کد با Template Literal - مثال تعیین موقعیت Icon

سخن پایانی فصل

معرفی پروژه

توسعه کامپوننت‌ها و تایپ های لازم

توسعه قابلیت اضافه کردن Todo

توسعه تایپ Prop های کامپوننت Todo

نصب پکیج Fontawesome

توسعه قابلیت حذف تودو

نصب SweetAlert و دریافت Confirm هنگام حذف تودو

توسعه قابلیت Complete شدن Todo - سخن پایانی

معرفی پروژه

توسعه Routes پروژه

توسعه صفحات پروژه و اتصال لینک‌ها به Router

توسعه Context سبد خرید

دریافت محصولات از سرور

توسعه متد های مربوط به حذف محصول

توسعه متد اضافه کردن محصول به سبد خرید

توسعه کامپوننت محصولات

اتصال قابلیت اضافه کردن محصول به سبد خرید به کامپوننت محصولات

نمایش محصولات موجود در سبد خرید داخل DOM

توسعه قابلیت حذف محصول از سبد خرید و خالی کردن سبد

تعیین تایپ Response با تایپ اسکریپت - سخن پایانی

Setup پروژه و نصب پکیج های مورد نیاز

توسعه router برای غذاها

توسعه Model برای ذخیره سازی اطلاعات غذاها

توسعه Api ایجاد غذای جدید

دریافت لیست غذا - حذف غذا توسط مدیر

توسعه Model و Router مربوط به کاربران

توسعه قابلیت Register کاربر

توسعه قابلیت Login کاربر

توسعه Middleware برای Validation

پیاده سازی Middleware برای Route Protection

توسعه Model و Router مربوط به سفارشات

توسعه Middleware برای احراز هویت کاربر

توسعه قابلیت ثبت سفارش جدید - سخن پایانی