آموزش ساخت اپلیکیشن‌های آفلاین با Service Workers - آخرین آپدیت

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

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

• چرا رویکرد اول-آفلاین اهمیت دارد Why Offline-first Matters

• معماری یک وب‌اپلیکیشن آفلاین The Architecture of an Offline Web App

• درک چرخه حیات سرویس ورکر Understanding the Service Worker Lifecycle

• دمو: ثبت و فعال‌سازی سرویس ورکر Demo: Registering and Activating a Service Worker

• دمو: رهگیری درخواست‌ها Demo: Intercepting Requests

استراتژی‌های کشینگ و مدیریت داده‌های آفلاین Caching Strategies and Offline Data Management

• آشنایی با Cache API Understanding the Cache API

• توضیح استراتژی‌های کشینگ Caching Strategies Explained

• دمو: پیاده‌سازی استراتژی‌های کشینگ Demo: Applying Caching Strategies

• مقدمه‌ای بر IndexedDB برای داده‌های آفلاین Introduction to IndexedDB for Offline Data

• دمو: ذخیره و بازیابی داده‌ها در IndexedDB Demo: Saving and Retrieving Data in IndexedDB

الگوهای پیشرفته آفلاین Advanced Offline Patterns

• دمو: مدل App Shell Demo: The App Shell Model

• دمو: بهینه‌سازی با Navigation Preload Demo: Optimizing with Navigation Preload

• دمو: ناوبری آفلاین روان با استفاده از Fallbacks Demo: Graceful Offline Navigation with Fallbacks

• دمو: اطلاع‌رسانی به کاربران درباره به‌روزرسانی‌های پس‌زمینه Demo: Notifying Users of Background Content Updates

• دمو: پاک‌سازی، لغو ثبت سرویس ورکرها و خالی کردن کش Demo: Cleanup, Unregistering Service Workers, and Clearing Caches

ساده‌سازی توسعه با Workbox Simplifying Development with Workbox

• چرا از Workbox استفاده کنیم؟ Why Workbox?

• دمو: پیش-کش کردن دارایی‌های استاتیک با Workbox Demo: Pre-caching Static Assets with Workbox

• دمو: کشینگ پویا در زمان اجرا با استراتژی‌های Workbox Demo: Dynamic Runtime Caching with Workbox Strategies

• دمو: جایگزین آفلاین برای ناوبری Demo: Offline Fallback for Navigation

همگام‌سازی پیشرفته و مدیریت داده‌ها Advanced Synchronization and Data Handling

• دمو: عملیات منعطف با Background Sync Demo: Resilient Actions with Background Sync

• دمو: به‌روز نگه داشتن محتوا با Periodic Background Sync Demo: Keeping Content Fresh with Periodic Background Sync

• دمو: مدیریت بهینه داده‌ها با Streams API Demo: Efficient Data Handling with the Streams API