دوره آموزشی تکنیکهای بهینهسازی عملکرد Angular
1 ساعت 54 دقیقهمتوسط2025-05-01
مدرسین

Alain R. Chautard
Google Developer Expert in web technologies and Angular
جزئیات دوره
این دوره بهت مهارتهایی میده که بتونی عملکرد برنامههای Angular خودت رو آنالیز کنی و بهینهسازیشون کنی. یاد میگیری چطور مشکلات رایج کندی یا کمبود سرعت برنامهها رو شناسایی کنی و با استفاده از روشهای بهینهسازی مثل بهبود تشخیص تغییرات (Change Detection)، تقسیمبندی کد (Code Splitting)، بارگذاری تنبل (Lazy Loading)، مدیریت دادهها و رندر سمت سرور (Server-Side Rendering) برنامههات رو سریعتر و روانتر اجرا کنی. این تکنیکها کمک میکنن که برنامههات بهتر جواب بدن و تجربه کاربری بهتری ارائه بدن.
در پایان این دوره، کلی راهکار عملی یاد میگیری که میتونی تو پروژههای واقعی Angular ازش استفاده کنی و سرعت و پاسخگویی اپلیکیشنها رو بالا ببری.
اهداف یادگیری
شناسایی مشکلات مربوط به عملکرد در برنامههای Angular
رفع و بهینهسازی مشکلات عملکردی برنامهها
شناخت و جلوگیری از اشتباهات رایجی که تو فرایند توسعه باعث افت سرعت و عملکرد میشن
در پایان این دوره، کلی راهکار عملی یاد میگیری که میتونی تو پروژههای واقعی Angular ازش استفاده کنی و سرعت و پاسخگویی اپلیکیشنها رو بالا ببری.
اهداف یادگیری
شناسایی مشکلات مربوط به عملکرد در برنامههای Angular
رفع و بهینهسازی مشکلات عملکردی برنامهها
شناخت و جلوگیری از اشتباهات رایجی که تو فرایند توسعه باعث افت سرعت و عملکرد میشن
مهارت ها
AngularFront-End Web DevelopmentCloud ServicesWeb DevelopmentCloud ComputingOpen SourceOne-Off
سرفصل ها
مقدمه
- بهینهسازی عملکرد انگولار
عملکرد و زاویهای
- چرا عملکرد اهمیت دارد
- نحوه کار برنامههای وب مدرن
- فرآیند ساخت Angular
ابزارهایی برای ارزیابی عملکرد
- فانوس دریایی - دریافت بازخورد و موارد عملی برای بهبود
- ابزار توسعهدهندگان کروم برای پروفایلر
- ابزار پروفایل توسعهدهنده انگولار
- تحلیل وابستگی
- بودجه بندی کنید
- کد خود را برای اشتباهات رایج، مرتب کنید
- خلاصه ابزارهای عملکرد
بهبود عملکرد با حذف کد
- حذف وابستگیها و ایمپورتهای بلااستفاده
- در مورد وابستگیها انتقادپذیر باشید
- کامپوننتهای مستقل به جای NgModules
- فقط کد نیست - تصاویر، CSS، فونتها و سایر داراییها
- دستورالعمل NgOptimizedImage
بهبود عملکرد با بارگذاری تنبل
- نحوهی عملکرد بارگذاری تنبل
- بارگذاری تنبل با ماژولها
- بارگذاری تنبل با کامپوننتهای مستقل
- بلوک @defer - مقدمه
- پیکربندی و گزینههای بلوک @defer
تکنیکهای خاص زاویهای برای عملکرد
- نحوهی عملکرد تشخیص تغییر زاویهای
- اجزای ظرف و ارائه
- استفاده از سیگنالها برای بهبود تشخیص تغییرات
- ذخیرهسازی دادهها با سرویس ها
- ذخیرهسازی دادهها با استفاده از سرویس ورکر انگولار
رندرینگ سمت سرور
- رندر سمت سرور (SSR) چیست؟
- رندرینگ سمت سرور در عمل
- تولید سایت استاتیک (SSG)
- اندازهگیری بهبودها با SSR و SSG
- مزایا و معایب SSR و SSG
نتیجهگیری
- مراحل بعدی در سفر Angular شما