دوره آموزشی
دوبله زبان فارسی
متخصص 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
مشخصات آموزش
متخصص React و Redux - ساخت وب اپلیکیشن های ایمن و مقیاس پذیر
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:متوسط
- تعداد درس:136
- مدت زمان :20:53:59
- حجم :17.8GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy