آموزش جامع Angular Progressive Web Apps (PWA) و کتاب الکترونیکی رایگان - آخرین آپدیت

سرفصل ها و درس ها

کارگر خدمات زاویه ای Angular Service Worker

• نمای کلی دوره برنامه‌های پیشرونده وب Angular Angular Progressive Web Apps Course Helicopter View

• نسخه‌های نرم‌افزار پیشنهادی Recommended Software Versions

• کتاب الکترونیکی Jumpstart TypeScript The Typescript Jumpstart Ebook

• شروع دوره – نصب Node، NPM، IDE و کد بخش Service Workers Course Kick-Off - Install Node, NPM, IDE And Service Workers Section Code

• نحوه تبدیل یک برنامه Angular به PWA How To Convert an Angular Application Into a PWA

• نحوه تبدیل یک برنامه زاویه ای به PWA How To Convert an Angular Application Into a PWA

• نحوه اجرای سرویس ورکر Angular در حالت Production How To Run The Angular Service Worker In Production Mode

• نحوه اجرای Angular Service Worker در حالت تولید How To Run The Angular Service Worker In Production Mode

• سرویس ورکر Angular – چگونه کار می‌کند؟ Angular Service Worker - How Does it Work?

• مدیریت نسخه سرویس ورکر – چگونه کار می‌کند؟ Service Worker Version Management - How Does it Work?

• مدیریت نسخه Service Worker - چگونه کار می کند؟ Service Worker Version Management - How Does it Work?

• سوئیچ قطع سرویس ورکر Angular The Angular Service Worker Kill Switch

• سیاست کش عملکرد – ابتدا کش، سپس شبکه Performance Caching Policy - Cache First, Network Last

• سیاست کش تازگی – ابتدا شبکه، سپس کش Freshness Caching Policy - Network First, Cache Last

• سیاست ذخیره سازی تازه - شبکه اول، آخرین کش Freshness Caching Policy - Network First, Cache Last

سرویس ورکر Angular Angular Service Worker

• نمای هلیکوپتر دوره برنامه های وب پیشرو زاویه ای Angular Progressive Web Apps Course Helicopter View

• نسخه های نرم افزاری پیشنهادی Recommended Software Versions

• تایپ اسکریپت Jumpstart کتاب الکترونیکی The Typescript Jumpstart Ebook

• شروع دوره - کد بخش Node، NPM، IDE و Service Workers را نصب کنید Course Kick-Off - Install Node, NPM, IDE And Service Workers Section Code

• Angular Service Worker - چگونه کار می کند؟ Angular Service Worker - How Does it Work?

• سوئیچ کشنده سرویس انگولار The Angular Service Worker Kill Switch

• سیاست ذخیره سازی عملکرد - ابتدا حافظه پنهان، آخرین شبکه Performance Caching Policy - Cache First, Network Last

App Manifest - افزودن برنامه به صفحه اصلی App Manifest - Add Application To Home Screen

• Manifest برنامه – قابل نصب با یک کلیک کردن PWA App Manifest - Making a PWA One-Click Installable

Manifest برنامه – افزودن برنامه به صفحه اصلی App Manifest - Add Application To Home Screen

• App Manifest - ساختن PWA با یک کلیک قابل نصب App Manifest - Making a PWA One-Click Installable

پوسته کاربردی Angular The Angular Application Shell

• Shell برنامه چیست، چه مشکلی را حل می‌کند؟ What is an Application Shell, What Problem Does it Solve?

• آشنایی با رابطه بین App Shell و Angular Universal Learn the Relation Between the App Shell and Angular Universal

• یادگیری نحوه رندر شدن App Shell با استفاده از Angular Router Learn How the App Shell is Rendered Using the Angular Router

• نحوه رندر شدن App Shell با استفاده از روتر Angular را بیاموزید Learn How the App Shell is Rendered Using the Angular Router

• App Shell در عمل – مشاهده مزایای عملکرد The App Shell In Action - View Performance Benefits

• پوسته برنامه در عمل - مزایای عملکرد را مشاهده کنید The App Shell In Action - View Performance Benefits

Shell برنامه Angular The Angular Application Shell

• Application Shell چیست، چه مشکلی را حل می کند؟ What is an Application Shell, What Problem Does it Solve?

• ارتباط بین App Shell و Angular Universal را بیاموزید Learn the Relation Between the App Shell and Angular Universal

Push Notifications Push Notifications

• شروع بخش جدید – نوتیفیکیشن‌های Push New Section Kickoff - Push Notifications

• شناسایی سرور – تولید کلید VAPID با کتابخانه web-push Server Identification - Generating a VAPID key with the web-push library

• شناسایی سرور - ایجاد یک کلید VAPID با کتابخانه web-push Server Identification - Generating a VAPID key with the web-push library

• کلید عمومی VAPID و کلید خصوصی - تفاوت ها را بیاموزید VAPID Public Key and Private Key - Learn the Differences

• کلید عمومی و کلید خصوصی VAPID – آشنایی با تفاوت‌ها VAPID Public Key and Private Key - Learn the Differences

• نوتیفیکیشن‌های Push چگونه کار می‌کنند؟ ارائه‌دهندگان سرویس Push مخصوص مرورگر How do Push Notifications Work? Browser-specific Push Service Providers

• درخواست نوتیفیکیشن Push – تکمیل پیاده‌سازی Push Notifications Request - Implementation Completed

• نحوه نمایش مجدد پاپ‌آپ Allow یا Deny Notifications How To Display The Allow or Deny Notifications Popup Again

• نحوه نمایش مجدد بازشو Allow or Deny Notifications How To Display The Allow or Deny Notifications Popup Again

• نوتیفیکیشن Push در Node – پیاده‌سازی سرور با web-push Push Notification in Node - Server Implementation With web-push

• مشاهده نوتیفیکیشن‌های Web Push در عمل View Web Push Notifications In Action

• مشاهده اعلان‌های فشار وب در عمل View Web Push Notifications In Action

نوتیفیکیشن‌های Push Push Notifications

• بخش جدید شروع - اعلان‌های فشاری New Section Kickoff - Push Notifications

• Push Notifications چگونه کار می کند؟ ارائه دهندگان سرویس فشار خاص مرورگر How do Push Notifications Work? Browser-specific Push Service Providers

• درخواست Push Notifications - پیاده سازی تکمیل شد Push Notifications Request - Implementation Completed

• Push Notification در Node - پیاده سازی سرور با web-push Push Notification in Node - Server Implementation With web-push

اصول کارگر خدماتی Service Worker Fundamentals

• سرویس ورکرها به طور خلاصه – ثبت نام سرویس ورکر Service Workers In a Nutshell - Service Worker Registration

• سرویس ورکرها Hello World – چرخه حیات بخش ۱ و ابزارهای توسعه Chrome برای PWA Service Workers Hello World - Lifecycle Part 1 and PWA Chrome Dev Tools

• Service Workers Hello World - Lifecycle Part 1 و PWA Chrome Dev Tools Service Workers Hello World - Lifecycle Part 1 and PWA Chrome Dev Tools

• سرویس ورکرها و نسخه‌بندی برنامه – فازهای چرخه حیات Install & Activate Service Workers and Application Versioning - Install & Activate Lifecycle Phases

• کارکنان خدمات و نسخه‌سازی برنامه - مراحل چرخه حیات را نصب و فعال کنید Service Workers and Application Versioning - Install & Activate Lifecycle Phases

• دانلود صفحه آفلاین – فاز نصب سرویس ورکر Downloading The Offline Page - The Service Worker Installation Phase

• دانلود صفحه آفلاین - مرحله نصب Service Worker Downloading The Offline Page - The Service Worker Installation Phase

• معرفی Cache Storage PWA API Introduction to the Cache Storage PWA API

• مقدمه‌ای بر API کش ذخیره‌سازی PWA Introduction to the Cache Storage PWA API

• مشاهده قابلیت‌های رهگیری HTTP سرویس ورکرها در عمل View Service Workers HTTP Interception Features In Action

• مدیریت خطای سرویس ورکرها – ارائه صفحه آفلاین Service Workers Error Handling - Serving The Offline Page

• رسیدگی به خطای کارگران خدمات - ارائه صفحه آفلاین Service Workers Error Handling - Serving The Offline Page

مبانی سرویس ورکر Service Worker Fundamentals

• کارگران خدمات به طور خلاصه - ثبت نام کارگران خدمات Service Workers In a Nutshell - Service Worker Registration

• مشاهده ویژگی‌های رهگیری HTTP کارگران خدمات در عمل View Service Workers HTTP Interception Features In Action

کارگران خدماتی در عمل Service Workers In Practice

• مقدمه بخش – سرویس ورکرها و دانلود و نصب برنامه Section Introduction - Service Workers and Application Download and Installation

• معرفی بخش - دانلود و نصب اپلیکیشن و کارگران خدمات Section Introduction - Service Workers and Application Download and Installation

• دانلود برنامه در پس‌زمینه با استفاده از سرویس ورکرها Downloading an Application In The Background Using Service Workers

• استفاده از سرویس ورکرها برای پیاده‌سازی استراتژی Fetch ابتدا کش، سپس شبکه Using Service Workers To Implement a Cache Then Network Fetch Strategy

• استفاده از Service Workers برای اجرای یک کش و سپس شبکه واکشی استراتژی Using Service Workers To Implement a Cache Then Network Fetch Strategy

• مدیریت نسخه سرویس ورکر در عمل Service Worker Version Management in Action

• مدیریت نسخه Service Worker - حذف نسخه های قبلی برنامه Service Worker Version Management - Deleting Previous Application Versions

• مدیریت نسخه سرویس ورکر – حذف نسخه‌های قبلی برنامه Service Worker Version Management - Deleting Previous Application Versions

• مزایای عملکرد سرویس ورکر نسبت به اتصال کند Performance Benefits of a Service Worker over a Slow Connection

• چرخه حیات سرویس ورکر – درک رفتار پیش‌فرض Service Worker Lifecycle - Understanding The Default Behavior

• شخصی‌سازی چرخه حیات سرویس ورکر – فعال‌سازی زودهنگام با clients.claim() Service Worker Lifecycle Customization -Early Activation with clients.claim()

• سفارشی‌سازی چرخه عمر کارگر سرویس -فعال‌سازی اولیه با clients.claim() Service Worker Lifecycle Customization -Early Activation with clients.claim()

• شخصی‌سازی چرخه حیات سرویس ورکر با skipWaiting() Service Worker Lifecycle Customization with skipWaiting()

• سفارشی سازی چرخه عمر سرویس کارگر - نسخه های جدید را به صورت دستی بررسی کنید Service Worker Lifecycle Customization - Manually Check For New Versions

• شخصی‌سازی چرخه حیات سرویس ورکر – بررسی دستی نسخه‌های جدید Service Worker Lifecycle Customization - Manually Check For New Versions

سرویس ورکرها در عمل Service Workers In Practice

• دانلود یک برنامه در پس زمینه با استفاده از Service Workers Downloading an Application In The Background Using Service Workers

• Service Worker نسخه مدیریت در عمل Service Worker Version Management in Action

• مزایای عملکرد یک کارگر خدماتی از طریق اتصال آهسته Performance Benefits of a Service Worker over a Slow Connection

• چرخه عمر کارگر خدمات - درک رفتار پیش فرض Service Worker Lifecycle - Understanding The Default Behavior

• سفارشی سازی چرخه عمر Service Worker با skipWaiting() Service Worker Lifecycle Customization with skipWaiting()

نتیجه Conclusion

• سخنرانی پاداش Bonus Lecture

• درس اضافی (به‌روز شده در جولای ۲۰۲۵) Bonus Lecture (Updated July 2025)

• سخنرانی پاداش Bonus Lecture

• نتیجه‌گیری دوره و نکات کلیدی Course Conclusion and Key Takeaways

نتیجه‌گیری Conclusion

• نتیجه گیری دوره و نکات کلیدی Course Conclusion and Key Takeaways