7 Tools untuk Mengembangkan Aplikasi Progressive Web App

Agustus 12, 2017

UX telah menjadi focal point pengembangan web modern untuk beberapa waktu sekarang. Hal ini dipengaruhi oleh beberapa faktor, termasuk kecepatan pemuatan halaman, keterbacaan, kegunaan, dan desain. Namun sekarang semakin banyak pengguna yang memilih penjelajahan web seluler karena menggunakan desktop, situs web manapun - baik itu blog niche atau toko e-commerce - harus mulai memprioritaskan kemudahan seluler.

Saat ini, mudah menerapkan tema responsif seluler dan menggunakan alat seperti Google Mobile-Friendly Test untuk menerima saran tambahan tentang cara mengoptimalkan situs kamu. Tetapi jika Kamu ingin membawa ke tingkat berikutnya, kamu dapat mengembangkan Progressive Web App (PWA) untuk memberikan pengalaman baru yang segar dan mudah diingat kepada pengguna ponsel.





Apa itu Progressive Web App ?
PWA memanfaatkan teknologi web modern untuk memungkinkan fitur seperti aplikasi. Tidak seperti situs web seluler tradisional, PWA tidak harus menyegarkan keseluruhan halaman saat memuat konten baru-juga tidak memerlukan konektivitas internet agar mudah diakses. Mereka juga dapat diinstal, yang berarti pengguna dapat dengan mudah menggunakannya kembali dengan menambahkan pintasan di layar utama.
Aplikasi web progresif berpotensi menjadi hal besar berikutnya untuk web mobile. Ini awalnya diusulkan oleh Google beberapa tahun yang lalu di tahun 2015. Namun, dalam waktu singkat, Google telah menarik banyak perhatian karena relatif mudah dikembangkan dan untuk pengiriman pengalaman pengguna aplikasi.
PWA adalah proyek besar yang bisa mengarahkan arahan keberadaan mobile web kamu di masa depan. Tapi jika kamu benar-benar baru mengenal PWA, berikut adalah 7 alat dan sumber daya yang akan menempatkan kamu di jalur yang benar:

1. PWA.ROCKS
Ketika sampai pada pengembangan PWA, kamu harus memiliki pemahaman yang lebih dalam mengenai kemampuan teknologi PWA itu sendiri.

Untuk melihat tindakan PWA , kamu dapat merujuk ke PWA.rocks untuk contoh di bawah beberapa kategori, termasuk bisnis, permainan, belanja, dan sosial. Ini akan membantu kamu memvisualisasikan seperti apa masa depan PWA kamu nantinya. kamu juga dapat meminjam inspirasi dari contoh yang tersedia saat mengkonseptualisasikan apa yang akan ditawarkan PWA kamu kepada pengguna seluler.

2. KNOCKOUT
Knockout adalah perangkat open source gratis yang dapat membantu kamu dengan Model-View-View Model atau binding MVVM. Ini memungkinkan kamu menyederhanakan proses pengkodean JavaScript UIs dengan membiarkan kamu menentukan tampilan dan binding deklaratif yang dikendalikan oleh properti viewmodel .

Platform berjalan murni pada JavaScript, yang bekerja dengan semua browser utama dan kerangka web lainnya. Perpustakaan Knockout juga dapat dengan mudah diintegrasikan dengan situs web yang ada tanpa penulisan ulang yang ekstensif.

3. PWABUILDER
Cara tercepat untuk membuat PWA adalah dengan menggunakan PWABuilder dan dengan cepat membangun servis untuk fungsi offline, yang berfungsi dengan menarik dan melayani "offline.html" dari server web kamu kapan pun pengguna kehilangan konektivitas internet. Kamu juga dapat mengirimkan PWA ke toko aplikasi untuk perangkat Android dan iOS.

Untuk menggunakan PWABuilder, yang perlu kamu lakukan adalah memasukkan URL situs web kamu dan kemudian mengisi rincian tambahan seperti nama, deskripsi situs, dan ikon pilihan kamu. kamu juga dapat dengan mudah memodifikasi properti tertentu seperti orientasi layar, bahasa, dan latar belakang PWA kamu. Platform kemudian akan secara otomatis menghasilkan manifes berdasarkan informasi yang kamu berikan.

4. ANGULARJS
JavaScript biasanya merupakan bahasa pendahuluan yang dipelajari oleh para beginner yang ingin belajar pengembangan web. Jika kamu adalah pengembang Java atau .NET yang berpengalaman, maka AngularJS adalah salah satu kerangka JavaScript terbaik yang dapat kamu gunakan untuk aplikasi web. Meski begitu, situs mereka menawarkan banyak panduan, tutorial, dan sumber daya yang akan membantu kamu mempelajari jalan di sekitar platform.

Ketika artikel ini ditulis versi terbaru, Angular v4.0, menyediakan lingkungan yang sama apakah kamu sedang mengembangkan untuk mobile atau desktop. Jika kamu menganggap Sudut terlalu rumit untuk kebutuhan kamu, kamu dapat memilih untuk React - perpustakaan JavaScript yang disesuaikan dengan pengembangan UI. Alternatif lain adalah Polymer, yang bisa memberi kamu template dan komponen reusable lainnya yang dapat mempercepat proses pengembangan PWA.

5. PENGEMBANG GOOGLE
PWA bukanlah proyek DIY (Do It Yourself) bagi blogger mandiri atau pemasar afiliasi, namun tetap dapat dilakukan dengan sumber daya yang tepat. Jika kamu sudah memiliki pengalaman dengan sistem pengelolaan konten namun tidak memahami pengembangan aplikasi web, kamu bisa mendapatkan dasar-dasar melalui Google Developers, sebuah perpustakaan sumber daya yang dapat membantu kamu mempelajari cara mengajukan kode.

Pengembang Google memiliki tutorial komprehensif tentang bagaimana PWA bekerja, bagaimana membangunnya, dan bagaimana membuatnya berjalan dengan benar. Ini juga mencakup dasar-dasar lainnya seperti mengaktifkan "menambahkan ke layar utama spanduk" dan menggunakan HTTPS.

6. WEBPACK
Webpack adalah alat yang sangat berguna untuk menggabungkan sumber daya aplikasi JavaScript kamu, termasuk aset non-kode seperti font dan gambar. Ini akan diperlakukan sebagai objek JavaScript, yang pada gilirannya memungkinkannya dimuat lebih cepat. Platform ini juga membuatnya lebih mudah mengelola dependensi.

Ingatlah bahwa Webpack memiliki kurva belajar yang curam, artinya kamu bisa melihat jam browsing untuk tutorial dan panduan. Namun, sumber belajar dan dokumentasi yang tersedia di situs mereka tidak ramah pemula. Kabar baiknya adalah, Webpack banyak diliput di situs lain, termasuk bagian dokumentasi Sudut 4.0.

7. GITHUB
Terakhir, GitHub adalah situs berbasis komunitas yang mengelola repositori proyek. Ini mencakup berbagai topik terkait pemrograman, termasuk pekerja layanan JavaScript dan PWA. Sebenarnya, kamu dapat menemukan penyimpanan PWA.rocks dan Webpack di dalam platform. Ini akan membantu kamu memperdalam pemahaman kamu atau bahkan berkontribusi pada pengembangan lebih lanjut.

Saat ini, ada beberapa repositori yang melibatkan PWA di GitHub. kamu dapat belajar dari proyek ini atau memulai repositori kamu sendiri saat kamu bereksperimen dengan PWA pertama kamu . GitHub sekarang juga memiliki fitur manajemen proyek, memungkinkan kamu untuk berkolaborasi dengan pengembang lain dari jarak jauh dengan mulus.

KESIMPULAN
Progresif Web Apps adalah masa depan pengalaman web mobile, namun tidak banyak merek yang saat ini menggunakannya. Dengan alat di atas, sekarang kamu sepenuhnya mampu menciptakan PWA yang menonjol dan membangun kehadiran yang berwibawa. Perhatikan saja bahwa alat, sumber, dan praktik PWA berkembang dengan teknologi browser online utama yang terus berkembang.

Referensi : disini
Author : Lani Asep Sutisna

Tidak ada komentar:

Diberdayakan oleh Blogger.