Apa yang akan Anda pelajari?
-
Buat aplikasi web yang terlihat dan terasa seperti aplikasi seluler asli untuk iOS dan Android
-
Gunakan pekerja layanan untuk membuat aplikasi web yang berfungsi tanpa koneksi internet (utamakan offline)
-
Manfaatkan fitur perangkat seperti kamera dan geolokasi di aplikasi web Anda
-
Gunakan pemberitahuan push web untuk meningkatkan keterlibatan pengguna dengan aplikasi web Anda
Persyaratan
-
Pengetahuan dasar HTML, CSS, dan JavaScript diperlukan
-
TIDAK diperlukan pengalaman dengan kerangka kerja JavaScript
Keterangan
Progressive Web Apps (PWA) adalah hal besar berikutnya dalam pengembangan web karena mereka menghadirkan pengalaman seperti aplikasi seluler kepada pengguna Anda tanpa mengharuskan mereka menginstal aplikasi dari app store/play store.
Anda masih membuat aplikasi web (HTML, CSS, JavaScript) tetapi kursus ini akan mengajarkan Anda cara menambahkan fitur seperti akses kamera, pekerja layanan untuk dukungan offline, pemberitahuan push, dan lainnya . Ini menggabungkan yang terbaik dari kedua dunia: Anda memberikan pengalaman yang cepat, menarik, dan andal sambil tetap memiliki jangkauan dan aksesibilitas halaman web.
“Aplikasi Web Progresif” hanyalah istilah yang merangkum semua fitur yang memungkinkan Anda memberikan pengalaman seperti seluler. Topiknya sangat trending dan juga merupakan topik yang akan tetap ada ! Tidak hanya dipromosikan dengan kuat oleh Google (sebenarnya banyak pembicaraan di Google I/O 2017, konferensi pengembang Google, dikhususkan untuk PWA), itu juga dengan cepat diadopsi oleh perusahaan besar seperti Twitter atau Washington Post .
Memiliki keterampilan untuk membangun dan mengoptimalkan aplikasi web semacam ini sudah merupakan keterampilan yang penting dan sangat dibutuhkan oleh pengembang web modern, sebuah tren yang akan terus meningkat! Oleh karena itu, mempelajari cara membangun PWA akan memberi Anda keunggulan kompetitif!
Secara rinci, kursus ini akan mencakup semua yang Anda butuhkan untuk membangun PWA yang luar biasa – yang mengarah ke skor 100 (dari 100) di alat audit PWA Google “Lighthouse”:
- Penjelasan mendetail tentang apa sebenarnya PWA itu
- Cara menggunakan manifes aplikasi untuk membuat aplikasi web Anda dapat diinstal di layar beranda perangkat
- Menggunakan pekerja layanan untuk menawarkan dukungan offline dengan menyimpan aset
- Strategi penggunaan dan caching service worker tingkat lanjut
- Penyegaran pada Promises dan Fetch API karena kedua konsep tersebut banyak digunakan di PWA
- Cara meningkatkan keterlibatan pengguna dengan menambahkan pemberitahuan push
- Cara untuk menyinkronkan data di latar belakang, bahkan jika koneksi terputus
- Cara mengakses fitur perangkat asli seperti kamera atau geolokasi
- Menggunakan Workbox untuk mempermudah pengelolaan service worker
- Penjelasan tentang cara mengubah proyek SPA Anda berikutnya menjadi PWA
- Dan banyak lagi
Semua hal ini tentu saja dipraktikkan dengan membangun proyek kursus . Untuk memastikan bahwa Anda dapat menerapkan pengetahuan ke APAPUN proyek Anda, proyek kursus tidak mengasumsikan kerangka kerja JavaScript apa pun tetapi berfokus pada fitur inti yang disebutkan di atas!
Jadi kursus ini memiliki banyak hal untuk ditawarkan, bagaimana Anda tahu apakah itu untuk Anda?
Ini pasti pilihan yang tepat jika…
- … Anda sudah menjadi pengembang web (tidak peduli apakah berpengalaman atau masih baru dalam bisnis) dan ingin mempersiapkan masa depan
- … Anda senang bekerja dengan HTML, CSS, dan JavaScript dan ingin memanfaatkan kekuatan penuh yang ditawarkan oleh teknologi web dan browser
- … Anda ingin memberikan pengalaman terbaik kepada pengguna Anda, menggunakan teknologi seperti pemberitahuan push web atau dukungan offline
Apa yang perlu Anda ketahui untuk mendapatkan hasil maksimal dari kursus?
- Anda perlu mengetahui setidaknya dasar-dasar HTML, CSS, dan JavaScript
- Tidak diperlukan pengetahuan lanjutan tentang teknologi ini
- Anda TIDAK perlu mengetahui kerangka kerja JavaScript seperti Angular atau Bereaksi – PWA bekerja dengan aplikasi JavaScript APAPUN, bahkan jika Anda tidak menggunakan kerangka kerja sama sekali (sebenarnya, itulah yang akan kami bangun dalam kursus ini!)
Untuk siapa kursus ini:
- Siswa yang ingin membuat aplikasi web yang terlihat dan berperilaku seperti aplikasi seluler asli
- Siswa yang ingin membuat aplikasi web yang siap offline
- Siapa pun yang ingin membuat aplikasi web yang menawarkan akses ke kamera perangkat, geolokasi, pemberitahuan push, dan memberikan dukungan offline
- Siswa yang ingin memanfaatkan fitur browser terbaru sambil tetap mendukung browser lama