Progressive Web Application (PWA)
Durasi Pelatihan : 5 Hari
Teknologi mobile telah mengubah cara orang untuk mengakses informasi. Perangkat mobile seperti smartphone juga dibekali dengan sederet fitur baru seperti camera, geolocation, proximity, contact, push notification dan lain sebagainya. Semua fitur tersebut bisa dinikmati jika membangun aplikasi native. Namun terdapat banyak kelemahan dan kekurangan dalam pembuatan aplikasi native. Aplikasi native sangat tergantung terhadap platform OS (Operating System). Susahnya publikasi terhadap aplikasi yang telah dibuat, juga menjadi issue yang sering diperbincangkan. Tidak jarang sebuah perusahaan harus menghabiskan milyaran rupiah untuk mengenalkan aplikasi mereka ke public. Native apps juga mempunyai kendala dalam distribusi aplikasi, yang memaksa user untuk download aplikasi terlebih dahulu sebelum memasangnya di smartphone. Teknologi PWA (Progresive Web Aplication) hadir untuk menjawab semua tantangan tersebut. Dengan PWA kita bisa membangun sebuah aplikasi web namun serasa aplikasi native. PWA dapat mempertahankan keunggulan dari aplikasi native dan sekaligus menutup kekurangan yang ada. Teknologi PWA mampu meningkatkan pengalaman user dalam menggunakan aplikasi web dan menghadirkan akses web yang cepat dalam kondisi jaringan apapun.
Manfaat Pelatihan
- Memahami Cara Kerja PWA
- Mengetahui cara mengubah sebuah web pages menjadi PWAs
- Paham cara debug aplikasi PWAs
- Paham cara kerja Service Worker
- Memahami Promise
- Memahami Fetch
- Dapat membuat aplikasi PWA
Outline Pelatihan
- Design Responsive
- Pengenalan PWA
- MediaQueries
- Layout
- Callback & Promise
- Menggunakan Callback
- Menggunakan Promise
- Mengenal macam-macam Promise
- Resolve return
- Reject return
- Bekerja Dengan Fetch API
- Pengenalan Fetch API
- Implementasi Fetch API
- Melempar expresi menggunakan fetch
- Inisialisasi Object dengan Fetch
- Metode dan Atribut Body
- Service Worker
- Pengertian Service Worker
- Tujuan Service Worker
- Aktivasi Serviceworker
- Intersepsi Jaringan
- Deteksi Serviceworker di Browser
- Bekerja Menggunakan IndexDB
- Pengenalan IndexDB
- Teknologi IndexDB
- Opearsi CRUD
- Implementasi IndexDB
- Push Notification
- Konsep Push Notification
- Implementasi Push Notification
- Menampilkan Notifikasi
- Event Notifikasi Close
- Web App manifest
- Pengenalan Web Manifest
- Penggunaan caches
- Mengambil dan mengupdate date caches
- Menambahkan icon HomeScreen
- Implementasi Web Manifest
- Web Audit
- Test aplikasi dengan tools audit
- Melkukan koreksi terhadap kesalhan