Perangkat Pengembangan Web

“Man is a tool-using Animal. Nowhere do you find him without tools; without tools he is nothing, with tools he is all.” – Thomas Carlyle

Pada saat penulisan, pengembangan web pada sisi klien merupakan salah satu pengembangan yang dapat dilakukan dengan sangat mudah. Cukup dengan sebuah browser dan teks editor (yang hampir selalu diikut sertakan dalam sistem operasi) anda sudah dapat langsung memulai pengembangan! Tetapi tentunya terdapat banyak perangkat pengembangan yang akan sangat memudahkan anda dalam membuat website yang sangat bagus. Bagian ini akan memberikan daftar perangkat pengembangan yang diperlukan, serta penjelasan singkat mengenai setiap alat tersebut.

Web Browser

Karena web ditampilkan dalam browser, tentunya browser merupakan perangkat utama yang harus dimiliki oleh seorang pengembang web. Seperti yang telah dijelaskan pada bagian Browser dan Kode Klien, pastikan untuk memiliki setidaknya beberapa browser utama yang paling banyak digunakan. Tabel Download Browser memperlihatkan browser populer, dan tempat mendapatkan browser tersebut.

Download Browser
Browser Download
Microsoft Internet Explorer Disertakan dalam Sistem Operasi Windows
Mozilla Firefox http://www.mozilla.org/en-US/firefox/new
Google Chrome https://www.google.com/intl/en/chrome/browser/
Apple Safari Disertakan dalam Sistem Operasi Mac OS X, download untuk windows http://support.apple.com/downloads/#safari
Opera http://www.opera.com/download

Download dan pasang browser yang tertera pada tabel~ref{tbl:browser-download}, dan pastikan semua browser dapat berjalan dengan benar. Idealnya, lakukan pengujian di dalam setiap browser, untuk memastikan tampilan yang dihasilkan optimal untuk setiap browser tersebut. Jika merasa pengujian memakan terlalu banyak waktu, setidaknya lakukan pengujian di tiga browser terpopuler (pada masa penulisan), yaitu Internet Explorer, Firefox, dan Chrome.

Debugger

Dalam melakukan pengembangan, sering kali kita menemukan banyak masalah pada kode kita. Untuk menyelesaikan masalah-masalah tersebut, biasanya kita harus dapat mengerti kenapa masalah bisa muncul, dan lalu mencari solusi dari permasalahan tersebut. Pencarian penyebab masalah dapat dilakukan dengan menjalankan program dan melihat hasilnya, ataupun dengan mencoba memanggil fungsi / program dengan isi parameter yang berbeda-beda. Berbagai teknik penyelesaian masalah tersebut dapat dilakukan dengan mudah melalui emph{debugger}.

Contoh Debugger pada Chrome

Contoh Debugger pada Chrome

Sebagian besar browser utama yang ada pada tabel~ref{tbl:browser-download} telah mengikut sertakan sebuah debugger pada saat kita melakukan instalasi browser tersebut. Tekan F12 pada Internet Explorer dan Chrome untuk membuka debugger. Pada Opera dan Firefox, tekan Ctrl+Shift+I untuk membuka debugger. Safari mengharuskan anda menekan Ctrl+Alt+I untuk membuka debugger. Pengunaan debugger pada setiap browser tidak akan dibahas pada artikel ini. Baca dokumentasi dari debugger yang bersangkutan untuk mempelajarinya. Saran dari penulis, menguasai satu debugger dari sebuah browser saja sudah cukup. Karena memiliki fungsi yang sama, penguasaan salah satu debugger secara otomatis akan membantu kita dalam menggunakan debugger lain.

Text Editor

Tentu saja ini adalah perangkat wajib yang harus dimiliki seorang programmer, untuk melakukan pengembangan apapun. Karena merupakan hal paling mendasar dalam pemrograman (dan biasanya setiap programmer memiliki preferensi masing-masing) maka penulis tidak akan menjelaskan ataupun menyarankan salah satu teks editor lagi. Jelasnya, notepad sangat tidak disarankan. Penulis sendiri ialah pengguna teks editor vim [1] akut.

Penutup

Sebelum melanjutkan ke bagian berikutnya, pastikan anda telah memiliki semua perangkat yang disarankan pada bab ini. Pembelajaran perancangan web akan menjadi lebih menyenangkan dan mudah ketika anda memiliki semua perangkat yang memudahkan anda dalam melakukan tugas anda. Ingat, tanpa perangkat yang benar, seorang ahli pun tidak dapat menghasilkan karya optimal!

Catatan Kaki

[1]http://www.vim.org/
Bagikan Tulisan
comments powered by Disqus
Kembali ke bertzzie.com