Picodiploma

Membangun Progressive Web Apps

Disusun oleh: CodePolitan Platform: Level: Mahir
Bagikan kelas ini:

Deskripsi

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

2019071910285872f20dddfce5656ae7726612d02bb986.jpg

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.

  • 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


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. 

  • 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.



Academy Kontributor

Pertanyaan

Bila Anda memiliki pertanyaan / kendala ketika belajar di kelas ini, Anda dapat buka tab pertanyaan-pertanyaan yang sering diajukan di FAQ

Tim Reviewer

Raka Adi Nugroho
Raka Adi Nugroho

Android Engineer 

PrivyID

Bagus Aji
Bagus Aji

Programmer

CodePolitan

Toni Haryanto
Toni Haryanto

Chief Information Officer

CodePolitan

Nasrul Gunawan
Nasrul Gunawan

Code Reviewer
Software Engineer     @nutrifood

Khofidin
Khofidin

Developer @Wellard Rural Exports

Luthfi Alfarisi
Luthfi Alfarisi

Associate Android Developer

Alfian Yusuf Abdullah
Alfian Yusuf Abdullah

Code Reviewer

Dicoding Indonesia

Dimas Maulana Dwi Saputra
Dimas Maulana Dwi Saputra

Academy Content Writer

Android Associate Developer

Dicoding Indonesia

Agus Fikri Suyuthi
Agus Fikri Suyuthi

Front End Developer

Raka Adi Nugroho
Raka Adi Nugroho

Android Engineer 

PrivyID

Bagus Aji
Bagus Aji

Programmer

CodePolitan

Widyarso Joko Purnomo
Widyarso Joko Purnomo

Academy Content Writer

Microsoft Certified: Azure FundamentalsGoogle Certified - Associate Cloud Engineer

Dicoding

Toni Haryanto
Toni Haryanto

Chief Information Officer

CodePolitan

Nasrul Gunawan
Nasrul Gunawan

Code Reviewer
Software Engineer     @nutrifood

Khofidin
Khofidin

Developer @Wellard Rural Exports

Luthfi Alfarisi
Luthfi Alfarisi

Associate Android Developer

Alfian Yusuf Abdullah
Alfian Yusuf Abdullah

Code Reviewer

Dicoding Indonesia

Dimas Maulana Dwi Saputra
Dimas Maulana Dwi Saputra

Academy Content Writer

Android Associate Developer

Dicoding Indonesia

Agus Fikri Suyuthi
Agus Fikri Suyuthi

Front End Developer

Bergabunglah dengan Dicoding untuk mengambil Kelas ini Masuk

Kunjungi Online Store Kami

Kelas ini disusun oleh: