آموزش توسعه برنامه های کاربردی وب پیشرو [ویدئو]

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

مقدمه ای بر PWA Introduction to PWA

• بررسی اجمالی دوره The Course Overview

• واقعا PWA چیست؟ What Really is a PWA?

• مفاهیم اصلی PWA PWA Core Concepts

• الگوی PRPL چیست؟ What is PRPL Pattern?

• نسخه ی نمایشی پروژه دوره نهایی Demo of Final Course Project

• رابط کاربری پاسخگو Responsive UI

• بررسی اجمالی و راه اندازی ابزارها Tools Overview and Setup

درک مانیفست برنامه وب Understanding Web App Manifest

• آشنایی با ویژگی‌های مانیفست برنامه Understanding App Manifest Properties

• Properties را به manifest.json اضافه کنید Add Properties to manifest.json

• پیش نیازهای نصب برنامه وب Prerequisites for Installing Web App

• شبیه ساز اندروید را اجرا کنید و از ابزارهای توسعه دهنده کروم برای اشکال زدایی استفاده کنید Run Android Emulator and Leverage Chrome Dev Tools for Debugging

• افزودن خواص برای سافاری Add Properties for Safari

• افزودن خواص برای اینترنت اکسپلورر Add Properties for Internet Explorer

کارگر خدمات Service Worker

• Promise API Promise API

• واکشی API Fetch API

• کارگر خدماتی چیست و چگونه کار می کند؟ What Is a Service Worker and How it Works?

• رویدادها در سرویس کارگر Events in Service Worker

• چرخه عمر کارگر خدماتی Service Worker Lifecycle

• محدوده کار برای یک کارگر خدماتی Scope Working for a Service Worker

• ثبت نام، به روز رسانی، فعال کردن SW Register, Update, Activate SW

• کارمند خدمات ما را اشکال زدایی کنید Debug Our Service Worker

• بنر برنامه را نصب کنید و روی آن کنترل کنید Install App Banner and Control Over it

• اشکال زدایی و تست روی دستگاه شبیه سازی شده اندروید Debug and Test on Android Emulated Device

• با پروژه نهایی برنامه ما تمرین کنید Practice with Our Final App Project

کش و پشتیبانی آفلاین Cache and Offline Support

• گزینه های ذخیره سازی Storage Options

• Cache API Cache API

• پیش ذخیره سازی/ذخیره سازی استاتیک Pre-Caching/Static Caching

• نمای کلی ES6 ES6 Overview

• افزودن، به روز رسانی کش Add, Update Cache

• با کش پاسخ دهید Respond with Cache

• ذخیره دینامیک هنگام واکشی Dynamic Caching Upon Fetch

• متغیرهای پاسخ آفلاین Offline Respond Placeholders

• حذف/پاکسازی کش ها Remove/Cleanup Caches

• استراتژی های ذخیره سازی Caching Strategies

• با پروژه نهایی برنامه ما تمرین کنید Practice with Our Final App Project

حافظه پنهان محتوای پویا Dynamic Content Cache

• IndexedDB/Write Data IndexedDB / Write Data

• IndexedDB/بازیابی و حذف IndexedDB / Retrieve and Delete

• ابزارهایی برای کمک به ایجاد کش و سرویس‌کار Tools to Help Create Cache and Service Worker

• با پروژه نهایی برنامه ما تمرین کنید Practice with Our Final App Project

استقرار در Firebase Deployment to Firebase

• Firebase CLI را راه اندازی کنید Setup Firebase CLI

• برنامه ما را برای استقرار آماده کنید Make Our App Ready to Deploy

• در Firebase مستقر شوید Deploy to Firebase

همگام سازی پس زمینه Background Sync

• چگونه همگام سازی پس زمینه کمک می کند How Background Sync Helps

• ثبت یک کار همگام سازی Register a Synchronization Task

• ذخیره داده های ما در IndexedDB و Firebase Storing Our Data in IndexedDB and Firebase

• همگام سازی داده ها در Server Worker با سرور Syncing Data in Server Worker with Server

• همگام سازی دوره ای Periodic Sync

Push Notification Push Notification

• اصول Push Notification Fundamentals Push Notification Fundamentals

• درخواست مجوز، اشتراک و اعلان نمایش Request Permission, Subscription, and Display Notification

• اشتراک مشتری را ذخیره کنید و آن را در Backend ایمن کنید Store Client Subscription and Secure It in Backend

• ارسال اعلان از سرور و گوش دادن از سرویس کارگر Send Notification from Server and Listen from Service Worker

• پاک کردن اشتراک ها Clean Up Subscriptions

PWA با SPA PWA with SPA

• PWA در یک برنامه Angular PWA in an Angular App

• PWA در برنامه React PWA in a React App

• PWA در یک برنامه Vue PWA in a Vue App

• PWA در یک برنامه Ember PWA in an Ember App