دوره آموزشی تکنیکهای بهینهسازی عملکرد 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
سرفصل ها
۰. مقدمه
- 01 - بهینهسازی عملکرد انگولار
۱. عملکرد و زاویهای
- 02 - چرا عملکرد اهمیت دارد
- 03 - نحوه کار برنامههای وب مدرن
- 04 - فرآیند ساخت Angular
۲. ابزارهایی برای ارزیابی عملکرد
- 05 - فانوس دریایی - دریافت بازخورد و موارد عملی برای بهبود
- 06 - ابزار توسعهدهندگان کروم برای پروفایلر
- 07 - ابزار پروفایل توسعهدهنده انگولار
- 08 - تحلیل وابستگی
- 09 - بودجه بندی کنید
- 10 - کد خود را برای اشتباهات رایج، مرتب کنید
- 11 - خلاصه ابزارهای عملکرد
۳. بهبود عملکرد با حذف کد
- 12 - حذف وابستگیها و ایمپورتهای بلااستفاده
- 13 - در مورد وابستگیها انتقادپذیر باشید
- 14 - کامپوننتهای مستقل به جای NgModules
- 15 - فقط کد نیست - تصاویر، CSS، فونتها و سایر داراییها
- 16 - دستورالعمل NgOptimizedImage
۴. بهبود عملکرد با بارگذاری تنبل
- 17 - نحوهی عملکرد بارگذاری تنبل
- 18 - بارگذاری تنبل با ماژولها
- 19 - بارگذاری تنبل با کامپوننتهای مستقل
- 20 - بلوک @defer - مقدمه
- 21 - پیکربندی و گزینههای بلوک @defer
۵. تکنیکهای خاص زاویهای برای عملکرد
- 22 - نحوهی عملکرد تشخیص تغییر زاویهای
- 23- اجزای ظرف و ارائه
- 24- استفاده از سیگنالها برای بهبود تشخیص تغییرات
- 25 - ذخیرهسازی دادهها با سرویس ها
- 26 - ذخیرهسازی دادهها با استفاده از سرویس ورکر انگولار
۶. رندرینگ سمت سرور
- 27 - رندر سمت سرور (SSR) چیست؟
- 28 - رندرینگ سمت سرور در عمل
- 29 - تولید سایت استاتیک (SSG)
- 30 - اندازهگیری بهبودها با SSR و SSG
- 31 - مزایا و معایب SSR و SSG
نتیجهگیری
- 32 - مراحل بعدی در سفر Angular شما
دوره های مرتبط
- دوره آموزشی واکنشگرایی و سیگنالها در Angular
- دوره آموزشی ساخت کتابخانههای Angular
- دوره آموزشی رمزگشایی Angular: بهینهسازی عملکرد
- دوره آموزشی ساخت اپلیکیشنهای Angular و ASP.NET Web API
- دوره آموزشی مدیریت وضعیت در Angular با NgRx
- دوره آموزشی انگولار: ساخت برنامههای بزرگ
- دوره آموزشی تست و اشکال زدایی در انگولار
- دوره آموزشی Angular: برنامه های وب پیشرفته