Belajar Progressive Web App - PWA

Free Courses : Belajar Progressive Web App - PWA

Perkenalan progressive web app (PWA)
Berkenalan apa itu progressive web app atau pwa, kenapa penting mengetahui pwa dan apa saja kegunannya

Bantuan untuk pwa
Sumber sumber belajar untuk PWA selain di sekolahkoding.com : ada di youtube - PWA Course , website google dev sendiri dan dalam bahasa indonesia ada di Medium WWWID

Apa itu serviceworker
Apa itu service worker pada website dan apa kegunannya

Apa itu web app manifest
Apa itu web app manifest pada website dan apa kegunannya

Membuat api dan menjalankan di https
Untuk latihan menggunakan pwa, kita akan membuat sistem API dan client. API nya sendiri akan dibuat dengan typicode json sebagai server yang lengkap dengan https

Aplikasi dasar statis
Sekarang saatnya membuat bagian statis atau sebagai app shell, yang akan kita cache nantinya untuk dikonsumsi user secara offline di aplikasi progressive web app ini

Cache statis di serviceworker
Kita lihat bagaimana cara cache bagian statis pada progressive web app dengan menggunakan serviceworker

Startegi caching website
Ada banyak strategi caching untuk membuat progressive web app, seperti cache only, network only, cache then network, fallback general dan lainnya. Kita akan lihat apa saja perbedaan dan kapan menggunakannya.

Implementasi cache then network
Implementasi startegi caching "cache then network" pada aplikasi progressive web app yang kita buat

Membuat web app manifest
Seakrang kita akan membuat file web app manifest jsonnya agar user bia melakukan add to homescreen untuk aplikasi progressive web yang kita buat

Deploy dengan https dan report lighthouse
Kita akan memanfaatkan now dari zeit.com untuk deploy aplikasi dengan mudah, sudah lengkap dengan httpsnya! Selain itu, untuk mereview aplikasi progressive web app yang kita buat, akan menggunakan extensi chrome lighthouse

1. Deploy laravel melalui github
2. Laravel Vue Chat App
3. Membuat website responsive
4. Konsumsi API dengan jQuery
5. Kenalan dengan Firebase dari Google

You can support us by donate with buy us a coffee. We appreciate your donation to our work for share free udemy courses.