Pelatihan Progressive Web Application
Training Progressive Web Application – Progressive Web App adalah suatu teknik bagaimana Anda dapat mengakses dengan cepat pengalaman website dan aplikasi menjadi satu tanpa harus menginstall / memasang aplikasi tersebut. Sederhananya, PWA memungkinkan kita untuk bisa mengakses dengan cepat suatu aplikasi dengan tampilan mobile web pada perangkat smartphone.
Terkadang, setiap smartphone mempunyai keterbatasan dalam menginstall aplikasi, sehingga pilihan untuk menginstal aplikasi native menjadi pertimbangan dikarenan resource yang terbatas dan dapat menyebabkan kinerja smartphone menjadi lambat. Menggunakan Progressive Web App (PWA) diharapkan menjadi solusi untuk mengatasi masalah dimana PWA dapat berjalan layaknya seperti aplikasi native yang di instal pada smartphone.
PWA didukung dengan sistem yang bernama Service Worker, dimana teknologi ini memberikan fungsionalitas offline, notifikasi, update konten, pergantian konektifitas dan lainnya. Sehingga, dalam koneksi yang lambat atau koneksi yang tidak stabil, Anda dapat mengakses website dengan cepat dan mempunyai tampilan yang sama seperti terakhir anda membuka aplikasinya melalui web browser.
Tujuan
-  Website yang dibangun dengan PWA memiliki sifat aplikasi native, sehingga Anda tidak perlu menyiapkan biaya lebih untuk membuat aplikasi native.
- PWA dapat berfungsi secara offline, sehingga pengguna dapat menggunakan website walaupun tanpa koneksi internet.
- PWA dapat mempercepat proses pemuatan website dan mengurangi beban server.
- PWA sudah banyak diterapkan oleh industri contohnya Twitter, Facebook, Bukalapak, Tokopedia, dsb. Ia terbukti dapat meningkatkan performa web terutama ketika diakses melalui perangkat mobile devices.
- PWA menggunakan pendekatan mobile-first, ini berarti website yang dikembangkan dengan PWA akan berfungsi pada mobile devices tanpa masalah.
Materi
- Promises and Fetch
API modern yang dapat kita gunakan untuk menulis blok kode dengan lebih mudah dan intuitif.
- Service Worker
Dengan menggunakan service worker, kita dapat memanfaatkan resourceyang telah disimpan di dalam cache untuk ditampilkan kembali bahkan dalam mode jaringan offline. - Application Shell
Kerangka antarmuka aplikasi yang dibangun oleh beberapa komponen halaman dan aset lainnya. Ia disimpan lebih dahulu di dalam cache sehingga dapat tampil secara instan saat aplikasi dibuka.
- Cache API
Cache terpisah dari cache biasa yang dikelola oleh browser.
- Indexed DB
Sistem penyimpanan lokal berbasis NoSQL di browser. Kita dapat menyimpan data apa pun di browser pengguna untuk keperluan aplikasi.
- Web Push
API yang dapat menerima pesan pemberitahuan dari server di background
- Workbox
Koleksi library dan tool yang dapat kita gunakan untuk menghasilkan berkas service worker, precaching, routing dan runtime-caching.
- Submission
Membuat aplikasi informasi sepak bola berbasis web dengan menerapkan sifat PWA seperti apps shell, offline capability, push notification, dan installable web apps.
- Studi Kasus
Metode
Presentasi, Diskusi, studi kasus.
