آموزش تایپ اسکریپت (typescript)

توضیحات تدریس

typescript (تایپ اسکریپت) چیست؟ تایپ اسکریپت یک زبان برنامه نویسی هست که در واقع همان جاوااسکریپت هست که بهش syntax تایپ و همچنین امکانات دیگری داده شده است. مشخص کردن تایپ یا نوع داده ذخیره شده هنگام تعریف متغیر، باعث افزایش دقت کدنویسی ما میشود و موقع دیباگ کردن خیلی راحت تر میتونیم متوجه اشتباهات بشیم. پسوند فایل های تایپ اسکریپت ts. هست و این سینتکس قابل اجرا و خوندن توسط مرورگرها نیست، اما یه کامپایلر داره که میتونیم کدنهایی رو بر اساس هر ورژنی از جاوااسکریپت خروجی بگیریم. این کامپایلر تایپ اسکریپت میتواند امکانات خوبی به ما بدهد، که یکیش خروجی بر اساس ورژن پایین تر جاوا اسکریپت هست که بتوانیم بدون مشکل کد ها را روی مرورگر های قدیمی تر اجرا کنیم و همچنین در حین کامپایل خطاها را به ما نشان بدهد، در صورتی که جاوااسکریپت بصورت run-time هست و خطاها در سمت مروگر نمایش داده میشود. اما این تنها قابلیتی نیست که تایپ اسکریپت به ما میدهد. مباحثی که در این دوره گفته میشود شامل : آشنایی با تایپ اسکریپت معرفی تایپ اسکریپت نصب تایپ اسکریپت تایپ های string, number, boolean تایپ object تایپ array و tuple تایپ enum و any تایپ union و alias تایپ return و function type casting و DOM آشنایی با فایل کانفیگی تایپ اسکریپت افزودن فایل کانفیگی و تعیین نسخه کامپایل گزینه sourceMap و rootDir و outDir دیگر گزینه های فایل کانفیگی شی گرایی در تایپ اسکریپت class access modifier وراثت setter و getter متد و خصوصیات static و abstract آشنایی با interface مباحث تکمیلی interface وراثت در interface آشنایی با generic آشنایی با generic constraint در generic generic در کلاس generic های آماده generic در interface آشنایی با decorator آشنایی با decorator ترتیب اجرای decorator ها decorator روی property و accessor decorator روی method پروژه Todo (تسک) معرفی پروژه ui پروژه ایجاد تسک حذف تسک ذخیره، نمایش و حذف تسک ها در localstorage تغییر وضعیت تسک ماژول و namespace آشنایی با namespace استفاده از ماژول ES۶ استفاده از webpack پکیج ها در تایپ اسکریپت deploy (آپلود پروژه روی سرور) تایپ اسکریپت در فریمورک vue.js نصب پروژه vue به همراه تایپ اسکریپت option api (data) option api (methods) composition api (reactive, ref) composition api (function) props تایپ اسکریپت در vuex تایپ اسکریپت در کتابخانه react.js نصب پروژه react به همراه تایپ اسکریپت useState event useReducer useContext useRef props تایپ اسکریپت در redux