تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی تکنیک‌های پیشرفته React Router با TypeScript

دوره آموزشی تکنیک‌های پیشرفته React Router با TypeScript

1 ساعت 46 دقیقهپیشرفته2025-02-28

مدرسین

Oluchukwu Okpala

Oluchukwu Okpala

Software Engineer

جزئیات دوره

در این دوره، Oluchukwu Okpala که یک توسعه‌دهنده ارشد هست، بهت تکنیک‌های پیشرفته React Router رو آموزش میده تا مهارت‌های ناوبری‌ات رو ارتقا بدی و اپلیکیشن‌های مقیاس‌پذیر بسازی. یاد می‌گیری که چطور از مسیرهای تو در تو (nested routes)، پارامترهای دینامیک، ناوبری برنامه‌نویسی‌شده (programmatic navigation)، و مدیریت خطاهای بدون مشکل استفاده کنی. همچنین با نحوه پیاده‌سازی مسیرهای محافظت‌شده برای امنیت بخش‌های مختلف اپ آشنا می‌شی و یاد می‌گیری چطور بدون بارگذاری مجدد صفحه، ناوبری رو مدیریت کنی. از React.lazy و React Suspense برای بهینه‌سازی عملکرد با بارگذاری تنبل (lazy loading) استفاده می‌کنی. پیچیدگی‌های ناوبری سمت مشتری رو درک می‌کنی و به طور مؤثر از ساختارهای مختلف مسیرها عبور می‌کنی. در پایان این دوره، به راحتی می‌تونی جریان‌های کاربری بسازی، داده‌های دینامیک رو مدیریت کنی و تجربه‌های کاربری عالی رو در اپلیکیشن‌هات ارائه بدی.

اهداف یادگیری:
آشنایی با تکنیک‌های پیشرفته React Router.
درک نحوه کار با مسیرهای تو در تو و پارامترهای دینامیک.
یادگیری نحوه پیاده‌سازی مسیرهای محافظت‌شده.
بهینه‌سازی عملکرد اپلیکیشن با استفاده از React.lazy و React Suspense.
مدیریت ناوبری بدون بارگذاری مجدد صفحه و بهبود تجربه کاربری.

مهارت ها

TypeScriptWeb Development ToolsFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesOpen SourceSoftware DevelopmentOne-Off

سرفصل ها

شروع کار با React Router

  • 01 - تکنیک‌های React Router
  • 02 - چرا React Router و چرا در حال حاضر

1. اصول اولیه روتر React

  • 03 - مسیریابی سمت مشتری چیست
  • 04 - ویژگی‌های React Router
  • 05 - React Router را نصب و راه‌اندازی کنید
  • 06 - اجزای اصلی مسیریابی و پیوند
  • 07 - چالش - ناوبری بدون درز با مسیرهای پروفایل و داشبورد
  • 08 - راه حل - ناوبری بدون درز با مسیرهای پروفایل و داشبورد

2. مسیریابی پیشرفته با طرح‌بندی، مسیرهای تودرتو، و پارامترهای پویا

  • 09 - استخراج مسیرها و ساختاربندی طرح در React Router
  • 10 - شناخت مسیرهای تو در تو
  • 11 - مسیرهای پویا با useParams
  • 12 - ایجاد لینک‌های پویا با Link و NavLink
  • 13 - چالش - مسیرهای پویا را برای ارائه یک صفحه دستور پخت دقیق تنظیم کنید
  • 14 - راه حل - مسیرهای پویا را برای ارائه یک صفحه دستور پخت دقیق تنظیم کنید

3. محافظت از مسیرها با احراز هویت

  • 15 - ساخت صفحات ورود و پروفایل
  • 16 - اجرای مسیرهای حفاظت شده
  • 17 - مدیریت تغییر مسیرها و پیمایش برنامه‌ای
  • 18 - چالش - یک صفحه داشبورد را به عنوان یک مسیر محافظت شده پیاده‌سازی کنید
  • 19 - راه حل - یک صفحه داشبورد را به عنوان یک مسیر محافظت شده پیاده‌سازی کنید

4. بهینه‌سازی عملکرد با بارگذاری تنبل

  • 20 - شناخت بارگذاری تنبل و فواید آن
  • 21 - اجرای بارگذاری تنبل برای مسیرها و قطعات
  • 22 - مرزهای خطا برای اجزای بارگذاری شده تنبل
  • 23 - چالش - اجرای بارگذاری تنبل برای تمام مسیرها و اجزای اصلی
  • 24 - راه حل - اجرای بارگذاری تنبل برای تمامی مسیرها و اجزای اصلی

5. انتقال مسیر و افزایش تجربه کاربر

  • 25 - انتقال داده بین مسیرها - Link و useLocation
  • 26 - انتقال داده بین مسیرها - useNavigate
  • 27 - مدیریت 404 صفحه و تغییر مسیر

نتیجه گیری و مراحل بعدی

  • 28 - خلاصه ای از آموخته‌های کلیدی
  • 29 - مسیرهای یادگیری بیشتر در توسعه پیشرفته front-end

دوره های مرتبط

درباره ما

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

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal