Deskripsi

Mari belajar Progressive Web App, website kekinian dengan fungsionalitas seperti desktop / mobile App!

Progressive Web Apps menyajikan pengalaman pengguna layaknya aplikasi native. PWA merupakan aplikasi web dengan beragam fitur web modern, seperti: 

• Mengubah sajian tampilan yang umumnya dibuka melalui halaman browser menjadi jendela aplikasi tersendiri.

• Menyajikan aplikasi web yang dapat diandalkan, cepat, dan menjaga ikatan dengan pengguna.

• Memungkinkan konten halaman diakses dalam mode offline, menampilkan pesan pemberitahuan, hingga akses ke hardware dari perangkat seperti halnya native app.

• Banyak perusahaan telah mengadopsi PWA. Developer dengan skill PWA lebih dilirik oleh perusahaan. 

Beberapa keuntungan belajar di kelas ini:

• Sertifikat kelulusan kelas MPWA, diakui oleh para pelaku industri.

• Materi kelas ditulis tim expert developer dari Codepolitan.

• Di sini Anda belajar dengan didampingi expert reviewer yang membaca baris demi baris kode Anda. Reviewer akan membimbing dan memberi masukan pada project submission. Anda pun jadi tahu area mana dalam skill PWA Anda yang perlu ditingkatkan.

• Anda bisa belajar dengan fleksibel karena sepenuhnya online/daring tanpa tatap muka. Bisa belajar di mana pun dan kapan pun.

• Anda bisa belajar dengan kecepatan Anda sendiri dalam tempo pengerjaan kelas selama 50 hari, maksimal.

• Untuk mendampingi Anda belajar offline, Anda mendapatkan buku setebal 308 halaman, versi cetak dari materi online.

• Sebagai lulusan Dicoding Academy Anda berkesempatan memperoleh info lowongan pekerjaan dan kesempatan melamar kerja ke perusahaan via Dicoding Jobs.

Beberapa materi yang akan dipelajari di dalam kelas ini adalah:

• Promises and fetch, yaitu dua web API modern yang dapat kita gunakan untuk menulis blok kode dengan lebih mudah dan intuitif.
• Service worker, yaitu JavaScript yang dijalankan oleh browser di latar belakang, yang terpisah dengan skrip lain di halaman web browser. Dengan menggunakan service worker, kita dapat memanfaatkan resource yang telah disimpan di dalam cache untuk ditampilkan bahkan dalam mode jaringan offline.
• Application shell, atau biasa disingkat dengan app shell adalah kerangka antarmuka aplikasi yang dibangun oleh beberapa komponen halaman dan aset lainnya yang disimpan lebih dahulu di dalam cache sehingga dapat tampil secara instan saat aplikasi dibuka.
• Cache API, yaitu cache yang dibuat oleh aplikasi menggunakan Cache API dan terpisah dari cache yang dikelola oleh browser. Cache jenis inilah yang dapat kita gunakan untuk menyimpan resource dan dapat ditampilkan dalam mode jaringan offline melalui service worker.
• Indexed DB, yaitu sistem penyimpanan lokal berbasis NoSQL di browser. Kita dapat menyimpan data apapun di browser pengguna untuk keperluan aplikasi. Kamu dapat melakukan aksi pencarian, pembaharuan dan penghapusan data.
• Web Push, yaitu web API yang dapat menerima pesan pemberitahuan dari server di belakang layar. Web push dapat dikombinasikan dengan sistem notifikasi yaitu pesan popup yang muncul di perangkat pengguna. Aplikasi PWA dapat menerima event push dan menampilkan pesan popup meskipun pengguna sedang tidak membuka aplikasi tersebut.
• Workbox, yaitu koleksi librari dan tool yang dapat kita gunakan untuk meng-generate file service worker, precaching, routing dan runtime-caching. Workbox memudahkan kita dalam menulis kode PWA dengan sintaks yang lebih sederhana dan mudah dikelola.

Serta 3 tugas berbasis proyek yang akan menantang Anda untuk membangun PWA Anda sendiri.

Prasyarat Kelas:

• Disarankan untuk menguasai bahasa pemrograman JavaScript dan dasar HTML dan CSS sebelum mengambil kelas "Membangun Progressive Web Apps". Jika belum, maka bisa mempelajari Web Fundamental di https://www.dicoding.com/academies/123
• Biaya untuk mengikuti kelas ini sebesar 1.100 Points atau ekuivalen dengan Rp 1.100.000.
• Biaya dapat dicicil 2x 550 points atau ekuivalen 2 x Rp 550.000.

Jika lulus dari kelas ini maka:

• Anda akan menguasai komponen-komponen penting dalam membangun progressive web app.

• Anda akan mampu membuat aplikasi web app bertemakan aplikasi sepak bola.

Kebutuhan untuk kelas ini:

• Anda harus mandiri, berkomitmen, benar-benar punya rasa ingin tahu dan tertarik pada subjek. 

• Anda harus gigih, temukan topik yang menarik, bermain-main dan mengotak-atik kode Anda. 

• Sebaik apapun materi struktur kelas ini, tak akan berguna tanpa keseriusan Anda untuk belajar, berlatih, dan mencoba. 

• Kelas ini terdiri dari 58 sub-materi. Setiap sub materi dirancang untuk selesai dipelajari rata-rata dalam 30-50 menit. 

• Tempo maksimal pengerjaan kelas ini adalah 50 hari.

• Buku teks (print-out dari materi di web) tersedia untuk kelas ini. Tujuannya untuk membantu Anda belajar secara offline. Namun demikian, tanpa buku pun Anda tetap dapat belajar online dan lulus. 

• Untuk menyelesaikan kelas ini, peserta diharuskan untuk mengerjakan 3 submission. Submission yang dikirimkan adalah :

  • First PWA, membuat aplikasi PWA sederhana dengan konten statis.

  • Aplikasi Sepak Bola, membuat aplikasi PWA yang mengkonsumsi API terkait informasi sepak bola.

  • PWA dengan Workbox, membuat aplikasi sepak bola seperti yang dibuat pada submission kedua tetapi dengan memanfaatkan library Workbox.

E-Commerce

• Tokopedia:  https://www.tokopedia.com/dicoding/membangun-progressive-web-apps-buku-kelas-online-sertifikasi

• Bukalapak: https://www.bukalapak.com/p/hobi-koleksi/buku/komputer-487/1ag2ag6-jual-membangun-progressive-web-apps-buku-kelas-online-sertifikasi

Academy Kontributor

• Bagus Aji Santoso (Codepolitan)
  

• Toni Haryanto (Codepolitan)