آموزش تایپ اسکریپتی که برای ReactJS With Projects نیاز دارید
The Typescript you need for ReactJS With Projects
آنچه یاد خواهید گرفت
نوشتن و کامپایل کد Typescript
از Typescript برای ساخت برنامه های جاوا اسکریپت استفاده کنید
از انواع و رابط های TypeScript برای بهبود کیفیت، خوانایی و نگهداری کد استفاده کنید
پروژه های React را با TypeScript تنظیم کنید
از TypeScript با اجزای React استفاده کنید
برنامه های React را با TypeScript بسازید
برنامه‌های React موجود را به برنامه‌های Typescript تبدیل کنید
گرفتن خطاها با Typescript
منطق کد را با Typescript بنویسید
این دوره چیست؟
TypeScript یک ابر مجموعه تایپ شده از جاوا اسکریپت است که به جاوا اسکریپت ساده کامپایل می شود. TypeScript تایپ استاتیک اختیاری را به جاوا اسکریپت اضافه می کند و پشتیبانی ابزار بهتری را در هر مقیاسی ارائه می دهد. TypeScript یک زبان رایگان و متن باز است که توسط مایکروسافت توسعه و نگهداری می شود.
TypeScript یک انتخاب عالی برای ساخت برنامه های بزرگ با جاوا اسکریپت است. این می تواند به شما کمک کند تا خطاها را زودتر تشخیص دهید، خوانایی کد را بهبود بخشد و کد شما را قابل نگهداری تر کند. TypeScript همچنین برای پروژه هایی که باید با توسعه دهندگانی که با جاوا اسکریپت آشنایی ندارند به اشتراک گذاشته شود، گزینه خوبی است.
در اینجا چند نمونه خاص از اینکه TypeScript چگونه می تواند برای پروژه های شما مفید باشد آورده شده است:
کاهش زودهنگام خطاها: سیستم نوع TypeScript می تواند به شما کمک کند قبل از اینکه خطاها در زمان اجرا مشکل ایجاد کنند، زودتر خطاها را تشخیص دهید. برای مثال، اگر سعی کنید متدی را روی شی ای فراخوانی کنید که آن متد را ندارد، TypeScript به شما خطا می دهد. این می تواند به شما کمک کند از بروز اشکالات و سردرد در جاده جلوگیری کنید.
بهبود خوانایی کد: سیستم تایپ اسکریپت می تواند به شما کمک کند خوانایی کد خود را با مشخص کردن انواع داده هایی که استفاده می شود بهبود بخشید. به عنوان مثال، اگر متغیری دارید که به عنوان رشته تعریف شده است، TypeScript می داند که شما فقط می توانید رشته هایی را به آن متغیر اختصاص دهید. این می تواند به شما کمک کند از خطا جلوگیری کنید و کد شما را راحت تر درک کنید.
افزایش قابلیت نگهداری کد: سیستم نوع TypeScript می‌تواند به شما کمک کند تا قابلیت نگهداری کد خود را با آسان‌تر کردن درک و به‌روزرسانی آن افزایش دهید. به عنوان مثال، اگر نیاز به تغییر نوع متغیر داشته باشید، TypeScript به طور خودکار تمام کدهایی را که از آن متغیر استفاده می کند به روز می کند. این می تواند زمان و سردرد زیادی را برای شما ذخیره کند.
ایجاد پایگاه های کد مشترک: از TypeScript می توان برای ایجاد پایگاه های کد مشترک با توسعه دهندگانی که با جاوا اسکریپت آشنایی ندارند استفاده کرد. این به این دلیل است که TypeScript به جاوا اسکریپت ساده کامپایل می شود، بنابراین توسعه دهندگانی که TypeScript را نمی دانند همچنان می توانند کد TypeScript را اجرا و اشکال زدایی کنند.
به طور کلی، TypeScript یک زبان قدرتمند است که می تواند به شما در ساخت برنامه های جاوا اسکریپت بهتر کمک کند. اگر به دنبال راهی برای بهبود کیفیت، خوانایی و قابلیت نگهداری کد جاوا اسکریپت خود هستید، TypeScript یک گزینه عالی است، بسیار خوب است، شما را در درس بعدی ما می بینیم.
معرفی Introduction
-
معرفی Introduction
-
Typescript چیست و چرا از آن استفاده می کنیم What is Typescript and why use it
-
جاوا اسکریپت مورد نیاز برای React (یا Vue، Angular، Node) The Javascript you need for React (or Vue, Angular, Node)
-
برپایی Setup
ویژگی های Core Typescript + پروژه ها: آنچه شما نیاز دارید Core Typescript Features + Projects: WHAT YOU NEED
-
باید بخوانید: چگونه پروژه ها را راه اندازی کنیم MUST READ: HOW TO SETUP PROJECTS
-
سلام دنیا Hello World
-
انواع - برنامه شمارنده Types - Counter App
-
Arrays - Autocars App Arrays - Autocars App
-
تاپل ها Tuples
-
اشیاء، انواع و رابط ها Objects, Types and Interfaces
-
Enums Enums
-
توابع و انواع اتحادیه Functions and Union Types
تایپ اسکریپت با React + Project Typescript with React + Project
-
باید بخوانید: چگونه پروژه را راه اندازی کنیم MUST READ: HOW TO SETUP PROJECT
-
Typescript - React: HelloWorld Typescript - React: HelloWorld
-
JSX و کامپوننت ها JSX and Components
-
رابط کاربری سرصفحه Header UI
-
قلاب و لوازم جانبی Hooks and Props
-
رابط کاربری محصول Product UI
-
قابلیت جستجو Searching Functionality
-
پاپ آپ محصول Product Popup
React Project را به Typescript تبدیل کنید Convert React Project to Typescript
-
React را به Typescript تبدیل کنید Convert React to Typescript
بعدش چی؟ What Next?
-
این کار را انجام دهید Do this
https://donyad.com/d/de3eca
Desmond Oben A
مربی جاوا اسکریپت، مدرس و توسعه دهنده نرم افزار آزاد
نمایش نظرات