Tutorial Membangun Progressive Web Apps

Dec 17, 2019

Tujuan utama dari PWA ialah untuk memungkinkan web developer mengubah web yang sudah ada agar bisa berprilaku layaknya aplikasi mobile native tanpa perlu menambah programmer khusus. Tujuan ini bisa tercapai berkat memanfaatkan kelebihan teknologi web dan aplikasi mobile native sekaligus sehingga memungkinkan anda untuk bisa mengakses dengan tanpa koneksi internet (offline) dan juga bisa di pasang di homescreen dan bisa melakukan beberapa fungsi layaknya di aplikasi mobile native.

Tutorial ini membahas step by step membangun Progressive Web Apps yang ditulis Ahmad Sarian Syakir secara lengkap dan detail, berikut tutorialnya :

  1. Tutorial Membangun Progressive Web Apps - Part 1 Mengenal Progressive Web Apps dan Apa manfaat membangun Progressive Web Apps
  2. Tutorial Membangun Progressive Web Apps - Part 2 Keuntungan Progressive Web Apps, Kekurangan Progressive Web Apps dan Komponen-Komponen Progressive Web Apps
  3. Tutorial Membangun Progressive Web Apps - Part 3 Mempersiapkan Aset, Menggunakan Framework CSS Materialize, menampilkan App Shell dan Navigasi Menu
  4. Tutorial Membangun Progressive Web Apps - Part 4 Menambahkan Konten Halaman dan Menambahkan Event Listener untuk Klik Menu
  5. Tutorial Membangun Progressive Web Apps - Part 5 Registrasi Service Worker, Pre-cache Aset dan Mendaftarkan Service Worker
  6. Tutorial Membangun Progressive Web Apps - Part 6 Mendaftarkan Event Listener untuk Event Install dan Menggunakan Aset dari Cache
  7. Tutorial Membangun Progressive Web Apps - Part 7 Mengganti Nama Cache di Service Worker dan Menambahkan Aplikasi ke Home Screen
  8. Tutorial Membangun Progressive Web Apps - Part 8 Mendaftarkan Web App Manifest dan memahami Atribut-atribut Web App Manifest
  9. Tutorial Membangun Progressive Web Apps - Part 9 Install Web Server For Chrome, Membuka PWA di Device Android, Remote Debuging Android di Chrome DevTools dan Membuka PWA di Android dengan Port Forwarding
  10. Tutorial Membangun Progressive Web Apps - Part 10 - Mengenal Service Worker
  11. Tutorial Membangun Progressive Web Apps - Part 11 - Siklus Hidup Service Worker
  12. Tutorial Membangun Progressive Web Apps - Part 12 - Apa itu Cache API?
  13. Tutorial Membangun Progressive Web Apps - Part 13 - Menyimpan Cache Secara Dinamis

Demikian tutorial Membangun Progressice Web Apps yang kami kumpulkan, tetap monitor halaman ini untuk update selanjutnya. Selamat belajar dan mencoba, semoga bermanfaat.

Ahmad Sarian Syakir

Among with M. Najamudin Ridha

Aku hanya seorang pemuda biasa, terbiasa sendiri dan berdansa dengan dunia tak asli. Aku bukan apa-apa bukan siapa-siapa dan Dunia tak pernah menganggapku ada Meski aku sudah memesan tempat diatasnya.