دوره آموزشی
The Great Courses
دوبله زبان فارسی

دوره React + TypeScript: آموزش اساسی

دوره React + TypeScript: آموزش اساسی

✅ سرفصل و جزئیات آموزش

آنچه یاد خواهید گرفت:

  • اصول React با TypeScript
  • ایجاد رابط های کاربری وب و وب اپلیکیشن های مدرن و واکنش گرا با استفاده از React
  • مدیریت استیت ها در React
  • پاسخ به درخواست یا ارسال درخواست به یک API سمت سرور در React
  • پاسخ به رویدادهای DOM در React
  • یادگیری استفاده از TypeScript در پروژه React.
  • ایجاد و مدیریت کامپوننت های React
  • استفاده از TailwindCSS برای طراحی
  • ایجاد وب اپلیکیشن های آماده برای تولید در دنیای واقعی
  • تعریف نوع داده با TypeScript
  • ایجاد و تعامل با فرم ها در React
  • اعتبارسنجی فرم ها در React
  • مدیریت خطا و اشکال‌زدایی
  • استفاده از کتابخانه های شخص ثالث NPM برای گسترش قابلیت های اپلیکیشن خود
  • نگهداری داده در ذخیره محلی مرورگر
  • انتشار اپلیکیشن React در تولید (Vercel)
  • انتشار اپلیکیشن React در تولید (سرور VPS مدیریت شده خود)
  • ایجاد اپلیکیشن های تک صفحه ای (SPA) با React
  • ایجاد مسیرهای اپلیکیشن با استفاده از React Router

پیش نیازهای دوره

  • این دوره نیازمند دانش اولیه از HTML ،CSS و JavaScript است.
  • آشنایی با TypeScript مفید است، اما الزامی نیست.
  • یک ارتباط اینترنتی پایدار برای ایجاد یک پروژه جدید React و نصب بسته‌های شخص ثالث
  • یک کامپیوتر مک یا ویندوز (لپ‌تاپ یا دسکتاپ)

توضیحات دوره

ReactJS + TypeScript: آموزش اساسی ورود دوستانه شما به دنیای هیجان‌انگیز توسعه وب است که به‌ویژه برای آسان‌تر کردن یادگیری React با TypeScript طراحی شده است. این دوره برای راهنمایی مبتدیان در زمینه‌های ضروری ساخت وب اپلیکیشن‌های پویا طراحی شده است و تضمین می‌کند که منحنی یادگیری به‌دور از اصطلاحات فنی پیچیده باشد.

با شروع از React، مرکز این دوره، شما به‌سرعت وارد ایجاد کامپوننت‌ها می‌شوید که عناصر اساسی هستند که وب اپلیکیشن‌های شما را زنده می‌کنند. ما تأکید زیادی بر مهارت‌های عملی داریم، مانند مدیریت استیت های کامپوننت که برای ایجاد تجربیات کاربری واکنش گرا و تعاملی بسیار مهم است. همچنین هنر ساختن فرم‌ها در React را به تسلط خواهید رساند، که مهارت حیاتی برای جمع‌آوری ورودی و بازخورد کاربر است.

ناوبری در اپلیکیشن شما به زودی یک راز نخواهد بود؛ با React Router، به‌راحتی قابلیت‌های ناوبری و مسیر را اضافه خواهید کرد و تجربه کاربری را به‌طور قابل توجهی افزایش می‌دهید. متصل کردن اپلیکیشن شما به APIهای سمت‌سرور دنیای جدیدی از امکانات را می‌گشاید و به اپلیکیشن‌های شما این امکان را می‌دهد که با داده‌ و خدمات خارجی تعامل داشته باشند.

استقرار اپلیکیشن شما ممکن است به‌نظر آزاردهنده بیاید، اما ما از طریق فرآیند قدم به قدم شما را راهنمایی خواهیم کرد و اطمینان حاصل خواهیم کرد که آماده‌ای تا پروژه‌تان را با اعتماد به نفس راه‌اندازی کنید. در مورد TypeScript، اصول آن را به‌صورتی آسان و قابل‌فهم معرفی می‌کنیم، و نشان می‌دهیم که چگونه می‌تواند فرآیند توسعه شما را کارآمدتر و اپلیکیشن‌های شما را قابل‌اعتمادتر کند.

در انتهای این دوره، شما اصول محکمی در React با TypeScript خواهید داشت و با مهارت‌هایی آماده‌اید که پروژه‌های توسعه‌ای خود را شروع کنید. ReactJS + TypeScript: آموزش اساسی فقط یک دوره نیست؛ این نخستین گام شما به دنیای وسیع‌تری از توسعه وب است که در انتظار باز کردن درهایی به سوی امکانات بی‌پایان است.

این دوره برای چه کسانی مناسب است؟

  • این دوره برای مبتدیان در توسعه فرانت‌اند است که مشتاق‌اند React را به عنوان کتابخانه/فریم‌ورک موردنظر خود یاد بگیرند.
  • دانش‌آموزانی که می‌خواهند بیاموزند چگونه از TypeScript در اپلیکیشن‌های React خود استفاده کنند.
  • برای یادگیرندگانی که مشتاق‌اند به سرعت اصول اصلی React را بیاموزند و بخواهند در عرض چند ساعت آموزش، اپلیکیشن‌های React را توسعه دهند.
  • مبتدیان توسعه‌دهنده ReactJS که می‌خواهند از TypeScript استفاده کنند تا کدهای خود را کمتر در معرض خطا قرار دهند.

دوره React + TypeScript: آموزش اساسی

  • خوش آمدگویی 01:34
  • پیش نیازها 01:07
  • ری اکت چیست؟ 02:20
  • راه اندازی محیط توسعه 02:44
  • ایجاد اولین اپلیکیشن React شما 03:43
  • مروری بر ساختار پروژه 02:51
  • React زیر هود 02:59
  • مقدمه 01:11
  • ایجاد یک کامپوننت React 05:19
  • Fragmentهای React 04:13
  • نمایش لیست داده‌ 06:46
  • رندرینگ شرطی 04:01
  • مدیریت رویدادهای DOM 07:57
  • کار بر روی استیت کامپوننت 07:57
  • ارسال داده از طریق props 06:11
  • ارسال توابع از طریق props 05:15
  • تفاوت بین props و state 02:15
  • ارسال فرزندان به یک کامپوننت 04:03
  • معرفی ابزارهای توسعه React 02:11
  • props اختیاری و تنظیم مقادیر پیش‌فرض prop 06:35
  • تمرین: ساخت یک بنر هشدار - راه‌حل! 06:36
  • کامپوننت‌های React: آزمون None
  • مقدمه 00:38
  • طراحی با CSS خالص و سازماندهی برگه‌های استایل 07:00
  • رفع تضادهای استایل با ماژول‌های CSS 05:01
  • اعمال CSS درون خطی 02:09
  • کامپوننت‌های استایل‌دار در React 05:59
  • استفاده از فریم‌ورک‌های CSS 09:15
  • آیکون‌های React و سایر دارایی‌ها 06:42
  • تمرین - طراحی کارت‌ها 05:21
  • طراحی None
  • دارایی‌ها None
  • مقدمه 00:57
  • درک Hook استیت 03:31
  • ساختارهای استیت 04:01
  • کامپوننت‌های خالص 03:19
  • حالت سخت‌گیرانه React 02:02
  • کار با استیت - بروزرسانی آبجکت 02:58
  • کار با استیت - بروزرسانی آبجکت تو در تو 03:01
  • کار با استیت - بروزرسانی آرایه‌ها 02:38
  • کار با استیت - بروزرسانی آرایه‌ای از آبجکت ها 02:49
  • اشتراک استیت ها با دیگر کامپوننت‌ها 07:42
  • استخراج props رابط 03:26
  • استفاده از Immer برای ساده‌سازی بروزرسانی‌های استیت 06:30
  • تمرین - بروزرسانی آبجکت، آبجکت تو در تو، آرایه 08:46
  • مقدمه 00:41
  • ساخت فرم‌ها و مدیریت ارسال فرم 06:36
  • دسترسی به فیلدهای ورودی فرم 09:21
  • استفاده از Hook استیت برای مدیریت فیلدهای ورودی 05:16
  • سریعا فرم‌ها را با استفاده از React Hook Form بسازید 06:34
  • اعتبارسنجی ورودی‌های فرم 07:07
  • اعتبارسنجی مبتنی بر طرح با استفاده از Zod 10:52
  • فعال کردن کنترل‌های فرم هنگام اعتبارسنجی 05:29
  • تمرین - اعتبارسنجی فرم ورود 08:11
  • پیش‌نمایش - اپلیکیشن یادداشت‌برداری 03:42
  • ساختار اولیه اپلیکیشن، تنظیم مرتب‌سازی خودکار کلاس‌های TailwindCSS 08:30
  • ساخت کامپوننت تب (کامپوننت تب DaisyUI) 08:52
  • ساخت فرم افزودن ورودی دفتر یادداشت با استفاده از کامپوننت‌های DaisyUI 07:41
  • افزودن اعتبارسنجی ورودی به فرم ورودی دفتر یادداشت 13:38
  • ذخیره ورودی دفتر یادداشت در LocalStorage 10:35
  • نمایش یک دیالوگ موفقیت پس از انتشار 04:40
  • نمایش ورودی‌های دفتر یادداشت به فرمت شبکه‌ای 10:47
  • بهبود تجربه کاربری لیست یادداشت‌ها و استفاده از فونت سفارشی 07:43
  • مشاهده ورودی دفتر یادداشت - بخش 1 07:41
  • مشاهده ورودی دفتر یادداشت - بخش 2 07:43
  • حذف ورودی دفتر یادداشت 06:52
  • مقدمه 02:42
  • نصب و راه‌اندازی React Router 06:09
  • ساخت ناوبری روتر 09:36
  • پارامترهای مسیر 06:53
  • مدیریت هدر سند، عنوان و تگ‌های متا 08:23
  • استفاده از React Helmet برای هدر سند 05:02
  • مقدمه 01:14
  • درک Hook اثر 04:07
  • وابستگی‌های useEffect 10:23
  • پاکسازی useEffect 03:25
  • دریافت داده از API دور 09:07
  • درک درخواست‌های HTTP 03:19
  • مدیریت خطا 02:59
  • Async و Await 04:07
  • لغو یک درخواست HTTP 03:47
  • نمایش یک بارگذار صفحه 05:14
  • حذف داده با درخواست HTTP DELETE 06:58
  • ایجاد داده با درخواست POST 08:13
  • بروزرسانی داده‌ها با درخواست PATCH 06:20
  • ایجاد یک کلاینت API قابل استفاده مجدد 05:04
  • ایجاد یک سرویس کاربری 10:14
  • ایجاد یک سرویس HTTP جهانی 11:46
  • ایجاد یک Hook سفارشی برای fetching داده‌ 06:23

4,958,800 1,239,700 تومان

مشخصات آموزش

دوره React + TypeScript: آموزش اساسی

  • تاریخ به روز رسانی: 1404/12/10
  • سطح دوره:مقدماتی
  • تعداد درس:89
  • مدت زمان :08:19:13
  • حجم :3.55GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
7,256,500 1,451,300 تومان
  • زمان: 09:44:25
  • تعداد درس: 67
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
2,260,000 452,000 تومان
  • زمان: 03:02:02
  • تعداد درس: 14
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
795,000 159,000 تومان
  • زمان: 58:00
  • تعداد درس: 12
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
19,403,000 3,880,600 تومان
  • زمان: 26:02:40
  • تعداد درس: 175
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,508,000 1,701,600 تومان
  • زمان: 11:25:13
  • تعداد درس: 94
  • سطح دوره:
  • زبان: دوبله فارسی
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
1,833,000 366,600 تومان
  • زمان: 02:27:39
  • تعداد درس: 24
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,100,500 1,220,100 تومان
  • زمان: 08:11:21
  • تعداد درس: 28
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
3,634,500 726,900 تومان
  • زمان: 04:52:43
  • تعداد درس: 38
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید