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

متخصص React و Redux - ساخت وب اپلیکیشن های ایمن و مقیاس پذیر

متخصص React و Redux - ساخت وب اپلیکیشن های ایمن و مقیاس پذیر

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

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

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

  • کد فرانت اند سطح تولید بنویسید.
  • روش صحیح مدیریت احراز هویت و مجوز در فرانت اند
  • از هوک های پیشرفته استفاده کنید و هوک های سفارشی در React بنویسید.
  • موارد استفاده واقعی Context API در React
  • ساختاردهی کد خود را برای افزایش مقیاس پذیری و قابلیت نگهداری اپلیکیشن بهبود بخشید.
  • مدیریت عملکرد، Throttling ،Debounce، بروزرسانی های خوش بینانه و کشینگ
  • مدیریت خطاها و مورد لبه
  • مهم تر از همه: شبیه یک توسعه دهنده ارشد فکر کنید.

توضیحات دوره

موارد زیر آیتم های کلیدی مورد توجه این دوره هستند:

  • الگوهای کدنویسی برای کارایی: تکنیک ها و الگوهای کدنویسی قوی را کشف کنید که گردش کار توسعه شما را ساده می کنند. جدیدترین پیشرفت ها در React، از جمله هوک ها، کانتکس و کامپوننت های تابعی را برای نوشتن کد تمیزتر و کارآمدتر بررسی کنید.
  • بهینه سازی های عملکرد: یاد بگیرید چگونه اپلیکیشن های React را برای سرعت و واکنش گرایی بهینه سازی کنید. گلوگاه های عملکرد را بررسی کیده، از تکنیک های memoization استفاده کنید و lazy loading را برای ایجاد تجربه های کاربری بسیار سریع پیاده سازی کنید.
  • پیاده سازی احراز هویت: به پیاده سازی احراز هویت کاربر در اپلیکیشن های React مسلط شوید. پیچیدگی های JWT ،OAuth و احراز هویت مبتنی بر سشن را درک کنید و یاد بگیرید چگونه آن ها را به طور یکنواخت در پروژه های خود یکپارچه سازی کنید.
  • بهترین شیوه های امنیت: اپلیکیشن های React خود را به بالاترین استاندارد امنیت برسانید. آسیب پذیری های رایج را بررسی کرده و معیارهای امنیتی قوی مانند اعتبارسنجی ورودی، شیوه های ارتباط ایمن و محافظت در برابر حملات اسکریپت نویسی بین سایتی (XSS) و جعل درخواست بین سایتی (CSRF) را پیاده سازی کنید.

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

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

متخصص React و Redux - ساخت وب اپلیکیشن های ایمن و مقیاس پذیر

  • اصول طراحی - کامپوننت ها و ماژولار بودن 05:11
  • ساختار اپلیکیشن - شروع کدنویسی 08:19
  • راه اندازی مسیریابی اولیه 09:22
  • ناوبری مسیرهای فرعی و مسیریابی پیش فرض 05:24
  • ایجاد کامپوننت ورود به سیستم 13:01
  • افزودن صفحه ثبت نام و پس زمینه 10:15
  • ناوبری برنامه ای و فیکس کردن استایل دهی 04:56
  • کامپوننت های کنترل شده و کنترل نشده 06:24
  • اصل طراحی - مدیریت State 02:28
  • شروع کار با Redux 05:09
  • افزودن Redux store و ایجاد اسلایس های Redux 10:15
  • افزودن todo به Redux store و Redux devtools 09:15
  • افزودن، حذف و تاگل کردن Todos 04:53
  • استفاده از سلکتورها در Redux و ویرایش Todos 11:51
  • Redux Forms - مبانی 04:27
  • راه اندازی فرم React و Redux 04:47
  • مدیریت ورود به سیستم از طریق Redux Form 12:22
  • فیکس کردن Css در ورود به سیستم 08:33
  • اعتبارسنجی فرم و مدیریت خطا 13:20
  • لینک فرم ثبت نام به Redux Form 06:37
  • اصل طراحی - سازگاری کد 09:33
  • ریفکتورینگ احراز هویت بر اساس اصل سازگاری کد 13:05
  • استارتر صفحه لیست ویژگی 08:06
  • ساخت AppBar UI 13:04
  • افزودن نوار دسته بندی 05:56
  • افزودن کامپوننت کارت ویژگی 08:37
  • افزودن دکمه FAB به لیست ویژگی 15:53
  • افزودن سلکتور زبان 14:46
  • اصل طراحی - مقیاس پذیری و زیرساخت کد 03:00
  • تئوری زیرساخت مودال ها 02:41
  • پیاده سازی زیرساخت مودال ها - بخش 1 15:27
  • پیاده سازی زیرساخت مودال ها - بخش 2 14:09
  • افزودن فیلدهای UI اضافه کردن ویژگی 11:50
  • افزودن زیرساخت ترجمه ها 15:14
  • تغییر بین زبان ها 14:29
  • جایبان ها در ترجمه های 02:36
  • مرز خطا با کامپوننت های کلاس 08:10
  • استفاده از کتابخانه مرز خطا 05:37
  • شروع کار با بک اند - راه اندازی MongoDB 06:10
  • ایمپورت داده نمونه و اتصال به پایگاه داده 07:25
  • بررسی پیاده سازی بک اند 04:15
  • رمزگذاری پسورد 06:50
  • استانداردسازی پاسخ موفقیت بک اند 11:05
  • استانداردسازی پاسخ خطای بک اند 11:16
  • آشنایی با RTK Query 05:45
  • راه اندازی RTK Query - ورود به سیستم 12:18
  • استفاده از RTK Query در کامپوننت ورود به سیستم 05:34
  • فیکس کردن بک اند - عدم اتصال به پایگاه داده 01:43
  • فیکس کردن خطاها هنگام ارسال درخواست به بک اند 00:53
  • حل مسائل CORS 04:55
  • هوک کردن RTK Query به Redux store 07:20
  • تغییر پاسخ سرور و مدیریت UI State 06:23
  • بروزرسانی به منطق ورود به سیستم در بک اند 07:55
  • مدیریت خطاهای ورود به سیستم 09:33
  • درک اینکه جریان JWT چگونه کار می کند؟ 06:54
  • پیاده سازی ورود به سیستم JWT در سرور 09:28
  • توکن های رفرش 06:13
  • افزودن توکن رفرش به ورود به سیستم 02:36
  • اعتبارسنجی توکن JWT 11:01
  • افزودن سیاست های مسیر (میان افزارها) 07:33
  • ضبط ID کاربر از توکن JWT 06:51
  • اندپوینت توکن رفرش 19:41
  • محدود کردن استفاده مجدد از توکن رفرش 04:13
  • زیرساخت نوتیفیکیشن در React 14:47
  • افزودن جزئیات احراز هویت به اسلایس کاربر Redux 09:12
  • افزودن هدرهای احراز هویت به ویژگی Create 12:15
  • واکشی لیست ویژگی در فرانت اند 07:58
  • Reducer Path و رندرینگ ویژگی ها با API 09:23
  • فیکس کردن UI در لیست ویژگی 03:39
  • افزودن Redux Persist برای ذخیره کردن state 10:20
  • کشینگ RTK 06:50
  • کشینگ RTK در عمل روی Todo 08:03
  • RTK Query شرطی، ویرایش Todos 07:08
  • واکشی خودکار کوئری های RTK 10:24
  • تگ های کش RTK 05:59
  • باطل کردن کش بر اساس Todo ID 10:15
  • فیکس کردن باگ برای بروزرسانی Todos 04:53
  • پیش واکشی کوئری ها با RTK 09:03
  • بروزرسانی خوش بینانه با کش RTK 15:18
  • فیکس کردن ID هنگام انجام بروزرسانی خوش بینانه 07:23
  • افزودن تگ های کش به اپلیکیشن Property 05:34
  • Redux Persist Blacklist 02:37
  • فیکس کردن UI و فیکس کردن Redux Persist 06:42
  • پیاده سازی توکن رفرش در RTK 20:46
  • مدیریت شکست توکن رفرش 08:57
  • هدایت کاربر در شکست احراز هویت مجدد 08:13
  • پیاده سازی Mutex برای جلوگیری از چند فراخوانی API 11:22
  • مفهوم معماری مجوز 02:04
  • ارتباط دادن نقش ها به کاربرها 13:22
  • پیاده سازی سیاست مجوز 20:57
  • اشکال زدایی منطق مجوز 02:56
  • منطق پیاده سازی احراز هویت فرانت اند 06:23
  • پیاده سازی زیرساخت احراز هویت برای عناصر UI 19:16
  • محافظت از URL بر اساس مجوزهای نقش ها 17:21
  • مقدمه بخش - ارتباط بلادرنگ چیست؟ 12:12
  • Short polling 10:23
  • Long polling 09:32
  • رویدادهای ارسال شده از سرور - پیاده سازی بک اند 10:00
  • رویدادهای ارسال شده از سرور - پیاده سازی فرانت اند 07:54
  • رویدادهای ارسال شده از سرور - نوتیفیکیشن هنگام افزودن Todos 07:29
  • مقدمه و راه اندازی اتصال Socket 12:57
  • پیام رسانی اتصال Socket 07:18
  • اتصال Socket IO در فرانت اند 12:47
  • استریمینگ Todos به فرانت اند 13:39
  • راه اندازی زیرساخت بک اند نوتیفیکیشن 08:02
  • Short polling با RTK Query 15:02
  • استریمینگ نوتیفیکیشن ها به فرانت اند 11:45
  • جستجوی ویژگی با کوئری 15:20
  • استفاده از کوئری های lazy در RTK 05:47
  • درخواست Debouncing 07:29
  • Memonize کردن کامپوننت های React 09:39
  • فیکس کردن قابلیت useCallback 06:29
  • Memonize کردن مقادیر با useMemo 11:12
  • فیکس کردن قابلیت جستجوی debounced 06:30
  • استفاده از لیست مجازی 15:21
  • چگونه تم های UI را مدیریت کنیم؟ 23:09
  • HOC برای ردیابی حرکات ماوس 08:23
  • ردیابی Idle بودن کاربر 09:32
  • آشنایی با Lazy loading و اسکرول بی نهایت 02:57
  • پیاده سازی صفحه بندی در لیست ویژگی 06:37
  • افزودن intersection API 16:22
  • بارگذاری داده صفحه بندی شده از API 11:45
  • ادغام داده در کش Redux 13:34
  • پرچم‌ گذاری ویژگی 04:50
  • provider پرچم‌ گذاری ویژگی (provider خارجی) 16:09
  • پیاده سازی سفارشی پرچم‌ گذاری ویژگی 09:55
  • ایمن سازی JWT با اثر انگشت دستگاه 07:07
  • افزودن اثر انگشت به فرانت اند 10:55
  • اعتبارسنجی اثر انگشت با JWT 10:05
  • حملات XSS 09:33
  • توکن های CSRF 05:26
  • حملات SSRF 07:08
  • تزریق جاوا اسکریپت سمت سرور (SSJI) 04:58
  • عقب نشینی نمایی با تلاش مجدد RTK 09:55
  • تلاش های مجدد با سیاست موجود 07:42
  • افزودن میان افزار Redux برای لاگ کردن 06:12

8,248,500 1,649,700 تومان

مشخصات آموزش

متخصص React و Redux - ساخت وب اپلیکیشن های ایمن و مقیاس پذیر

  • تاریخ به روز رسانی: 1404/06/14
  • سطح دوره:متوسط
  • تعداد درس:136
  • مدت زمان :20:53:59
  • حجم :17.8GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

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

The Great Courses
2,495,000 499,000 تومان
  • زمان: 06:19:16
  • تعداد درس: 40
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,787,000 1,357,400 تومان
  • زمان: 17:11:52
  • تعداد درس: 113
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,360,500 1,672,100 تومان
  • زمان: 21:10:47
  • تعداد درس: 202
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
5,720,500 1,144,100 تومان
  • زمان: 14:29:26
  • تعداد درس: 36
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,206,500 841,300 تومان
  • زمان: 10:39:08
  • تعداد درس: 64
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,391,000 878,200 تومان
  • زمان: 11:07:45
  • تعداد درس: 63
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
7,261,000 1,452,200 تومان
  • زمان: 18:23:18
  • تعداد درس: 103
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:57:00
  • تعداد درس: 20
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:41:00
  • تعداد درس: 9
  • سطح دوره:
  • زبان: دوبله فارسی

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

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