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

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

1 ساعت 54 دقیقهمتوسط2025-05-01

مدرسین

Alain R. Chautard

Alain R. Chautard

Google Developer Expert in web technologies and Angular

جزئیات دوره

این دوره بهت مهارت‌هایی می‌ده که بتونی عملکرد برنامه‌های Angular خودت رو آنالیز کنی و بهینه‌سازی‌شون کنی. یاد می‌گیری چطور مشکلات رایج کندی یا کمبود سرعت برنامه‌ها رو شناسایی کنی و با استفاده از روش‌های بهینه‌سازی مثل بهبود تشخیص تغییرات (Change Detection)، تقسیم‌بندی کد (Code Splitting)، بارگذاری تنبل (Lazy Loading)، مدیریت داده‌ها و رندر سمت سرور (Server-Side Rendering) برنامه‌هات رو سریع‌تر و روان‌تر اجرا کنی. این تکنیک‌ها کمک می‌کنن که برنامه‌هات بهتر جواب بدن و تجربه کاربری بهتری ارائه بدن.

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

اهداف یادگیری
شناسایی مشکلات مربوط به عملکرد در برنامه‌های Angular
رفع و بهینه‌سازی مشکلات عملکردی برنامه‌ها
شناخت و جلوگیری از اشتباهات رایجی که تو فرایند توسعه باعث افت سرعت و عملکرد می‌شن

مهارت ها

AngularFront-End Web DevelopmentCloud ServicesWeb DevelopmentCloud ComputingOpen SourceOne-Off

سرفصل ها

مقدمه

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

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

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

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

  • فانوس دریایی - دریافت بازخورد و موارد عملی برای بهبود
  • ابزار توسعه‌دهندگان کروم برای پروفایلر
  • ابزار پروفایل توسعه‌دهنده انگولار
  • تحلیل وابستگی
  • بودجه بندی کنید
  • کد خود را برای اشتباهات رایج، مرتب کنید
  • خلاصه ابزارهای عملکرد

بهبود عملکرد با حذف کد

  • حذف وابستگی‌ها و ایمپورت‌های بلااستفاده
  • در مورد وابستگی‌ها انتقادپذیر باشید
  • کامپوننت‌های مستقل به جای NgModules
  • فقط کد نیست - تصاویر، CSS، فونت‌ها و سایر دارایی‌ها
  • دستورالعمل NgOptimizedImage

بهبود عملکرد با بارگذاری تنبل

  • نحوه‌ی عملکرد بارگذاری تنبل
  • بارگذاری تنبل با ماژول‌ها
  • بارگذاری تنبل با کامپوننت‌های مستقل
  • بلوک ‎@defer‎ - مقدمه
  • پیکربندی و گزینه‌های بلوک ‎@defer‎

تکنیک‌های خاص زاویه‌ای برای عملکرد

  • نحوه‌ی عملکرد تشخیص تغییر زاویه‌ای
  • اجزای ظرف و ارائه
  • استفاده از سیگنال‌ها برای بهبود تشخیص تغییرات
  • ذخیره‌سازی داده‌ها با سرویس ها
  • ذخیره‌سازی داده‌ها با استفاده از سرویس ورکر انگولار

رندرینگ سمت سرور

  • رندر سمت سرور (SSR) چیست؟
  • رندرینگ سمت سرور در عمل
  • تولید سایت استاتیک (SSG)
  • اندازه‌گیری بهبودها با SSR و SSG
  • مزایا و معایب SSR و SSG

نتیجه‌گیری

  • مراحل بعدی در سفر Angular شما
۴۰,۰۰۰ تومان