فلش‌کارت‌های آموزشی خدمات کارگری: وب آفلاین و فراتر از آن

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره خدمات کارگری: وب آفلاین و فراتر از آن

موضوع کلی: توسعه‌دهندگان وب

موضوع میانی: فناوری‌های وب پیشرفته

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر خدمات کارگری
• 2. مرور تاریخچه وب و نیاز به خدمات کارگری
• 3. درک مفهوم Service Worker و کاربردهای آن
• 4. بررسی قابلیت‌های اصلی Service Worker
• 5. معماری Service Worker: چرخه حیات و رویدادها
• 6. نصب Service Worker: ثبت و فعال‌سازی
• 7. کش کردن منابع با Service Worker
• 8. استراتژی‌های کش کردن: Cache First, Network First
• 9. کش کردن آفلاین: ایجاد تجربه کاربری آفلاین
• 10. مدیریت درخواست‌ها و پاسخ‌ها با Service Worker
• 11. ارتباط با سرور: استفاده از API Fetch در Service Worker
• 12. Push Notifications: معرفی و پیاده‌سازی
• 13. پیاده‌سازی Push Notifications با Web Push API
• 14. Sync API: هماهنگ‌سازی داده‌ها در پس‌زمینه
• 15. Background Sync: انجام وظایف به صورت آفلاین
• 16. Broadcast Channel API: ارتباط بین Service Worker و صفحات وب
• 17. استفاده از Workbox برای ساده‌سازی توسعه Service Worker
• 18. معرفی Workbox و قابلیت‌های آن
• 19. Build Tools و Workbox: بهینه‌سازی و کوچک‌سازی
• 20. Routing و Caching با Workbox
• 21. استفاده از Workbox برای Push Notifications
• 22. آشنایی با IndexedDB و Local Storage
• 23. ذخیره‌سازی داده‌ها در Service Worker
• 24. مدیریت Cache API: افزودن، حذف و به‌روزرسانی کش
• 25. به‌روزرسانی Service Worker: استراتژی‌های به‌روزرسانی
• 26. معرفی Broadcast Update
• 27. استفاده از Cacheable Response
• 28. استفاده از Stale-While-Revalidate
• 29. استفاده از Network Only
• 30. استفاده از Cache Only
• 31. عیب‌یابی و تست Service Worker
• 32. ابزارهای توسعه مرورگر برای Service Worker
• 33. شبیه‌سازی شرایط آفلاین برای تست
• 34. رفع مشکلات رایج Service Worker
• 35. بهینه‌سازی عملکرد Service Worker
• 36. کاهش حجم Service Worker
• 37. بهینه‌سازی زمان پاسخگویی
• 38. امنیت Service Worker
• 39. جلوگیری از حملات XSS در Service Worker
• 40. مدیریت HTTPS و امنیت Service Worker
• 41. Service Worker در فریم‌ورک‌های جاوااسکریپت (React, Angular, Vue)
• 42. استفاده از Service Worker با React
• 43. استفاده از Service Worker با Angular
• 44. استفاده از Service Worker با Vue
• 45. پیاده‌سازی Progressive Web App (PWA)
• 46. معرفی PWA و مزایای آن
• 47. Manifest File: پیکربندی PWA
• 48. Service Worker و PWA: ایجاد تجربه کاربری عالی
• 49. استفاده از Web App Manifest
• 50. بهینه‌سازی PWA برای موتورهای جستجو
• 51. Service Worker و SEO
• 52. بهبود رتبه سئو با PWA
• 53. مطالعه موردی: پیاده‌سازی Service Worker در یک وب‌سایت واقعی
• 54. مثال عملی: ایجاد یک اپلیکیشن آفلاین ساده
• 55. آینده Service Worker و Web Technologies
• 56. آخرین تغییرات و نوآوری‌ها در Service Worker
• 57. Service Worker و WebAssembly
• 58. Service Worker و Web Components
• 59. منابع بیشتر برای یادگیری Service Worker