در این دوره با نحوه ایجاد اپلیکیشن وب پیش رونده یا PAW با استفاده از Cache API، مفاهیم اصلی اپلیکیشن وب progressive و پیاده سازی آنها در اپلیکیشن ها، معرفی API جدید مانند Fetch API، promises و غیره، نحوه بهبود عملکرد با Workbox، از استقرار تا تولید آنها و غیره آشنا می شوید.

سرفصل:

  • معرفی PWA
  • معرفی دوره
  • PWA چیست؟
  • مفاهیم PWA
  • PRPL Pattern چیست؟
  • دمو پروژه نهایی
  • UI واکنش گرا
  • معرفی و راه اندازی ابزارها
  • درک Web App Manifest
  • درک App Manifest Properties
  • افزودن Properties به manifest.json
  • پیش نیازها برای نصب اپلیکیشن وب
  • اجرای شبیه ساز اندروید و استفاده از ابزارهای توسعه دهندگان Chrome برای اشکال زدایی
  • افزودن Properties  به Safari
  • افزودن Properties به Internet Explorer
  • Service Worker
  • Promise API
  • Fetch API
  • Service Worker چیست و چگونه کار می کند؟
  • رویدادها در Service Worker
  • چرخه عمر Service Worker
  • محدوده کار برای Service Worker
  • رجیستر،  به روز رسانی، فعال کردن SW
  • اشکال زدایی Service Worker
  • نصب  App Banner و کنترل آن
  • اشکال زدایی و تست در دستگاه شبیه سازی شده اندروید
  • تمرین با پروژه اپلیکیشن
  • کش و پشتیبانی آفلاین
  • گزینه های ذخیره سازی
  • Cache API
  • Pre-Caching/Static Caching
  • معرفی ES6
  • افزودن و به روز رسانی Cache
  • پاسخ با Cache
  • کش کردن پویا از Fetch
  • Offline Respond Placeholders
  • حذف / پاکسازی کش ها
  • استراتژی های کش
  • کش محتوا پویا
  • IndexedDB / نوشتن داده
  • IndexedDB / بازیابی و حذف
  • ابزارهایی برای ایجاد کش و Service Worker
  • استقرار در Firebase
  • راه اندازی Firebase CLI
  • آماده سازی اپلیکیشن برای استقرار
  • همگام سازی پس زمینه
  • نحوه همگام سازی پس زمینه
  • رجیستر تسک هم زمان
  • ذخیره داده های ما در IndexedDB و Firebase
  • هم زمان سازی داده ها در Service Worker با سرور
  • هم زمان سازی دوره ای
  • Push Notification
  • درخواست مجوز، اشتراک و نمایش نوتیفیکیشن
  • ذخیره سازی اشتراک کلاینت و ایمن سازی آن در Backend
  • ارسال نوتیفیکیشن از طریق سرور و گوش دادن از Service Worker
  • پاک سازی  اشتراک ها
  • PWA با SPA
  • PWA در اپلیکیشن Angular
  • PWA در اپلیکیشن React
  • PWA در اپلیکیشن Vue
  • PWA در اپلیکیشن Ember