Tools yang wajib dimiliki Web Developer

Yohanes Sahrul
Arunatech
Published in
2 min readMar 31, 2023

Sebagai penunjang pekerjaan biasanya kita akan sangat terbantu dengan adanya tools yang sesuai atau setidaknya membuat kita nyaman dalam bekerja. Berikut beberapa tools yang biasa saya gunakan sebagai web developer pada browser Chrome.

  1. Testing Playground
    Dalam melakukan test, pasti kita akan mengambil sebuah komponen yang akan ditest dengan menyebutkan identitas DOM-nya. Tools ini akan sangat membantu dalam proses identifikasi komponen tersebut.
  2. Daily.dev
    Tools ini akan merubah home screen pada browser kita menjadi layaknya medium. Kita dapat membaca artikel seputar teknologi yang sedang dibicarakan akhir-akhir ini. Bahkan tidak hanya bersumber dari medium.
  3. Google Translate
    Ketika membaca artikel berbahasa inggris, terkadang saya akan sangat terbantu dengan tools ini, karna hanya memblock kosa-kata saja kita dapat otomatis men-translate kata yg kita mau.
  4. Mobile Simulator
    Dalam proses development, web developer dituntut untuk membuat tampilan web yang responsive. Akan sangat sulit jika harus meng-handle beberapa ratio pada mobile device, karena terkendala tidak mempunyai device tersebut. Dengan tools ini kita dapat memilih contoh device yang akan menjadi target development (misal: Huawei, Samsung, Xiaomi, iPhone).
  5. Dark Reader
    Saat bekerja terlalu lama terkadang mata dan kepala akan terasa sakit. Kadang penyebabnya adalah karna layar terlalu terang atau terlalu kontras . Tools ini akan merubah mode browser anda menjadi gelap dan juga bisa mengatur kontrasnya.
  6. Inspector
    Tools ini biasa saya gunakan ketika tahap slicing, saya akan mengecek kembali jarak antar komponen apakah sudah sesuai dengan design guide (Figma, dll).
  7. Lighthouse
    Lighthouse adalah alat untuk mengecek performa dari website yang kita buat, pengecekan yang dilakukan tools ini dibuat secara terpisah baik desktop maupun mobile version. Tools ini sangat membantu jika kita ingin mengoptimalkan performa website yang kita punya.

Berikut adalah tujuh tools yang sangat berguna bagi saya sebagai web developer. Semoga berguna juga bagi kalian yang mencari sebuah tools yang memiliki fungsionalitas serupa. Terima kasih :)

--

--