آموزش کاربردی Typescript سبز لرن
- دستهبندی: برنامه نویسی
- سایت سازنده: سبز لرن
- مدتزمان دوره: 14 ساعت
- تعداد جلسات: 139 جلسه
این دوره از سمت ربات تلگرامی رایگان کده قابل دانلود است!
این دوره تا آخرین پارت منتشر شده از سوی سازنده (تعیین تایپ Response با تایپ اسکریپت - سخن پایانی) قرار گرفته است!
این دوره بدون هیچ لایسنس و قفل نرم‌افزاری با فرمت MP4 قرار گرفته است!
تاریخ بروزرسانی این دوره در رایگان کده ۲۸ آبان ۱۴۰۳ است.
حتمالا براتون جالب شده که تایپ اسکریپت چه ویژگی هایی داره که باید در پروژه های بزرگ جاوا اسکریپتی از اون استفاده کرد؟ جواب این سوال همون دلیلی هست که باعث شد سبزلرن تصمیم به تدوین دوره آموزشی تایپ اسکریپت بگیره. پس در ادامه با ما همراه باشید.
واقعیت اینه که جاوا اسکریپت به دلیل ساختار و سینتکس خاصی که داره، معمولا فرآیند خطایابی و توسعه اون از زبان های ساختاریافته تری مثل جاوا و سی شارپ کمی کندتر و ضعیف تره و این چیزی نیست که شرکت های بزرگی مثل مایکروسافت بتونن تحمل کنن. برای همین اومدن با انجام تغییرات و بهینه سازی در کدهای جاوا اسکریپت، زبان بهینه تر و سریع تری به نام تایپ اسکریپت رو معرفی کردن که خوشبختانه تمام کدهای جاوا اسکریپت در اون قابل استفاده هست.
هدف این تایپ اسکریپت، کدنویسی آسان با کم‌ترین میزان خطا و استفاده از ویژگی‌های پیشرفته‌ی زبان‌های شی‌گرا، جهت نوشتن برنامه‌های سمت سرور و سمت کاربر هست. جالبه بدونید تایپ اسکریپت با تکنولوژی هایی مثل ReactJs , VueJs, NodeJs, AngularJs هم کاملا سازگاره و پس از کامپایل، می‌توانید مطمئن بشید که خروجی نهایی کد شما با انواع مرورگرها سازگار خواهد بود.
همچنین اگر شما علاقمه مند به یادگیری فریم ورکی مثل AngularJs باشید، بهتره اول تایپ اسکریپت رو خیلی خوب مسلط شده و بعد وارد این فریم ورک قدرتمند چون برای نوشتن کد های جاوا اسکریپت در این فریم ورک، باید کدهای خودتون رو به صورت تایپ اسکریپت بنویسید.
اگر شما الان به جاوا اسکریپت مسلط هستید و استانداردECM6 رو خیلی خوب بلد باشید، میتونید به راحتی تایپ اسکریپت رو یاد بگیرید و استفاده کنید چون همونطور که اشاره کردیم، سینتکس TypeScript شباهت زیادی با Javascript و EC6 داره و میشه از تمام کد های جاوا اسکریپت در تایپ اسکریپت استفاده کرد.
یکی از مهم ترین دلایل محبوبیت زبان برنامه نویسی تایپ اسکریپت اینه که به شما کمک میکنه خطاهارو قبل از اجرای کدها مشاهده کنید. این قابلیت باعث میشه تا فرآیند خطایابی و رفع اونها خیلی سریع تر ساده تر انجام بشه و کدهایی اصطلاحا ترو تمیزتر بنویسید.
در اهمیت یادگیری تایپ اسکریپت همین بس که شرکت های معتبر، تسلط به اون رو جزو ضروریات استخدام برنامه نویس جاوا اسکریپت میدونن و کسانی که به تایپ اسکریپت مسلط باشن شانس خیلی خیلی بالاتری نسبت به دیگران دارن.
چه زمانی از تایپ اسکریپت استفاده کنیم؟
در کار انفرادی و زمانی که فقط یک نفر روی پروژه کار میکنه (مثلا یک پروژه فریلنسری) میشه گفت خود جاوا اسکریپت به تنهایی میتونه کافی باشه و نیازی به تایپ اسکریپت نیست. البته اگه قرار باشه در آینده اون پروژه توسعه پیدا کنه و بزرگ تر بشه، بهتره حتما از ابتدا با تایپ اسکریپت تولید بشه تا توسعه پذیری و دیباگ راحت تری پیش رو داشته باشید.
اما اگر کار تیمی هست و قراره یک تیم روی اون پروژه کار کنن (مثلا تیم شرکت یا یک تیم فریلنسری) پیشنهاد میشه حتما از تایپ اسکریپت در پروژه استفاده بشه تا همه اعضای تیم، یک ذهنیت و درک مشترک از اون کدها داشته باشن و روند توسعه کاملا استاندارد و منطقی پیش بره. در غیر این صورت کار تیمی با پیچیدگی هایی که جاوا اسکریپت داره کمی سخت تر خواهد بود و قطعا زمان بیشتری نسبت به تایپ اسکریپت رو باید صرف تست و توسعه پروژه کرد.
تو این دوره دقیقا چی یاد می گیریم؟
شما در این دوره تمام مفاهیم و کاربردهای اصلی تایپ اسکریپت رو به طور کامل یاد میگیرید. از جمله :
- استفاده از تایپ اسکریپت در پروژه هایی که با جاوا اسکریپت خام نوشته شدن
- نحوه استفاده از قالب های شی گرایی در تایپ اسکریپت که یکی از چالش های اساسی توسعه دهنده هاست
- در قالب پروژه هایی مثل To Do List و سبد خرید در ReactJs، NodeJs و VueJs یاد میگیرید چطور از تایپ اسکریپت در این تکنولوژی های جذاب استفاده کنید.
- روش های دیباگ سریع با تایپ اسکریپت برای داشتن کدهایی کوتاه تر، بهینه تر و تمیزتر!
- نحوه استفاده از کتابخانه های جاوا اسکریپتی در تایپ اسکریپت
و کلی مطلب دیگه که به شما کمک میکنه هر آن چه در مورد تایپ اسکریپت نیاز هست بدونید رو آموزش ببینید و پروژه های حرفه ای تری تولید کنید.
- معرفی دوره
- تایپ اسکریپت چیه؟
- نصب تایپ اسکریپت
- چطور کد تایپ اسکریپت رو کامپایل کنیم؟
- آشنایی با مفاهیم 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 با تایپ اسکریپت – سخن پایانی
- این دوره مناسب چه کسانی است؟
- کسانی که دوست دارید پیچیدگی های زبان محبوب جاوا اسکریپت رو کمتر کنید و سریع تر و تمیزتر کدنویسی کنید.
- اگر قصد دارید به عنوان یک برنامه نویس سمت کاربر یا سرور جاوا اسکریپت، به آخرین تکنولوژی در این حوزه برسید.
- این دوره مناسب چه کسانی نیست؟
- اگر با جاوا اسکریپت آشنایی و تسلط کافی ندارید این دوره مناسب شما نیست.
پیش نیاز اصلی و اساسی یادگیری تایپ اسکریپت، تسلط عمیق روی جاوا اسکریپت هست که باید به خوبی بلد باشید و قبل از این دوره حداقل دو الی سه پروژه خیلی خوب با جاوا اسکریپت توسعه داده باشید. در این صورت بهترین زمان ورود به این دوره خواهد بود.
اگر هم سطحتون بالاتر هست و با تکنولوژی های جدیدی مثل React ، NodeJs و VueJs کار می کنید و قصد دارید از تایپ اسکریپت در این تکنولوژی ها استفاده کنید، قطعا باید روی همون هم مسلط بوده و چندین پروژه خوب توسعه داده باشید تا بهترین نتیجه رو بگیرید. هرچه این سلسله مراتب آموزشی رو منظم تر کنید، مطالب هم در بهترین زمان به مغز شما می رسن و هیچ چیز سخت و پیچیده ای پیش روی خودتون نمی بینید.
توصیه سبزلرن اینه که شما اول ویدیوها رو ببینید. اگه مطلب تئوری آموزش داده شد، از طریق جستجوی گوگل تحقیقات بیشتری در موردش انجام بدید تا دیدتون بازتر بشه و بعد شروع به کدنویسی کنید.
اما زمانی که وارد پروژه های اصلی دوره میشید، شما باید قبل از هر جلسه که استاد بخش خاصی از قالب رو پیاده سازی میکنه، اون بخش رو کد نویسی کرده باشید و بعد ویدیوی اون جلسه رو ببینید تا با کد خودتون مقایسه کرده و چالش هایی که داشتید رو از طریق اون جلسه رفع کنید. این روش بهترین تجربه ما بوده و هست.
اگر هم به باگ یا مشکل خوردید اول جستجو می کنید تا ذهنتون کاملا روحیه جستجوگری و پیگیری پیدا کنه و اگه به هر دلیلی به نتیجه نرسیدید، خیلی راحت میتونید سوال یا مشکل خودتون رو با پشتیبان ها و اساتید سبزلرن مطرح کنید تا در سریع ترین زمان ممکن رفع بشه.
با این روش شما خیلی زود به مطالب مسلط میشید و اون خروجی رو به دست میارید اما اگه شما با روش های آموزشی دیگه راحت تر هستید قطعا انتخاب با شماست.
تمام اون چیزی که شما برای کسب درامد نیاز دارید از قبیل اموزش جامع، پشتیبانی خوب، تمرینات و آزمون، پادکست در زمینه کسب درامد و… به شما داده شده و قطعا تا روزی که شما نیاز به کمک داشته باشید ما در کنار شما خواهیم بود تا به نتیجه ای که میخواید برسید. اساسا هدف سبزلرن از این دوره ها رسوندن دانشجو به اولین درامد هست نه صرفا بزرگتر کردن انبار اطلاعات!
در دنیای برنامه نویسی امروز، یکی از نیاز های بازار کار برای یک متخصص جاوا اسکریپت، تسلط به تایپ اسکریپت هست. بنابراین اگر دوره آموزش تایپ اسکریپت سبزلرن رو بگذرونید و با تمرین و پشتکار به تسلط خوبی برسید، بازار کار خودش به دنبال شما میگرده و شانس شما برای استخدام و همکاری با پروژه ها یا شرکت های بزرگ خیلی خیلی بیشتر میشه.
مدیریت عالی پروژه، کد نویسی تمیز و خوانا، دیباگ راحت تر و…. از مزایای استفاده از تایپ اسکریپت هست که باعث میشه آشنایی با اون به عنوان یک تمایز اساسی برای انتخاب برنامه نویس جاوا اسکریپت لحاظ بشه و همین مسئله باعث میشه متخصص تایپ اسکریپت همیشه بازار کار خوبی داشته باشه.
