Modern Web Community Indonesia

Testing untuk Frontend Web Developer/UI Engineer

“Long colorful lines of code on a computer screen” by Markus Spiske on Unsplash Karena Frontend Developer tidak hanya mengconvert design menjadi halaman Latar Belakang Sudah 9 bulan lebih saya bekerja menjadi seorang Frontend Developer di sebuah startup yang bergerak di bidang edukasi. Karena produk kami merupakan produk digital — salah satu nya berbentuk website — dan kebetulan saya merupakan penanggung jawab di hasil akhir untuk pengguna langsung di website....

by Fariz Rizaldy

Yang Web Developers Harus Tahu #6

Mendekati Imlek, dan libur panjang saatnya kalian punya bacaan untuk long weekend. Di tengah kesibukan beberapa dari kalian yang lagi mengulik tantangan untuk membuat webapp bisa digunakan dalam 5 detik, mungkin beberapa update dan artikel menarik di bawah ini bisa jadi pengisi waktu luang kalian. Gong xi fa cai! Berita Terbaru Chrome akan menampilkan tanda sebuah web tidak aman tanpa HTTPS Tampilan website tanpa HTTPS per July 2018 Inisiatif yang sebenarnya cukup lama untuk membuat web bisa lebih aman dengan protokol yang terenkripsi menggunakan HTTPS akan diperketat lagi....

by Yohan Totting

Tantangan Web Developer Untuk Membuat Aplikasi Web Bisa Digunakan Kurang Dari 5 Detik

Ada banyak jalan menuju Roma, sama dengan ada banyak cara membuat sebuah aplikasi web dan banyak teknik untuk mengoptimalkan sebuah aplikasi web. Cara membuat saat ini sudah cukup banyak tutorialnya, tapi bagaimana dengan teknik mengoptimalkannya? Tantangan ini ingin mengajak teman-teman web developer Indonesia untuk mencoba membuat sebuah aplikasi RSS reader sederhana dengan goal membuat time to interactive dibawah 5 detik di kondisi jaringan 3G yang lambat dan mobile phone dengan spesifikasi menengah rata-rata....

by Yohan Totting

10 Tips Untuk Menjadi Seorang Developer Yang Lebih Baik

Dalam 6 tahun terakhir saya bekerja sebagai developer relations, yaitu membangun jaringan dengan para developer serta mendukung mereka untuk dapat memberikan impact ke para pengguna karya mereka. Di mulai dari Blaast yang akhirnya dibeli oleh Facebook, lalu API Pemilu, The Asia Foundation, dan sekarang Google. Perjalanan selama lebih dari 10 tahun di dunia web memberikan banyak ilmu bagaimana sebenarnya kita bisa menjadi seorang developer yang lebih baik. Dan pengalaman itulah yang saya coba bagikan di artikel ini untuk bisa mendorong lebih banyak developers yang bisa lebih baik lagi....

by Yohan Totting

Yang Web Developers Harus Tahu #5

Who love Monday?? Nah sudah memasuki Februari dan saatnya untuk update terbaru untuk kalian biar tetap tahu perkembangan di dunia web. Kali ini bagian artikel menarik kami ubah menjadi konten menarik karena beberapa konten bukan cuma berupa tulisan tapi juga berupa video. Dan ini dia yang kalian harus tahu sebagai web developers. Have an amazing week guys! Berita Terbaru Ranking Google Search akan terpengaruh oleh page speed** **Sebelumnya page speed sudah berpengaruh pada ranking hasil pencarian Google Search, tapi hanya di desktop....

by Yohan Totting

Progressive Web Apps, mulai dari mana?

Banyak orang salah kaprah pada saat berbicara tentang Progressive Web App(PWA), bahwa untuk bisa memiliki PWA harus Single Page Application(SPA), atau harus menggunakan framework modern seperti React, Angular, Polymer, dan lainnya. Sehingga banyak developer yang merasa bahwa mereka tidak bisa menerapkan PWA karena mereka masih menggunakan server rendered framework seperti PHP atau Ruby Framework. Padahal berbicara PWA, tentunya yang utama adalah kata progressive di mana maksud sebenarnya adalah peningkatan pengalaman user secara progresif atau bertahap....

by Yohan Totting

Studi Kasus Accessibility — Web Form

Di artikel sebelumnya, kita telah belajar bahwa Accessibility adalah sebuah hal yang wajib ada dan memudahkan para pengguna disabilitas untuk mengakses produk kita seperti website layaknya orang normal. Pada bagian ini, saya akan menjelaskan studi kasus Accesibility pada sebuah form website dan menggunakan Lighthouse pada browser Chrome versi 63.0.3239.132 sebagai audit. Form web yang kita rancang sebagai berikut: Nama dan username menggunakan <input type="text"> Alamat menggunakan <textarea> Email menggunakan <input type="email"> Password menggunakan <input type="password"> dan menambahkan atribut **required** Jenis kelamin menggunakan <input type="radio"> Hobi menggunakan <input type="checkbox"> Asal kota menggunakan <select> Saya telah membuatkan file no-a11y-form....

by Satya Kresna Adi Pratama

Yang Web Developers Harus Tahu #4

Memulai 2018 biasanya dengan merencanakan kira-kira apa yang akan dilakukan selama setahun ke depan. Termasuk kira-kira akan belajar library atau framework apa, atau akan membuat sesuatu dan merilisnya ke publik dalam setahun ke depan. Apapun itu rencana kalian mudah-mudahan pilihan artikel ini bisa membantu mempermudah rencana kalian. Berita Terbaru Autofill Di Browsers Bisa Mencuri Data Kalian Demo auto fill mengisi data fields tersembunyi Fitur auto fill form di browser terkadang memudahkan tapi bisa juga dimanfaatkan untuk mencuri data credentials pengguna seperti password atau kartu kredit....

by Yohan Totting

Web Components — Apa, Mengapa dan Bagaimana

Web Components — Apa, Mengapa dan Bagaimana? Pendahuluan Sebagai web developer, wajib hukumnya untuk up to date terhadap teknologi web mulai dari dengerin podcast, lihat forum, follow para developer dan engineer di Twitter dan baca artikel di WWWID tentunya. 😉 Pernahkah anda membuka sebuah website dan iseng meng-inspect elemen atau view page source dan menemukan tag HTML yang tak lazim (contoh: <foo-bar> atau <custom-tag>)? Mungkin anda akan berpikir jika tag HTML tersebut tidak tersedia di tag HTML pada umumnya....

by Satya Kresna Adi Pratama

Yang Web Developers Harus Tahu #3

Edisi ke 3 ini menutup 2017 dan menyambut 2018. Beberapa artikel adalah rangkuman atau kilas balik dari 2017. Sudah siapkah kalian #MakeTheWebGreatAgain di 2018? Silakan memulai dengan membaca artikel pilihan berikut. Berita Terbaru Web Advent Today Rangkuman 10 tulisan oleh praktisi web untuk menghitung mundur ke 2018 sangat menarik diikuti untuk melihat perspektif mereka akan perkembangan web di 2017 dan apa yang mereka harapkan di 2018. Di tiap artikel ada link ke blog post dari masing-masing author yang menurut saya sangat menarik untuk dibaca untuk penutup 2017 dan pembuka 2018....

by Yohan Totting