فیلم یادگیری کامل TypeScript و ReactJS : با پروژه های واقعی

دوره TypeScript و Reactjs به شما کمک می کند تا React JS & Type Script را با جزئیات با پروژه های React Typescript React به تفصیل درک کنید

عنوان اصلی : Typescript & React JS Course with React & Typescript Project

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

بیایید شروع به یادگیری React JS کنیم:
سوالات متداول در React Js
فایل‌های پروژه React js و اسناد دوره
Let، Const و Var در 3 دقیقه
Node JS را نصب کنید
برنامه React خود را ایجاد کنید
چرا باید یک برنامه React ایجاد کنید؟
شروع به ایجاد React App کنید
آیا می خواهید یاد بگیرید چگونه برنامه React را متوقف کنید؟
اجزای مهم عملکردی React js
سوالات متداول درباره Typescript | تایپ script و Typescript React
این JSX در ReactJS چیست؟ :
استایل سازی درون خطی با JSX در React JS
متغیر جاوا اسکریپت در JSX
React with Props:
سه اصل مولفه
برنامه ساده با React
برنامه استایلینگ با رابط معنایی
ساخت کامپوننت با React JS
تعیین تصویر در React JS
تکثیر مولفه
تودرتوی اجزا
سیستم Props
ارسال وسایل به کودک
نمای کلی مولفه قابل استفاده مجدد
Props Children
React JS Quiz
مولفه های مبتنی بر کلاس:
قطعات مبتنی بر کلاس و مولفه عملکردی
نمای کلی برنامه React جدید
به دست آوردن موقعیت فیزیکی کاربران با React JS
مدیریت عملیات Async در React
تبدیل مولفه عملکردی به جزء مبتنی بر کلاس
State in React:
قوانین ایالتی
راه اندازی حالت اولیه در سازنده
بررسی اجمالی روش چرخه زندگی
رندر مشروط
روش‌های چرخه حیات ReactJS:
روش چرخه زندگی را بشناسید
بازسازی برنامه با روش چرخه حیات
گذراندن حالت به عنوان لوازم
عبارات سه تایی در JSX
نمایش تصویر
Styling The React App
ابزارهای رایگان برنامه‌نویس React
بررسی برنامه عمومی ReactJS
ورودی‌ها، فرم‌ها و رویدادهای کاربر در React JS:
نمای کلی برنامه React JS
طراحی کامپوننت
رسیدگی به فرم ها
Styling App
ایجاد کنترل کننده رویداد
عناصر کنترل شده در مقابل عناصر کنترل نشده
چرا عناصر کنترل شده؟
درک کلمه کلیدی "این" در JS
ارتباط کودک با والدین
فراخوانی تماس در کودکان
درخواست API با React:
در حال واکشی داده ها
Axios در مقابل Fetch
عملکرد انتظار همگام سازی
تنظیم وضعیت
ارائه فهرستی از کامپوننت ها
پیاده سازی مقادیر کلیدی در لیست
چه چیزی از برنامه یاد گرفته ایم؟
React Quiz
ناوبری با روتر React:
راه اندازی اولیه پروژه
روتر React
پیوندها و پیوندها
تغییر مسیرهای برنامه ای
پارامترهای مسیر
برچسب سوئیچ روتر React
React Portal:
چگونه یک مدال ایجاد کنیم؟
چرا React Portals؟
ایجاد پورتال React
React Context & Hooks:
زمینه و قلاب
بیایید شروع به ساخت برنامه خود کنیم
چرا Context API؟
ارائه‌دهنده زمینه
ارائه‌دهنده زمینه - 2
بیایید به وضعیت زمینه بپردازیم
مصرف داده در مؤلفه TodoList
مصرف کننده زمینه
داده های زمینه را به روز کنید
ایجاد زمینه چندگانه با UseContext
از چندین زمینه در داخل یک جزء استفاده کنید
معرفی هوکس
بیایید شروع به ایجاد برنامه کنیم
UseState Hook
UseState with Forms
UseEffect Hook
UseContext Hook
ایجاد زمینه چندگانه
مقدمه ای بر TypeScript:
Typescript Project Files
نمای Birdseye از TypeScript
تنظیمات اولیه برای Typescript
اولین برنامه در اسکریپت تایپ:
بررسی برنامه
چگونه کد TypeScript را اجرا کنیم
یک تنظیم ظریف
گرفتن خطاها در تایپ اسکریپت
گرفتن خطاها 2
انواع در تایپ اسکریپت:
انواع در TypeScript
انواع در TypeScript 2
انواع بیشتر با مثال
در کجا از انواع استفاده می کنیم
نوع نقض و حاشیه نویسی در تایپ اسکریپت:
معرفی نوع Annotation و Infrence
نحوه عملکرد Annotatitons در Typescript
حاشیه نویسی در اطراف اشیا
حاشیه نویسی عملکرد در اسکریپت تایپ
نقض نوع
هر نوع در Typescript:
درک نوع "Any".
رفع «هر نوع»
Annotation را بعداً در Typescript شروع کنید
وقتی نمی توان نوع را استنباط کرد
توابع در TypeScript:
حاشیه نویسی با توابع
تایپ نقض با توابع در تایپ اسکریپت
استفاده از حاشیه نویسی با توابع ناشناس
Never و Void Types در TypeScript
اشیاء برای سه js در Type Script:
تخریب شی با حاشیه نویسی در تایپ اسکریپت
استفاده از حاشیه نویسی با اشیا در اسکریپت تایپ
آرایه ها در Typescript:
آرایه های تایپ شده در تایپ اسکریپت
اطلاعات بیشتر در مورد آرایه های تایپ شده
کار با چندین نوع در اسکریپت تایپ
چه زمانی باید از آرایه های تایپ شده استفاده کنیم
Tuples در Type Script:
قسمت ها به صورت تایپی
بیشتر در مورد Tuples
چه زمانی باید از Tuples در تایپ اسکریپت استفاده کنیم
رابط ها در Typescript :
مقدمه ای بر رابط ها
حاشیه نویسی های نوع طولانی
Refactoring Type Annotaیون ها
نحو رابط ها
توابع در رابط ها
قابلیت استفاده مجدد کد
کلاس ها:
مقدمه ای بر کلاس ها
وراثت تایپ اسکریپت
اصلاح کننده ها
فیلدها
زمینه ها و ارث
پروژه: برنامه ردیابی محموله:
نمای کلی
راه اندازی و پیکربندی بسته وب
ساختار برنامه
داده های تصادفی را با Faker ایجاد کنید
استفاده از نوع فایل های تعریف
صادرات در Typescript
پیکربندی تایپ اسکریپت
تعریف بار
Google Maps را نصب کنید
Google Maps را ادغام کنید
کاوش در فایل های نوع تعریف
استفاده از Modifiers
الصاق نشانگرها روی نقشه
پروژه: برنامه ردیابی محموله:
بهترین راه برای دسترسی به اینترفیس
Typescript انواع را به صورت خودکار بررسی می کند
بیایید پنجره بازشو نشانگر را نشان دهیم
تغییر محتوای پاپ آپ
بهبود یافتن خطا
خلاصه
پروژه: مرتب سازی برنامه در Typescipt React:
نمای کلی
کامپایلر تایپ اسکریپت
اجرای خودکار کد
بیایید وارد پروژه شویم
ایجاد کلاس مرتب سازی
اجرای کلاس مرتب سازی
مشکلات با ساختارهای مختلف داده
استفاده از OR Operator
Typescript Type Guards
محافظ های نوع مفید هستند، اما نه چندان
بیایید مقداری Refactoring انجام دهیم
بیایید کمی بازسازی کنیم - 2
نمای کلی فرم نهایی
بالاخره! بیایید رابط خود را تعریف کنیم
مرتب سازی رشته ها
بیایید یک مسئله آخر را حل کنیم
افزودن روش مرتب سازی به کلاس های دیگر
کلاس مرتب سازی را Refactor کنیم
حل مسائل با کلاس های چکیده
اجرای کلاس های چکیده
Last Refactor
مقایسه رابط ها و کلاس های انتزاعی
React و Typescript:
یک یادآوری کوچک
نمای کلی
برنامه React را با Typescript ایجاد کنید
ایجاد کامپوننت ها در Typescipt React
چگونه از رابط ها استفاده کنیم؟
بیایید به ایالات شیرجه بزنیم
پیچیدگی پنهان حالت مؤلفه
تعریف اجزای عملکردی
بیایید Redux را راه اندازی کنیم
Redux Action Creators
انواع اقدام Redux
بررسی خطای اختیاری
کاهش کننده های ردوکس
اعتبار سنجی فروشگاه Redux
استفاده از تابع اتصال
بیایید موارد فهرست خود را رندر کنیم
چگونه موارد را حذف کنیم؟
فایل‌های مجزا برای اکشن‌سازهای مختلف
بیانیه OR برای اقدامات مختلف
محافظ ها را در کاهنده ها تایپ کنید
افزودن قابلیت حذف موارد
یک مشکل کوچک با فایل های تعریف نوع
نمایش متن در حال بارگیری هنگام واکشی
خلاصه
اضافی:
Typescript با دوره React JS و پروژه های Hands on React