Modern Web Community Indonesia

Yang Web Developers Harus Tahu #2

Sebagai newsletter kedua dan menjelang tutup tahun 2017 beberapa konten menarik yang dimasukkan adalah gambaran perjalanan komunitas web developers dan karyanya selama 2017. Dan ini dia yang kalian harus tahun di pertengahan Desember 2017 ini. Berita Terbaru The State of JavaScript 2017 Laporan trend dan perkembangan JavaScript di 2017 Sebuah survey ke 20.000 web developers untuk mencari tahu bagaimana perkembangan JavaScript selama 1 tahun ini. Laporan ini bisa memberi gambaran buat web developers terkait trend akan penggunaan JavaScript beserta tools, libraries, dan frameworks yang populer di komunitas web developers....

by Yohan Totting

Yang Web Developer Harus Tahu #1

Ini adalah newsletter pertama dari WWWID untuk secara rutin memberikan update terkini untuk para web developer agar tahu perkembangan dan tren pengembangan web seperti teknik, tools, libraries, dan frameworks. Berikut adalah apa yang web developer harus tahu edisi pertama. Berita Terbaru Firefox Developers 58 Release Notes Firefox DevTool Terbaru Rilis terbaru Firefox Developers yang berbasis Quantum Engine ini datang dengan beragam tool terbaru untuk web developers seperti devtool terbaru, dukungan font display di CSS, serta dukungan WebVR secara default....

by Yohan Totting

15 Hal di Chrome Dev Tools yang Mungkin Kamu Belum Tau

Chrome Developer Tools No 8 bikin netizen geleng-geleng kepala. K etika mengembangkan sebuah aplikasi web, tentunya kita tak jauh dari yang namanya debugging. Chrome Dev Tools adalah salah satu tools debugging yang sering digunakan. Setelah sekian lama menggunakammya, akhirnya saya menemukan beberapa hidden-gems yang ada di Chrome Dev Tools, dan beberapa saya selalu gunakan dalam kehidupan saya sebagai engineer sehari-hari. 😹 Berikut ini adalah list fitur dan tips nya:...

by Putu Alfred Crosby

Membuat WordPress Tampil dan Bisa Digunakan Dalam 5 Detik

TwentySeventeen — WordPress Default Theme Web yang modern saat ini mencoba menaikkan standar kecepatan tampil di layar yang rata-rata 19 detik di 3G menjadi 5 detik atau kurang. Dengan demikian potensi kehilangan user yang tidak ingin menunggu lebih dari 3 detik bisa dihindari. WordPress adalah CMS paling populer di dunia dengan angka penggunaan sekitar 24% dari semua website yang ada di internet. Dan karena WordPress dikembangkan sejak lama, maka metode pengembangan web dengan WordPress secara default belum cukup optimal untuk kondisi jaringan cellular yang masih sebagian besar di 2G dan spesifikasi rendah dari sebagian besar smart phone yang digunakan....

by Yohan Totting

Perkenalan Accessibility

Sebagai seorang web developer, selain urusan performance dan interface pada website yang dibuat, kita perlu memperhatikan siapa user kita. Apakah user kita lahir tidak ada kekurangan fisik atau sebaliknya (disabilitas). Jika user yang mengakses website kita adalah kalangan disabiilitas maka kita perlu memberikan perhatian ekstra terhadap website kita. Lalu bagaimana caranya? Accessibility adalah jawaban dari hal tersebut.### Definisi Accessibility secara garis besar adalah bagaimana user yang disabilitas bisa mengakses aplikasi kita layaknya orang normal (making disability users able to access our website)....

by Satya Kresna Adi Pratama

Pembelajaran yang saya dapatkan dari Chrome Dev Summit untuk Indonesia

Saya baru balik dari Chrome Dev Summit dan tulisan ini ingin merangkum beberapa hal yang saya dapatkan dari event tahunan team Chrome untuk para pengembang web. Dari semua yang disampaikan di-event ini, ada beberapa hal yang saya rasa sangat berguna bagi pengembang web Indonesia terutama dalam meningkatkan standar pengalaman web yang dikembangkan. Bagaimana Pengguna Mengakses Web Untuk membuka tulisan ini saya rasa yang menarik untuk disimak adalah The Web for the Entire World oleh Tal Oppenheimer ini....

by Yohan Totting

Web Payment Request API dan Kemungkinan Adopsinya di Indonesia

Lanjutan dari tulisan sebelumnya terkait topik yang dibahas di Progressive Web App Roadshow Indonesia tentang service workers, kali ini saya ingin menulis salah satu topik yang dipresentasikan di sesi integration, yaitu Payment Request API. Kenapa perlu adanya Payment Request API? Seperti yang kalian tahu kalau melihat ekosistem startup Indonesia, e-commerce merupakan salah satu area yang mendominasi. Dan di e-commerce, pembayaran adalah metrics yang paling penting. Sales conversion menjadi goal utama dari startup e-commerce....

by Yohan Totting

Service Worker Tanpa Application Shell Untuk Mempercepat Navigasi Antar Halaman Web

Seminggu lalu saya disibukkan oleh 2 Google events yaitu Progressive Web App Road Show Indonesia yang diadakan di 2 kota yaitu Jakarta dan Yogyakarta. Dan salah satu yang ingin saya highlight adalah kata progressive. Bahwa dalam Progressive Web App, kita bisa meningkatkan experience dari sebuah web app secara bertahap, tidak harus langsung sekaligus. Bahkan tidak perlu menulis ulang aplikasi web kita untuk menjadikannya Progressive Web App. Sebagian besar developer yang saya kenal adalah backend developer yang berawal dari server side script seperti PHP, Ruby, Python, dan lainnya....

by Yohan Totting

Progressive Web App — Bagian 2

Hijack Request, Cache Storage, App Manifest, App Shell, Notify Updates Untuk membuat Web App kita menjadi sebuah Progressive Web App ada beberapa checklist yang harus dipenuhi, teman-teman bisa melihat checklist nya pada link ini. Saatnya kita mulai dengan membuat project sederhana. Teman-teman bisa clone project ini dari github. Kita akan fokus pada service worker saja. Jadi kita tidak akan membahas hal diluar SW dulu ya. git clone [https://github.com/alfrcr/tutorial-pwa-bahasa-indonesia.git](https://github.com/alfrcr/tutorial-pwa-bahasa-indonesia.git) catatan: teman-teman perlu menginstall NodeJS untuk menjalankan project diatas....

by Putu Alfred Crosby

Progressive Web App — Bagian 1

Benefit web app offline-first, and intro service worker. Belakangan ini Google sedang gencar mengenalkan teknologi PWA ke perusahan-perusahaan teknologi di Asia Tenggara, khususnya di Indonesia. Pada awal bulan kemarin salah seorang staff di Google menghubungi kami dan menyarankan kami untuk menerapkan teknologi ini ke salah satu situs kami. Pertanyaannya kenapa kita harus menerapkan PWA? Sebelumnya kita harus tahu dulu apa itu PWA. > PWA adalah sebuah aplikasi web yang menggunakan beberapa teknologi modern yang membuat user experience seperti menggunakan Native App (Android/iOS)...

by Putu Alfred Crosby