دوره آموزشی

دوبله زبان فارسی

ری اکت مدرن با ریداکس

Name: ری اکت مدرن با ریداکس
Price: 112586000 IRR
Availability: InStock
Author: AI Academy

معرفی
سرفصل

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

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

ایجاد وب اپلیکیشن های پویا با استفاده از آخرین فناوری وب
کسب مهارت های برنامه نویسی مورد نیاز برای به دست آوردن شغل مهندسی نرم افزار
تمرین مهارت های خود با بسیاری از پروژه های بزرگ، تمرین ها و آزمون ها
پیاده‌ سازی ناوبری و مسیریابی سمت کلاینت با استفاده از React Router برای تجربه کاربر چند صفحه‌ ای یکپارچه
استفاده از قدرت تایپ اسکریپت با ری اکت برای شیوه های کدنویسی ایمن‌ تر و کاهش خطاهای ران تایم
تسلط به تکنیک‌ های مدیریت فرم، از جمله الگوهای اعتبارسنجی قوی برای بهبود تجربه ورودی کاربر
بررسی مدیریت state با ریداکس و جعبه ابزار ریداکس برای مدیریت state های پیچیده اپلیکیشن بدون دردسر
کسب مهارت در مدیریت درخواست های API و مدیریت جریان داده در اپلیکیشن های خود
تقویت عملکرد اپلیکیشن با مدیریت state تغییرناپذیر با استفاده از Immer
توسعه جداول داده پویا و واکنش گرا برای نمایش، مرتب سازی و فیلترینگ مجموعه داده های بزرگ به طور موثر
ساده سازی فرآیند توسعه خود با یکپارچه سازی TailwindCSS برای توسعه سریع رابط کاربری

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

یک کامپیوتر مک یا ویندوز

توضیحات دوره

تبریک می گوییم زیرا شما محبوب ترین، کاملترین و بروزترین منبع آنلاین را برای یادگیری ری اکت و ریداکس پیدا کرده اید.

ری اکت محبوب ترین کتابخانه جاوا اسکریپت در پنج سال گذشته است و بازار کار آن هنوز داغتر از همیشه می باشد. شرکت های بزرگ و کوچک نمی توانند مهندسانی را استخدام کنند که ری اکت و ریداکس را به اندازه کافی سریع درک کنند چرا که حقوق مهندسان در همه زمان ها بالا بوده است. اکنون زمان بسیار خوبی برای یادگیری ری اکت می باشد.

آنچه خواهید ساخت

این دوره شامل صدها ویدئو با ده ها نمودار سفارشی برای کمک به شما در درک نحوه عملکرد ری اکت و ریداکس است. هیچ تجربه قبلی در هیچ یک از آن ها لازم نیست. از طریق توضیحات جالب و دقیق و بسیاری از مثال های جالب کاربردی، اصول ساخت وب اپلیکیشن های پویا و لایو را با استفاده از ری اکت خواهید آموخت.

هر مبحث گنجانده شده در این دوره به تدریج اضافه می شود، تا مطمئن شوید که پایه و اساس و دانش خوبی کسب می کنید. شما می توانید بحث های زیادی را اضافه کنید که به شما کمک می کند دقیقاً بفهمید چه وقت و کجا باید از ویژگی های ری اکت و ریداکس استفاده کنید.

علاوه بر تجربیات شما، این دوره تکنیک ها و ابزارهای مدرن را نشان می دهد و شما را با آخرین مهارت های مورد نیاز برای چشم انداز توسعه وب پویا مجهز می کند. شما با ویژگی‌ های پیشرفته مانند Context API برای مدیریت state و TailwindCSS برای استایل دهی، React Router برای ناوبری و تایپ اسکریپت برای افزودن ایمنی نوع به اپلیکیشن های ری اکت خود تجربه عملی خواهید داشت. این رویکرد کل نگر نه تنها تضمین می کند که ری اکت و ریداکس را یاد می گیرید، بلکه اکوسیستم اطراف را نیز یاد می گیرید که توسعه وب مدرن را کارآمد و لذت بخش می کند.

در زیر لیستی جزئی از مباحث تحت پوشش دوره آورده شده است:

تسلط به ویژگی های اساسی ری اکت، از جمله JSX و state و props
از مربع اول تا نحوه ساخت کامپوننت های قابل استفاده مجدد
بررسی عمیق کد منبع ریداکس برای درک نحوه عملکرد آن در پشت صحنه
تست دانش و تقویت مهارت های خود با تمرینات متعدد کدنویسی
استفاده از کتابخانه های محبوب استایل دهی برای ساخت اپلیکیشن های زیبا
بررسی متدهای مختلف ساخت رابط کاربری از طریق ترکیب کامپوننت ها
یکپارچه سازی جعبه ابزار ریداکس برای مدیریت کارآمد state
استفاده از هوک های ری اکت برای منطق کامپوننت شهودی
مدیریت state سراسر اپلیکیشن با Context API با state گلوبال ساده تر
استایل دهی کامپوننت ها با TailwindCSS برای توسعه سریع رابط کاربری
استفاده از تایپ اسکریپت با ری اکت برای کد ایمن تر و قابل پیش بینی تر
پیاده سازی ناوبری در اپلیکیشن خود با React Router
استفاده از ریداکس با فرم‌ ها برای بروزرسانی state ثابت و تجربه کاربر
یادگیری استفاده از پورتال ها برای رندرینگ کامپوننت های خارج از سلسله مراتب DOM
توسعه و تعامل با APIs برای اپلیکیشن های داده محور
تسلط به پیاده سازی جداول داده برای مدیریت و نمایش مجموعه داده های بزرگ
آشنایی با Immer برای نوشتن آسان reducers

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

برنامه نویسانی که به دنبال یادگیری ری اکت هستند.
مهندسانی که درباره ری اکت تحقیق کرده اند اما در تسلط به برخی از مفاهیم مشکل داشته اند.

ری اکت مدرن با ریداکس

فصل 1: برسی عمیق دوره

چگونه کمک دریافت کنیم؟ 01:01
بیایید یک اپلیکیشن بسازیم 07:56
سوالات حیاتی 05:49
مفاهیم اصلی None
چند سوال حیاتی دیگر 07:44
راه‌اندازی Node 01:58
کار با یک پروژه React 01:29

فصل 2: ایجاد محتوا با JSX

نمایش محتوای اولیه 06:41
JSX چیست؟ 05:48
چاپ متغیرهای جاوا اسکریپت در JSX 04:29
عبارات Shorthand در جاوا اسکریپت 01:51
نمایش مقادیر جاوا اسکریپت در JSX None
بررسی تمرین 00:42
تمرین سریع با JSX None
راه‌حل تمرین 00:35
طرح بندی های کامپوننت معمولی 01:58
سفارشی‌سازی عناصر با props 07:36
تبدیل HTML به JSX 05:07
اعمال استایل دهی در JSX 06:13
اطلاعات بیشتر درباره JSX None
تمرین تبدیل JSX None
راه‌حل تمرین 02:05
استخراج کامپوننت‌ها 04:26
بررسی سیستم‌های ماژول 16:05
ایمپورت ها و اکسپورت ها None

فصل 3: ساخت با کامپوننت های قابل استفاده مجدد

بررسی پروژه 05:02
ساخت کامپوننت‌های اصلی 05:00
معرفی سیستم Props 04:51
تصویرسازی حرکت داده 06:06
افزودن Props 03:04
استفاده از تجزیه آرگومان‌ها 04:57
تمرین با Props None
راه‌حل تمرین 01:30
ابزارهای توسعه دهنده ری اکت 02:37
رایج ترین اشتباه Props 04:42
ارتباط با Props None
گنجاندن تصاویر 08:09
مدیریت دسترسی‌پذیری تصاویر 06:39
بررسی نحوه عملکرد CSS 06:10
افزودن کتابخانه‌های CSS با NPM 05:57
یک حجم بزرگ از HTML! 09:38
آخرین بخش استایل‌دهی 05:45

فصل 4: State - چگونه اپلیکیشن خود را تغییر دهید؟

بررسی اپلیکیشن 02:25
راه اندازی اولیه اپلیکیشن 05:09
معرفی سیستم رویداد 03:14
جزئیات رویدادها 08:11
تغییرات در هندلرهای رویداد 06:42
آزمون رویدادها None
تمرین با رویدادها None
راه‌حل تمرین 01:15
معرفی سیستم State 03:43
اطلاعات بیشتر در مورد State 08:43
درک فرآیند رندرینگ مجدد 08:10
این پنج نکته را درک کردید؟ None
چرا تخریب ساختار آرایه؟ 08:41
بازگشت به اپلیکیشن 03:33
انتخاب یک عنصر تصادفی 07:11
ساخت لیست در ری کت 09:46
بارگذاری و نمایش SVGs 05:50
افزایش اندازه تصویر 05:51
افزودن CSS سفارشی 06:21
نهایی سازی استایل دهی 05:58
جمع بندی و بررسی اپلیکیشن 08:52

فصل 5: استفاده از API با ری اکت

بررسی اپلیکیشن 01:41
راه‌اندازی پروژه 05:53
مسیر رو به جلو 04:06
بررسی درخواست های HTTP 11:15
درک API 06:07
ایجاد درخواست HTTP 10:36
[اختیاری] استفاده از Async:Await 02:38
پاکسازی واکشی داده 03:20
تفکر درباره جریان داده 08:42
ارتباط فرزند به والد 06:07
پیاده سازی ارتباط فرزند به والد 07:29
ارتباط صعودی (Upward) None
مدیریت ارسال فرم 11:32
مدیریت عناصر ورودی 09:21
[اختیاری] خوب اما چرا؟ 14:21
ایجاد ورودی کنترل شده None
راه‌حل تمرین 02:35
اجرای جستجو 04:06
یادآوری درباره Async:Await 03:00
ارتباط رو به پایین لیست تصاویر 12:31
ساخت لیستی از تصاویر 05:03
مدیریت بروزرسانی های لیست 09:10
نکاتی درباره کلیدها 09:22
نمایش تصاویر 01:48
بررسی استایل دهی 04:26
جمع بندی اپلیکیشن 03:41

فصل 6: چگونه فرم ها را مدیریت کنیم؟

بررسی اپلیکیشن 02:55
راه‌اندازی اولیه 05:56
لوکیشن State 05:14
Reminder در Event Handlers 04:51
دریافت عناوین جدید 08:54
افزودن استایل‌دهی 02:12
به‌روزرسانی استیت 10:24
عدم جهش State 04:26
[اختیاری] افزودن عناصر به شروع یا پایان 01:24
افزودن عناصر None
[اختیاری] راه حل تمرین 01:12
[اختیاری] درج عناصر 04:43
درج عناصر None
[اختیاری] راه حل تمرین 02:00
[اختیاری] حذف عناصر 07:04
حذف عناصر None
[اختیاری] راه حل تمرین 02:09
[اختیاری] اصلاح عناصر 06:05
[فوق العاده اختیاری] چرا سینتکس خاص؟ 07:10
اصلاح عناصر None
[اختیاری] راه حل تمرین 02:26
[اختیاری] افزودن، تغییر یا حذف ویژگی های آبجکت 03:58
افزودن یک بوک واقعی 01:49
تولید شناسه های تصادفی 02:05
نمایش لیست 05:35
حذف رکوردها 06:36
تاگل کردن نمایش فرم 06:31
مقادیر پیش فرض فرم 07:06
بروزرسانی عنوان 08:44
بستن فرم هنگام ارسال 05:06
راه حل بهتر 04:30
Collapsing دو هندلر در یک هندلر 03:18
افزودن تصاویر 07:58

فصل 7: پایداری داده با درخواست های API

افزودن پایداری داده‌ 07:48
راه‌اندازی سرور 03:44
چه اتفاقی افتاد؟ 04:36
API چگونه کار می کند؟ 05:20
معرفی کلاینت REST 05:05
استفاده از کلاینت REST 06:58
ایجاد رکورد جدید 06:56
واکشی لیستی از رکوردها 04:25
معرفی useEffect 02:51
useEffect در عمل 06:24
اطلاعات بیشتر درباره useEffect 09:52
چه زمانی اجرا می شود؟ None
بروزرسانی یک رکورد 03:18
فکر کردن در مورد بروزرسانی ها 05:27
حذف یک رکورد 01:18

فصل 8: ارتباط با استفاده از سیستم کانتکس

معرفی کانتکس 09:12
کانتکس در عمل 06:15
تغییر مقادیر کانتکس 06:51
اطلاعات بیشتر درباره تغییر کانتکس 08:46
State اپلیکیشن در مقابل State کامپوننت 11:50
ریفکتور کردن برای استفاده از کانتکس 04:38
ریفکتور کردن اپلیکیشن 05:32
یادآوری درباره اشتراک گذاری با کانتکس 06:12
Props و کانتکس با هم 03:08
آخرین بیت از ریفکتور کردن 05:55
Taste کوچک هوک های قابل استفاده مجدد 09:53

فصل 9: بررسی عمیق هوک ها

بازگشت به useEffect 08:06
درک مسئله 07:17
اعمال فیکس 06:23
ESLint خوب است، اما مراقب باشید 10:57
رفرنس های پایدار با useCallback 13:08
فیکس کردن باگ ها با useCallback 02:08
فیکس کردن باگ های UseEffect None
توابع پاکسازی useEffect 05:33
هدف از توابع پاکسازی 05:37

فصل 10: سیستم های ناوبری و مسیریابی سفارشی

بررسی پروژه 03:50
راه‌اندازی پروژه 01:54
تئوری دکمه 08:19
عناصر زیربنایی 03:48
پراپ Children 04:21
طراحی Props 06:21
اعتبارسنجی Props با PropTypes 08:29
PropTypes در عمل 06:52
معرفی TailwindCSS 06:37
چگونه از Tailwind استفاده کنیم؟ 06:35
بررسی استایل دهی 10:22
کتابخانه ClassNames 11:28
ساخت برخی از تغییرات 05:55
نهایی سازی تغییرات 06:07
استفاده از آیکون ها در پروژه های ری کت 09:55
مسائل مربوط به هندلرهای رویداد 07:16
انتقال از طریق Props 06:07
مدیریت مورد خاص ClassName 05:16

فصل 11: تسلط به فرآیند طراحی State

سازماندهی پروژه 10:43
ریفکتور کردن با سازماندهی 05:56
بررسی کامپوننت 04:48
راه‌اندازی کامپوننت 03:42
یادآوری درباره ساخت لیست ها 04:04
بررسی فرآیند طراحی State 29:30
یافتن آیتم گسترش یافته 04:09
رندرینگ شرطی 06:25
هندلرهای رویداد درون خطی 10:00
تغییر در هندلرهای رویداد 08:21
رندرینگ شرطی آیکون 02:14
نمایش آیکون ها 01:45
افزودن استایل‌دهی 03:48
تاگل کردن Collapse پنل 02:06
[اختیاری] بروزرسانی‌ های State با تأخیر 08:34
[اختیاری] بروزرسانی های State تابعی 11:42
رندرینگ شرطی None
هندلرهای رویداد با لیست ها None
راه‌حل تمرین 01:26

فصل 12: تمرین طراحی Props و State

بررسی کامپوننت 01:08
طراحی Props 05:49
ایجاد کامپوننت 04:14
[اختیاری] طراحی State بیشتر 20:11
بالاخره ... پیاده سازی 06:45
یادآوری درباره هندلرهای رویداد در نقشه ها 04:47
منوی کشویی به عنوان کامپوننت کنترل شده 04:44
پیاده سازی کامپوننت کنترل شده 05:36
Check Helper موجود 04:30
کنوانسیون کامیونیتی با نام های Props 06:34
کنترل های فرم - کنوانسیون نامگذاری Prop None
راه‌حل تمرین 01:37
افزودن استایل‌دهی 05:33
کامپوننت پنل 07:06
ایجاد پنل قابل استفاده مجدد 05:59
یک ویژگی اضافی چالش برانگیز 05:19
هندلرهای کلیک گسترده سند 02:46
ضبط رویداد و Bubbling 06:14
ترکیب همه اجزا 02:20
چرا هندلر فاز ضبط؟ 14:34
یادآوری درباره تابع useEffect 03:52
یادآوری درباره پاکسازی useEffect 05:46
مسائل مربوط به رفرنس های عنصر 02:56
useRef در عمل 05:04
بررسی لوکیشن کلیک 03:14

فصل 13: ساخت ناوبری قابل استفاده مجدد

ناوبری سنتی مرورگر 09:33
تئوری ناوبری در ری اکت 07:56
استخراج صفحه کشویی 02:43
پاسخگویی به سوالات انتقادی 05:33
تابع PushState 02:56
مدیریت کلیک های لینک 02:28
مدیریت دکمه های جلو و عقب 06:23
کانتکس ناوبری 04:05
Listen کردن به کلیک های جلو و عقب 06:19
ناوبری برنامه‌نویسی 05:36
کامپوننت لینک 05:25
کامپوننت مسیر 05:49
مدیریت کلیدهای فرمان و کنترل 02:52
استایل دهی لینک 01:18
هوک ناوبری سفارشی 02:55
افزودن کامپوننت سایدبار 08:22
هایلایت کردن لینک فعال 07:25
جمع بندی ناوبری 01:54

فصل 14: ایجاد پورتال ها با ReactDOM

بررسی کامپوننت مودال 04:20
تاگل کردن رویت پذیری 05:49
در نگاه اول، آسان است 03:05
ما خوش شانس هستیم که آن کار می کند 09:26
فیکس کردن مودال با پورتال ها 07:09
بستن مودال 02:04
سفارشی سازی مودال 05:03
استایل های اضافی 01:44
یک باگ کوچک 01:53
جمع بندی مودال 05:47

فصل 15: ساخت یک جدول داده با ویژگی های کامل

ایجاد جدول قابل استفاده مجدد 03:34
ارتباط داده به جدول 03:03
یادآوری درباره ساختار HTML جدول 04:25
ساخت سطرها 02:52
استایل دهی بهتر 03:38
انجام شده - اما قابل استفاده مجدد نیست 05:10
ایده ای وجود دارد 02:29
هدرهای جدول پویا 04:46
رندرینگ سلول های جداگانه 05:18
مقادیر سلول ثابت 05:00
نقشه های تودرتو 04:35
فیکس کردن رنگ 00:57
افزودن تابع کلید 04:12

فصل 16: هوشمندی با مرتب سازی داده

افزودن مرتب سازی به جدول 06:38
یادآوری درباره مرتب سازی در جاوا اسکریپت 06:24
مرتب سازی رشته ها 02:45
مرتب سازی آبجکت ها 03:56
پیاده سازی مرتب سازی آبجکت 07:38
معکوس ترتیب مرتب سازی 04:26
مرتب سازی اختیاری 04:10
یک ویژگی کوچک اضافی 03:14
سفارشی سازی سلول های هدر 03:49
فرگمنت ها در ری اکت 05:57
افشای بزرگ 10:39
افزودن SortableTable 11:32
تماشای کلیک‌ های سلول هدر 01:43
طراحی State سریع 06:57
افزودن State مرتب سازی 05:24
بله، موثر است 11:00
تعیین مجموعه آیکون 05:08
استایل دهی سلول های هدر 03:37
ریست کردن ترتیب مرتب سازی 02:55
جمع بندی جدول 03:53

فصل 17: بررسی عمیق هوک های سفارشی

بررسی استفاده مجدد از کد 03:39
بازبینی هوک های سفارشی 03:10
ایجاد کامپوننت دمو 04:46
ایجاد هوک سفارشی 03:16
بررسی عمیق فرآیند ایجاد هوک 09:42
ساخت هوک مرتب سازی قابل استفاده مجدد 11:09

فصل 18: بررسی دنیای Reducers

بررسی اپلیکیشن 03:03
افزودن فرم 04:26
اطلاعات بیشتر درباره فرم 06:58
useReducer در عمل 09:47
قوانین توابع Reducer 09:22
درک آبجکت های اکشن 10:45
تایپ های اکشن ثابت 06:35
ریفکتور کردن به یک Switch 05:34
افزودن بروزرسانی‌ های State جدید 06:20
چند ملاحظات طراحی در مورد Reducers 09:51
چند سوال در مورد Reducers None
معرفی Immer 04:59
Immer در عمل 03:21

فصل 19: بررسی عمیق جعبه ابزار ریداکس

بررسی دنیای ریداکس 05:23
ریداکس در مقابل جعبه ابزار ریداکس 09:17
بررسی اپلیکیشن 03:03
مسیر رو به جلو 03:31
زمان پیاده سازی 04:41
درک فروشگاه 09:21
State اولیه فروشگاه 03:32
آشنایی با اسلایس ها 07:50
آشنایی با Action Creators 06:33
اتصال ری اکت به ریداکس 04:24
بروزرسانی State از یک کامپوننت 08:25
دسترسی به State در یک کامپوننت 06:34
حذف محتوا 07:12
تمرین State بروزرسانی 06:55
تمرین State دسترسی 02:02
اطلاعات بیشتر درباره بروزرسانی State 04:29
ریست کردن State 06:25
بروزرسانی های چندگانه State 04:47
درک جریان اکشن 06:45
تماشای اکشن های دیگر 05:06
دریافت تایپ Action Creators 03:06
ایجاد اکشن دستی 09:31
ساختار فایل و پوشه 08:41
ریفکتور کردن ساختار پروژه 11:07

فصل 20: مدیریت اسلایس های چندگانه با جعبه ابزار ریداکس

بررسی پروژه 03:40
افزودن Boilerplate کامپوننت 06:08
فکر کردن درباره State مشتق شده 07:54
فکر کردن درباره طراحی ریداکس 05:17
افزودن اسلایس فرم 05:34
نگهداری یک کالکشن با یک اسلایس 09:40
ایجاد فروشگاه 04:33
مقادیر فرم برای بروزرسانی State 08:44
دریافت هزینه 05:17
Dispatch کردن در طول ارسال فرم 04:31
کلیدهای Awkward Double 07:18
لیست بندی رکوردها 03:25
حذف رکوردها 02:15
افزودن استایل‌دهی 01:27
ریست کردن فرم هنگام ارسال 03:21
یادآوری درباره ExtraReducers 02:23
افزودن ورودی جستجو 05:36
State مشتق شده در useSelector 05:07
کل هزینه خودرو 06:22
هایلایت کردن خودروهای موجود 06:30

فصل 21: ارتباط با APIs با استفاده از Async Thunks

بررسی اپلیکیشن 08:08
راه‌اندازی سرور API 02:51
افزودن چند کامپوننت 03:13
ایجاد Redux Store 05:34
فکر کردن درباره ساختاردهی داده 09:19
یادآوری درباره کنوانسیون های درخواست 01:55
تکنیک های واکشی داده 02:37
افزودن State برای بارگذاری داده 06:52
آشنایی با Async Thunks 04:14
مراحل افزودن Thunk 07:46
اطلاعات بیشتر در مورد افزودن Thunks 13:17
جمع بندی Thunk 05:23
استفاده از State بارگذاری 04:30
افزودن Pause برای تست 03:27
افزودن Skeleton Loader 05:39
انیمیشن ها با TailwindCSS 12:02
رندرینگ لیست کاربران 03:16
ایجاد کاربران جدید 12:07
State بارگذاری غیرمنتظره 06:03
استراتژی‌ ها برای State بارگذاری Fine-Grained 07:35
State بارگذاری Fine-Grained محلی 10:07
اطلاعات بیشتر در مورد State بارگذاری 02:55
مدیریت خطاها با ایجاد کاربر 05:03
ایجاد هوک Thunk قابل استفاده مجدد 11:34
ایجاد کامپوننت دکمه Fetch-Aware 05:41
نمایش اسکلتون بهتر 03:41
Thunk برای حذف یک کاربر 04:56
بروزرسانی اسلایس 04:27
ریفکتور کردن کامپوننت 03:31
حذف کاربر 04:46
فیکس کردن خطای حذف 05:13
بررسی ویژگی آلبوم 04:48
کامپوننت های اضافی 07:21
افزودن ExpandablePanel 04:51
جمع بندی ExpandablePanel 04:00
افزودن لیست آلبوم ها 02:43

فصل 22: Async مدرن با کوئری جعبه ابزار ریداکس

[اختیاری] همگام شدن با دوره 02:47
معرفی کوئری جعبه ابزار ریداکس 08:00
ایجاد RTK Query API 06:20
ایجاد اندپوینت 14:01
استفاده از هوک تولید شده 11:01
چند نکته فوری 05:56
رندرینگ لیست 04:25
تغییر داده‌ها با mutations 08:42
تفاوت بین کوئری ها و جهش ها 03:13
گزینه هایی برای واکشی مجدد داده 06:18
رفع داپلیکیشن درخواست 03:50
برخی موارد داخلی کوئری جعبه ابزار ریداکس 06:14
واکشی مجدد با تگ ها 07:33
اعتبارسنجی تگ Fine-Grained 09:13
استایل دهی Fixups 03:20
افزودن Pause برای تست 03:21
ریفکتور کردن لیست 04:46
پیاده سازی حذف 07:42
لغو اعتبارسنجی آسان تگ 05:58
هوشمندی با تگ های کش 06:24
پیاده سازی هوشمندانه تگ 04:47
بررسی ویژگی عکس ها 04:11
تعداد زیادی از راه اندازی عکس ها 06:01
افزودن اندپوینت ها 12:38
ایجاد عکس 04:37
نمایش لیست عکس ها 05:14
افزودن حذف های Mouse-Over 06:19
افزودن واکشی مجدد داده خودکار 08:34

فصل 23: بررسی عمیق تایپ اسکریپت

چرا از تایپ اسکریپت استفاده کنیم؟ 05:44
تایپ های اولیه و حاشیه نویسی های تایپ 04:49
حاشیه نویسی های تایپ تابع 01:57
Type Inference 03:16
آزمون حاشیه نویسی های تایپ و Type Inference None
توصیف آبجکت ها با رابط ها 04:33
استفاده از رابط ها برای حاشیه نویسی Props 03:51
آزمون Props با رابط ها None
معایب Type Inference 04:39
انواع توابع 07:06
تایپ های توابع در رابط های Props 04:21
آزمون تایپ های توابع None
گسترش یک رابط 04:31
Type Unions 04:02
Type Narrowing با محافظ های تایپ 03:29
موارد مبهم با محافظ های تایپ 03:59
آزمون Type Narrowing و محافظ ها None
گزاره های تایپ 05:39
ویژگی‌های اختیاری 05:34
آزمون ویژگی های اختیاری None
تایپ های "Any" و "Unknown" 08:10
Type Aliases 02:50
زندگی بدون جنریک ها 04:22
آشنایی با جنریک های تابع 05:55
اطلاعات بیشتر در مورد جنریک های تابع 05:49
انواع جنریک چندگانه 04:45
مثال های جنریک بیشتر 04:03
جنریک ها با واکشی 06:40
Type Inference جنریک 03:52
اطلاعات بیشتر در مورد Type Inference جنریک 03:02
مسائل مربوط به Type Inference جنریک 04:34
Constraints تایپ جنریک 04:45
اطلاعات بیشتر در مورد Constraints تایپ جنریک 06:16
جمع بندی تایپ اسکریپت 01:14

فصل 24: ساخت کلون گوگل مپ با تایپ اسکریپت

بررسی پروژه 02:32
راه‌اندازی پروژه 03:04
ایجاد کامپوننت 02:37
معماری اپلیکیشن 04:24
تعریف یک رابط 02:27
تایپینگ Props 02:55
Type Inference در useState 03:21
تایپینگ Callback 04:54
ارسال فرم با تایپ اسکریپت 04:29
جستجو با OSM API 05:10
چرا از رابط ها استفاده کنیم؟ 10:04
رندرینگ لوکیشن ها 04:29
نمایش و Panning نقشه 11:01
بررسی اپلیکیشن 03:29

فصل 25: ناوبری و واکشی داده با React Router

بررسی اپلیکیشن 03:16
راه‌اندازی پروژه 01:52
آشنایی با React Router 05:44
راه‌اندازی React Router 10:10
ناوبری با لینک 03:39
ناوبری برنامه‌نویسی 09:06
میانبر ناوبری ارسال فرم 04:39
بررسی استایل دهی 03:51
Registry API 02:19
واکشی داده با React Router 05:45
اطلاعات بیشتر در مورد واکشی با Loader 07:27
طراحی تایپ های جدید 06:02
ساختار پروژه بهبود یافته 06:19
نگاشت پاسخ 06:02
استخراج Loader 06:21
اتصال صفحه و Loader 09:31
رندرینگ لیست نتایج 12:05
تمرکز روی صفحه جزئیات 05:57
رابط جزئیات 02:02
واکشی جزئیات 02:24
ایجاد Loader جزئیات 02:26
دسترسی به پارامترهای مسیر 08:24
تایپینگ صفحه و Loader با هم 02:47
رندرینگ جزئیات پکیج 02:08
واکشی پکیج ها به صورت موازی 05:44
ایجاد Home Loader 03:57
دسترسی به داده از یک Loader 01:50
مونتاژ صفحه اصلی 06:27
بررسی React Router 03:58

فصل 26: نسخه قدیمی ری اکت مدرن با دوره ریداکس

JSX چیست؟ - تبدیل HTML 10:50
استایل دهی اولیه - استایل دهی تبدیل 06:22
کلاس در مقابل ClassName و ارجاعی دهی به متغیرهای جاوا اسکریپت 05:13
سه Tenants از کامپوننت ها و بررسی اپلیکیشن 05:44
دریافت استایل دهی رایگان و رویکرد ساده کاپوننت 11:48
تعیین تصاویر و داپلیکیت کردن کامپوننت تک 08:01
استخراج JSX و تودرتوسازی کامپوننت 11:43
سیستم Props ری اکت و انتقال و دریافت Props 10:48
استفاده مجدد از کامپوننت و پیاده سازی کارت تأیید 09:17
نمایش فرزند سفارشی و استفاده مجدد از کامپوننت 08:32
کامپوننت های مبتنی بر کلاس 06:04
بررسی اپلیکیشن و Scaffolding اپلیکیشن 09:58
دریافت لوکیشن فیزیکی کاربر و ریست کردن تنظیمات موقعیت جغرافیایی 08:29
مدیریت عملیات های Async و ریفکتور کردن به کامپوننت های کلاس 09:06
قوانین State و مقداردهی اولیه State از طریق Constructors 12:24
بروزرسانی ویژگی‌ های State و بررسی چرخه عمر اپلیکیشن 14:49
مدیریت خطاها به درستی و رندرینگ شرطی محتوا 11:59
معرفی متدهای چرخه عمر و چرا متدهای چرخه عمر؟ 13:50
ریفکتور کردن بارگذاری داده و مقداردهی اولیه State جایگزین 08:05
انتقال دادن State به عنوان Props 04:19
تعیین کردن فصل 05:34
عبارات سه تایی در JSX و نمایش آیکون ها 08:13
استخراج گزینه ها برای پیکربندی آبجکت ها و افزدون استایل دهی 13:46
نمایش اسپینر بارگذاری و مشخص کردن Props پیش‌ فرض 11:12
اجتناب از شرطی ها در رندر - Breather و بررسی 13:39
بررسی اپلیکیشن و طراحی کامپوننت 08:42
افزودن ساختار پروژه و نمایش فرم ها 08:23
افزودن استایل دهی و ایجاد هندلرهای رویداد 11:24
هندلرهای رویداد جایگزین و عناصر کنترل‌ نشده در مقابل عناصر کنترل‌ شده 06:08
اطلاعات بیشتر در مورد عناصر کنترل شده و مدیریت ارسال فرم 14:10
درک "this" در جاوا اسکریپت و حل مسائل کانتکس 18:47
ارتباط فرزند با والد و فراخوانی Callbacks در فرزندان 08:19
واکشی داده و Axios در مقابل واکشی 09:11
مشاهده نتایج درخواست و رسیدگی به درخواست ها با Async Await 15:55
تنظیم State پس از درخواست‌ های Async و اتصال Callbacks 08:36
ایجاد کلاینت های سفارشی 05:28
رندرینگ لیست ها و بررسی دستورات نقشه 08:21
رندرینگ لیست کامپوننت ها و هدف کلیدها 08:27
پیاده سازی کلیدها در لیست ها 04:27
Grid CSS و مشکلات Grid CSS 10:40
ایجاد کامپوننت ImageCard و دسترسی به DOM با Refs 08:41
دسترسی به ارتفاع تصویر و Callbacks هنگام بارگذاری تصویر 10:36
اسپن های پویا و بررسی اپلیکیشن 11:13
بررسی اپلیکیشن و طراحی کامپوننت 05:44
Scaffolding اپلیکیشن و یادآوری درباره هندلرهای رویداد 12:52
مدیریت ارسال فرم و دسترسی به API یوتیوب 12:53
جستجوی ویدئوها و قرار دادن همه آن ها در کنار هم 13:46
بروزرسانی State با داده‌ واکشی شده و انتقال State به عنوان Props 08:33
رندرینگ لیستی از ویدئوها و رندرینگ Thumbnails ویدئو 09:22
استایل دهی به لیست و برقراری ارتباط از فرزندان با والد 13:49
Callbacks عمیق تودرتو و رندرینگ شرطی 11:52
استایل دهی به جزئیات ویدئو و نمایش ویدئو پلیر 11:25
فیکس کردن چند اخطار و انتخاب پیش‌ فرض ویدئو 11:31
هوک های ری اکت و معماری اپلیکیشن 09:39
برقراری ارتباط با آیتم های Prop و ساخت و استایل دهی آکاردئون 11:02
توابع Helper و معرفی useState 08:50
درک توابع useState و Setter 10:23
گسترش آکاردئون و ایجاد ویجت های اضافی 05:58
معماری ویجت جستجو و Scaffolding ویجت 06:11
ورودی های متن با هوک ها و زمان جستجو 11:14
هوک useEffect و اجرای تست 10:43
کد Async در useEffect و اجرای درخواست از useEffect 11:03
شرایط جستجوی پیش‌ فرض و ساخت لیست 08:50
حملات XSS در ری اکت و لینک دهی به صفحه ویکی پدیا 10:44
فقط جستجو با یک شرط و Throttling درخواست های API 05:06
یادآوری در setTimeout و تابع پاکسازی useEffect 09:40
پیاده سازی درخواست دارای تاخیر و جستجو هنگام رندر اولیه 05:24
فیکس کردن اخطار و معماری منوی کشویی 23:47
Scaffolding منوی کشویی و مقدار زیادی JSX 08:24
State انتخاب و فیلترینگ لیست گزینه 08:02
مخفی سازی و نمایش لیست گزینه و چرا این کار سخت است؟ 11:39
یادآوری Bubbling رویداد و اعمال آنچه آموخته ایم 08:07
اتصال هندلر رویداد و چرا باز بمانید؟ 07:59
روی کدام عنصر کلیک شد و استفاده از useRef 08:34
پاکسازی Listener رویداد بادی و ویجت ترجمه 10:47
Scaffolding کامپوننت ترجمه و افزودن ورودی زبان 08:46
درک کامپوننت تبدیل و ساخت کامپوننت تبدیل 10:07
استفاده از Google Translate API و نمایش متن ترجمه شده 12:02
Debouncing بروزرسانی‌ های ترجمه و ناوبری در ری اکت 09:08
مسیریابی کامپوننت اولیه و ساخت کامپوننت مسیر قابل استفاده مجدد 13:59
پیاده سازی هدر برای ناوبری و مدیریت ناوبری 06:38
ساخت لینک و تغییر URL 08:32
تشخیص ناوبری و بروزرسانی مسیر 08:26
مدیریت کلیک های فرمان 02:03
بررسی پروژه و ریفکتور ردن نوار جستجو 10:30
ریفکتور کردن اپلیکیشن و حذف Callback 11:00
بررسی هوک های سفارشی و فرآیند ساخت هوک های سفارشی 12:20
استخراج منطق ویدئو و استفاده از هوک سفارشی 12:20
بررسی استقرار و استقرار با Vercel 09:36
استقرار با Netlify 07:09
آشنایی با ریداکس و ریداکس توسط Analogy 10:29
کمی Analogy بیشتر و پایان Analogy 14:44
نگاشت Analogy به ریداکس و مدل سازی با ریداکس 14:29
ایجاد Reducers و قوانین Reducers 16:41
تست مثال و نکات مهم ریداکس 15:59
یکپارچه سازی ری اکت با ریداکس 07:14
طراحی اپلیکیشن ریداکس و ریداکس و ری اکت چگونه کار می کند؟ 11:20
ساختار پروژه ریداکس و اکسپورت های نامگذاری شده در مقابل اکسپورت های پیش فرض 07:57
ساخت Reducers و سیم کشی ارائه دهنده 11:19
تابع اتصال و پیکربندی اتصال با mapStateToProps 12:37
ساخت لیست با داده ریداکس و فراخوانی Action Creators 14:27
ریداکس جادویی نیست - کامپوننت های تابعی با اتصال 12:37
رندرینگ شرطی 05:14
بررسی اپلیکیشن و راه اندازی اولیه اپلیکیشن 13:54
فریب ریداکس با Reducers ساختگی و نکته راه اندازی بیشتر 05:41
چگونه داده را در اپلیکیشن ریداکس واکشی کنیم و سیم کشی Action Creators؟ 09:01
ایجاد درخواست از یک Action Creator و درک Async Action Creators 14:10
پشت صحنه Redux Thunk و سینتکس کوتاه شده با Redux Thunk 16:51
قوانین Reducers و مقادیر بازگشتی از Reducers 06:01
مقادیر آرگومان در Reducers و Reducers خالص 07:39
جهش ها در جاوا اسکریپت و برابری آرایه ها و آبجکت ها 09:30
یک قانون گمراه کننده و بروزرسانی ایمن State در Reducers 22:24
دستورات Switch در Reducers و Dispatch کردن مقادیر صحیح 10:52
ساخت لیست و نمایش کاربران 11:39
واکشی رکوردهای تکی و نمایش هدر کاربر 09:18
یافتن کاربران مرتبط و استخراج منطق با mapStateToProps 15:36
این یک مسئله است و توابع Memoizing 09:32
مسائل Memoizing و Memoizing یک باره 11:36
راه حل جایگزین Overfetching و Action Creators در Action Creators 12:07
یافتن شناسه های کاربری منحصر به فرد و ریفکتور کردن سریع با زنجیره 12:47
جمع بندی اپلیکیشن 03:34
طرح کلی اپلیکیشن و جزئیات موکاپ ها 11:30
چالش های اپلیکیشن و راه اندازی اولیه 07:55
معرفی React Router و نحوه عملکرد React Router 12:03
چگونه مسیرها را تطبیق دهیم؟ و چگونه اکنون با React Router ناوبری کنیم؟ 13:30
ناوبری با React Router و انواع مختلف مسیریاب 23:27
Scaffolding کامپوننت و مسیرهای سیم کشی 09:59
کامپوننت های همیشه قابل مشاهده و سیم کشی هدر 08:11
لینک های درون مسیرها 02:44
احراز هویت مبتنی بر OAuth و OAuth برای سرورها در مقابل اپلیکیشن های مرورگر 14:37
ایجاد اعتبارات OAuth و سیم‌ کشی کتابخانه Google API 14:06
ارسال کاربر به OAuth Flow و رندرینگ وضعیت احراز هویت 15:35
بروزرسانی State احراز هویت و نمایش دکمه‌ های ورود و خروج 10:37
ورود و خروج در صورت تقاضا و معماری ریداکس 12:32
راه اندازی ریداکس و اتصال Action Creators احراز هویت 08:48
ساخت Reducers احراز هویت و مدیریت وضعیت احراز هویت از طریق ریداکس 10:41
فیکس کردن تایپ های اکشن و رکوردینگ شناسه کاربر 11:42
ابزارهای توسعه دهنده ریداکس و اشکال زدایی سشن ها با ابزارهای توسعه دهنده ریداکس 13:55
فرم ها با فرم ریداکس و مثال های مفید فرم ریداکس 08:51
اتصال فرم ریداکس و ایجاد فرم با فرم ریداکس 12:07
مدیریت خودکار رویدادها و سفارشی سازی فیلدهای فرم 13:14
مدیریت ارسال فرم و اعتبارسنجی ورودی های فرم 12:18
نمایش پیام های اعتبارسنجی و نمایش خطاها هنگام لمس 12:47
فیلدهای با خطای هایلایت شده 03:28
ایجاد استریم ها و قراردادهای RESTful 07:34
راه اندازی سرور API و ایجاد استریم ها از طریق Action Creators 11:57
ایجاد استریم با تبدیل های REST و Dispatch کردن اکشن ها 08:53
Bulk Action Creators 12:19
Reducers مبتنی بر آبجکت 07:42
سینتکس درون یابی کلید و مدیریت واکشی، ایجاد و بروزرسانی 13:49
حذف ویژگی ها با Omit و ادغام لیست رکوردها 10:56
واکشی لیست از استریم ها و رندرینگ همه استریم ها 09:32
ارتباط استریم ها با کاربران و نمایش شرطی ویرایش و حذف 13:32
لینک دهی به ایجاد استریم و زمان ناوبری کاربران 10:18
مرجع های تاریخچه و ایجاد آبجکت تاریخچه مرورگر 10:22
پیاده سازی ناوبری برنامه ای و تغییر دستی رکوردهای API 04:44
انتخاب مبتنی بر URL و ناوبری Wildcard 11:52
اطلاعات بیشتر در مورد پارامترهای مسیر و Pull کردن استریم ها از State 09:24
انتخاب رکوردها از State و جداسازی کامپوننت با React Router 12:55
واکشی یک استریم برای ویرایش استریم و استفاده مجدد از کد واقعی 14:18
ریفکتور کردن ایجاد استریم و تنظیم مقادیر اولیه 15:20
اجتناب از تغییرات در ویژگی ها و ارسال فرم ویرایش 12:13
درخواست های PUT در مقابل PATCH 05:43
چرا از پورتال ها استفاده کنیم؟ و اطلاعات بیشتر در مورد استفاده از پورتال ها 20:29
ایجاد پورتال و مخفی سازی یک مودال 15:42
ایجاد مودال قابل استفاده مجدد و فرگمنت های ری اکت 10:33
onDismiss از والد و یادآورب درباره پارامترهای والد 07:31
واکشی استریم حذف و نمایش شرطی جزئیات استریم 14:20
حذف استریم 07:51
مشاهده استریم و سوئیچ ها با React Router 07:47
نمایش استریم و راه اندازی سرور RTMP 11:46
نصب OBS 02:31
راه اندازی OBS Scene 04:31
راه اندازی ویدئو پلیر و پیاده سازی FLV.js 07:42
ایجاد پلیر FLV و ساخت پلیر اختیاری 13:54
این کار می کند - و پاکسازی منابع با componentWillUnmount 07:42
سیستم کانتکس و یک اپلیکیشن با کانتکس 07:50
تولید اپلیکیشن و انتخاب زبان 06:26
راه اندازی بیشتر و دریافت داده به داخل و خارج از آن کانتکس 08:10
ایجاد آبجکت های کانتکس و Consume کردن مقدار کانتکس 13:32
ارائه دهنده کانتکس و Gotchas در اطراف ارائه دهندگان 13:22
دسترسی به داده با Consumers و Pull کردن از کانتکس های متعدد 14:48
جایگزینی ریداکس با کانتکس و ایجاد کامپوننت فروشگاه 10:02
پیاده سازی فروشگاه زبان و رندرینگ فروشگاه زبان 10:57
اتصال سلکتور به فروشگاه و اتصال فیلد و دکمه 06:11
کانتکس در مقابل ریداکس 03:41