Progressive Web App atau sering disingkat menjadi PWA, adalah penambahan fitur kedalam web application secara progresive hingga web pages lebih memiliki feel native mobile apps.
Contoh fitur tersebut adalah, web apps dapat berjalan offline mode, dapat menambahkan home icon, background synchronize, akses device system seperti kamera dan location.
Sebelum PWA, hal diatas sulit dilakukan. Sekarang cukup mudah karena browser sudah support fitur-fitur diatas. (hingga saat ini browser yang support penuh adalah chrome).
Dengan menggunakan fitur PWA, web akan menjadi lebih
- Realible, loading yang cepat, dan tetap berjalan saat offline (walaupun tidak semua fitur).
- Responsive, respon terhadap user action harus cepat.
- Engaging, memiliki feel seperti mobile native application.
Prasyarat course:
- Memahami CSS, HTML dan JavaScript
- Menggunakan Chrome versi terbaru
Course PWA dasar ini akan membahas tentang file manifest.json dan caching. Berikut kurikulum Course PWA Dasar
- Intro PWA
- Komponen PWA
- Course PWA Setup
- PWA manifest.json
- Emulator Untuk Test PWA
- Service Workers – Teori
- Service Worker Life Cycle
- PWA – Add To Home Screen
- Pengenalan JavaScript Promise
- Fetch API
- Caching Dengan Service Worker
- Caching App Shell
- Caching Dynamic Content
- Custom Offline Page
- Strategi Cache then Network
image courtesy of https://www.onlinepc.ch