دوره کدنویسی TypeScript 2022

استفاده از TypeScript را به زاویه ای محدود نکنید! اصول اولیه، ویژگی های آن، گردش کار و نحوه استفاده از آن را یاد بگیرید!

عنوان اصلی : Understanding TypeScript - 2022 Edition

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

شروع به کار:
به انجمن آموزشی ما بپیوندید
نصب و استفاده از TypeScript
مبانی و انواع پایه تایپ اسکریپت:
معرفی ماژول
استفاده از انواع
انواع تایپ اسکریپت در مقابل انواع جاوا اسکریپت
مهم: Type Casing
کار با اعداد، رشته ها و بولی ها
تخصیص نوع و استنتاج نوع
درک انواع
انواع شی
اشیاء و انواع تودرتو
انواع آرایه ها
کار با Tuples
کار با Enums
نوع "هر".
انواع اتحادیه
انواع تحت اللفظی
نوع مستعار / انواع سفارشی
نام مستعار و انواع شیء را تایپ کنید
انواع و مفاهیم اصلی
انواع بازگشت تابع و "باطل"
به عنوان نوع عمل می کند
انواع عملکرد و پاسخ به تماس ها
توابع و انواع
نوع "ناشناخته".
نوع "هرگز".
بپیچید
منابع و پیوندهای مفید
کامپایلر TypeScript (و پیکربندی آن):
معرفی ماژول
استفاده از "حالت تماشا"
کامپایل کل پروژه / چندین فایل
شامل و حذف فایلها
تنظیم یک هدف کامپایل
آشنایی با TypeScript Core Libs
تنظیمات و تنظیمات بیشتر
کار با Source Maps
rootDir و outDir
توقف انتشار فایل در خطاهای کامپایل
تدوین دقیق
گزینه های کیفیت کد
اشکال‌زدایی با کد ویژوال استودیو
بپیچید
منابع و پیوندهای مفید
جاوا اسکریپت و نوع اسکریپت نسل بعدی:
معرفی ماژول
"let" و "const"
توابع پیکان
پارامترهای تابع پیش فرض
اپراتور Spread (...)
پارامترهای استراحت
آرایه و تخریب شی
چگونه کد کامپایل و بسته بندی می شود
منابع و پیوندهای مفید
کلاس ها و رابط ها:
معرفی ماژول
کلاس ها چیست؟
ایجاد کلاس اول
کامپایل به جاوا اسکریپت
توابع سازنده و کلمه کلیدی "این".
اصلاح کننده های دسترسی "خصوصی" و "عمومی".
راه‌اندازی کوتاه‌نویسی
خواص "readonly".
اصول کلاس
ارث
ویژگی های نادیده گرفته و اصلاح کننده "محافظت شده".
گیرنده و تنظیم کننده
روش‌ها و ویژگی‌های استاتیک
کلاس های چکیده
سینگلتون ها و سازندگان خصوصی
کلاس ها - خلاصه
کلاس ها
اولین رابط
استفاده از رابط ها با کلاس ها
چرا رابط ها؟
خواص رابط Readonly
گسترش رابط ها
رابط ها به عنوان انواع توابع
پارامترها و خصوصیات اختیاری
کامپایل رابط ها به جاوا اسکریپت
رابط ها
بپیچید
منابع و پیوندهای مفید
انواع پیشرفته:
معرفی ماژول
انواع تقاطع
اطلاعات بیشتر در مورد Type Guards
اتحادیه های تبعیض آمیز
Casting را تایپ کنید
ویژگی های شاخص
بارهای بیش از حد عملکرد
زنجیربندی اختیاری
ادغام باطل
انواع پیشرفته
بپیچید
منابع و پیوندهای مفید
عمومی:
معرفی ماژول
جنریک داخلی و ژنریک چیست؟
ایجاد یک تابع عمومی
کار با محدودیت ها
یک تابع عمومی دیگر
محدودیت "keyof".
کلاس های عمومی
اولین خلاصه
انواع ابزار عمومی
انواع عمومی در مقابل انواع اتحادیه
ژنریک
منابع و پیوندهای مفید
دکوراتورها:
معرفی ماژول
یک دکوراتور درجه یک
کار با کارخانه های دکوراتور
ساخت دکوراتورهای مفیدتر
افزودن چند دکوراتور
غواصی در دکوراتورهای املاک
تزیین کننده های دسترسی و پارامتر
دکوراتورها چه زمانی اجرا می شوند؟
بازگرداندن (و تغییر) یک کلاس در یک دکوراتور کلاس
سایر انواع برگشت دکوراتور
مثال: ایجاد یک دکوراتور "Autobind".
اعتبار سنجی با دکوراتورها - مراحل اول
اعتبار سنجی با دکوراتورها - به پایان رسید
رفع یک اشکال اعتبار سنجی
بپیچید
منابع و پیوندهای مفید
زمان تمرین! بیایید یک پروژه Drag & Drop بسازیم:
معرفی ماژول
شروع به کار
انتخاب عنصر DOM و ارائه OOP
تعامل با عناصر DOM
ایجاد و استفاده از دکوراتور "Autobind".
در حال واکشی ورودی کاربر
ایجاد یک قابلیت اعتبارسنجی قابل استفاده مجدد
ارائه لیست پروژه ها
مدیریت وضعیت برنامه با Singletons
کلاس ها و انواع سفارشی بیشتر
فیلتر کردن پروژه ها با Enums
افزودن وراثت و ژنریک
ارائه آیتم های پروژه با یک کلاس
استفاده از Getter
استفاده از رابط ها برای پیاده سازی Drag & Drop
رویدادها را بکشید و وضعیت فعلی را در UI منعکس کنید
افزودن یک ناحیه قابل رها کردن
تمام کشیدن و رها کردن
بپیچید
منابع و پیوندهای مفید
ماژول ها و فضاهای نام:
معرفی ماژول
نوشتن کد ماژول - گزینه های شما
کار با فضاهای نام
سازماندهی فایل ها و پوشه ها
مشکل با وارد کردن فضای نام
مهم: از Chrome یا Firefox استفاده کنید
استفاده از ماژول های ES
درک نحوهای مختلف واردات و صادرات
کد در ماژول ها چگونه اجرا می شود؟
Wرپ تا
منابع و پیوندهای مفید
استفاده از Webpack با TypeScript:
معرفی ماژول
Webpack چیست و چرا به آن نیاز داریم؟
نکته ای درباره NodeJS
نصب پک وب و وابستگی های مهم
افزودن پیکربندی ورودی و خروجی
افزودن پشتیبانی TypeScript با بسته ts-loader
پایان راه‌اندازی و افزودن webpack-dev-server
افزودن یک گردش کار تولید
بپیچید
منابع و پیوندهای مفید
کتابخانه‌ها و TypeScript شخص ثالث:
معرفی ماژول
استفاده از کتابخانه های جاوا اسکریپت (!) با TypeScript
استفاده از "اعلام" به عنوان "آخرین راه حل"
بدون نیاز به انواع: class-transformer
TypeScript-Embracing: class-validator
بپیچید
منابع و پیوندهای مفید
زمان تمرین است! بیایید یک برنامه «انتخاب و اشتراک‌گذاری مکان» (از جمله Google Maps) بسازیم:
معرفی ماژول
تنظیم پروژه
دریافت ورودی کاربر
تنظیم کلید Google API
استفاده از Axios برای واکشی مختصات برای یک آدرس وارد شده
ارائه نقشه با Google Maps (شامل انواع!)
کار با Maps بدون کارت اعتباری
منابع و پیوندهای مفید
React.js و TypeScript:
معرفی ماژول
راه اندازی یک پروژه React + TypeScript
React + TypeScript چگونه با هم کار می کنند؟
کار با Props و Types for Props
دریافت ورودی کاربر با "refs"
ارتباطات متقابل
کار با State & Types
مدیریت بهتر ایالت
لوازم بیشتر و کارهای دولتی
افزودن استایل
انواع سایر ویژگی‌های React (مانند Redux یا Routing)
بپیچید
منابع و پیوندهای مفید
Node.js + Express & TypeScript:
معرفی ماژول
اجرای کد TypeScript با Node.js
راه اندازی یک پروژه
راه اندازی و کار با انواع (در Node + Express Apps) به پایان رسید
افزودن میان افزار و انواع
کار با کنترل‌کننده‌ها و بدنه‌های درخواست تجزیه
عملیات CRUD بیشتر
بپیچید
منابع و پیوندهای مفید
خلاصه دوره:
خلاصه