دوره آموزشی رمزگشایی Angular: بهینه‌سازی عملکرد

دوره آموزشی رمزگشایی Angular: بهینه‌سازی عملکرد

1 ساعت 31 دقیقهپیشرفته2025-06-25

مدرسین

Derek Peruo

Derek Peruo

Angular.js Architect

جزئیات دوره

توی دنیای دیجیتال امروز که همه چی با سرعت نور جلو می‌ره، حتی چند میلی‌ثانیه تأخیر می‌تونه باعث بشه یه کاربر از سایت یا اپلیکیشن‌ت بزنه بیرون و بره سراغ یه جای دیگه! مخصوصاً وقتی قراره اپ‌هایی طراحی کنی که هم سریع باشن، هم مقیاس‌پذیر، و هم همیشه آماده سرویس‌دهی.

توی این دوره فوق‌پیشرفته، دِرِک پِروئو که یه لید تکنیکال با تجربه توی پروژه‌های Angular و Ionic در مقیاس بالا هست، قراره تا ته ماجرا رو برات باز کنه. یعنی نه فقط یه مرور سطحی، بلکه می‌ره سراغ بطن Angular و تکنیک‌هایی که خیلیا بلد نیستن:

✅ چطور change detection رو بهینه کنی تا اپ سبک‌تر کار کنه؟
✅ چطور injectorها رو جدا کنی که بار اضافی رو دوش اپ نیفته؟
✅ چطوری از Angular Refs مثل ElementRef، TemplateRef و ViewRef استفاده کنی تا سرعت بالا بره و بتونی راحت‌تر عناصر و ویوها رو مدیریت کنی؟

اگه می‌خوای اپلیکیشن Angular‌ت توی بازار بدرخشه، این دوره یه مسیر کامل برات باز می‌کنه تا از یه برنامه‌نویس معمولی، به یه Angular Performance Ninja تبدیل بشی!

🎯 اهداف یادگیری:
بهینه‌سازی عملکرد Angular با تنظیم دقیق مکانیزم‌هایی مثل تشخیص تغییرات (change detection)، کپسوله‌سازی نما (view encapsulation) و توکن‌های تزریق وابستگی (injection tokens).

جداسازی injectors برای کاهش بار اضافی، مدیریت ساختار سلسله‌مراتبی کامپوننت‌ها و جلوگیری از ایجاد تسک‌های سنگین روی نخ اصلی (main thread).

استفاده حرفه‌ای از Angular Refs مثل ElementRef، TemplateRef و ViewRef برای مدیریت مؤثرتر اجزای اپلیکیشن و بالا بردن کارایی.

مهارت ها

AngularAdvancedFront-End Web DevelopmentCloud ServicesWeb DevelopmentCloud ComputingOpen Source

سرفصل ها

مقدمه

  • کاربران برنامه‌های سریع می‌خواهند
  • آنچه باید بدانید
  • استفاده از کد مثال و Codespaces
  • مرور کلی برنامه

معیارها و ابزارهای عملکرد

  • معیارهای عملکرد رایج
  • نمای کلی فانوس دریایی
  • مروری بر ابزارهای توسعه‌ی انگولار

بهینه‌سازی عملکرد

  • تنظیمات رایج پیکربندی
  • کپسوله‌سازی نمای کامپوننت
  • نادیده گرفتن تشخیص تغییر در زیردرخت‌های مؤلفه
  • تنظیم دقیق مدیریت وضعیت
  • بهینه‌سازی محاسبات کند
  • بارگذاری را با بلوک‌های defer به تعویق بیندازید
  • تشخیص و جلوگیری از نشت حافظه
  • افزایش عملکرد روتر
  • بهینه‌سازی فرم‌ها و فرم‌های واکنش‌گرا
  • بهینه‌سازی تصاویر
  • جلوگیری از آلودگی منطقه
  • انگولار بدون Zone.js (Zoneless)
  • تقویت تجربه کاربری با الگوی پوسته برنامه
  • چالش کدنویسی
  • راه حل

الگوهای معماری کد

  • کاهش اندازه بسته با ارائه دهندگان tree-shakable
  • جداسازی انژکتورها در سلسله مراتب
  • تمیز نگه داشتن thread اصلی با web workerها
  • دستیابی به اولویت آفلاین با سرویس ورکرها
  • دریافت فوری داده‌ها با ذخیره‌سازی سمت کلاینت
  • ایجاد تعادل بین امنیت و عملکرد
  • با استفاده از Angular refs کنترل بیشتری به دست آورید
  • چالش کدنویسی
  • راه حل

نتیجه‌گیری

  • نگاهی عمیق‌تر به Angular
۴۰,۰۰۰ تومان