Menginstal perangkat lunak dasar

Pada bagian Memasang perangkat lunak dasarini, kami akan menunjukkan kepada Anda apa saja alat yang Anda butuhkan untuk mengembangkan web sederhana, dan cara memasangnya dengan benar.

Alat apa yang digunakan oleh para profesional?

  • Komputer. Hal ini terdengar sangat jelas bagi beberapa orang, namun sebagian orang membaca artikel ini dari ponsel atau pustaka komputer (computer library). Untuk serius mengembangkan web, sebaiknya menggunakan desktop komputer atau laptop yang dijalankan Windows, macOS, atau Linux.
  • Editor teks, untuk menulis kode. Ini bisa jadi text editor (spt. Studio Code, Notepad++, Sublime Text, Atom, Brackest, GNU Emacs, atau VIM), atau hybrid editor (spt. Dreamweaver atau WebStorm). Editor dokumen kantor tidak cocok untuk hal ini, karena itu tergantung pada element tersembunyi yabg dapat mengganggu mesin penterjemah yang digubakan oleh peramban web.
  • Peramban web, untuk mencoba kode. Saat ini peramban yang banyak digunakan antara lain Firefox, Chrome, Opera, Safari, Internet Explorer, dan Microsoft Edge. Kamu juga perlu mencoba apakah situs kamu berjalan baik di perangkat mobile dan semua peramban lama yang masih banyak digunakan pengunjung (seperti IE 8–10.) Lynx, terminal peramban web berbasis teks, bagus untuk mengetahui bagaimana situs web Anda dijelajahi oleh pengguna yang masalah penglihatan.
  • Editor grafis, seperti GIMP, Paint.NET, Photoshop, atau XD untuk membuat gambar atau grafis pada halaman web kamu.
  • Version control system, untuk mengelola berkas di server, proyek yang berkolaborasi dengan sebuah tim, berbagi kode dan aset, serta menghindari konflik editing. Saat ini, Git merupakan alat version control yang populer bersama dengan layanan hostingGitHub atau GitLab.
  • Program FTP, digunakan pada akun hosting lama untuk mengatur berkas pada (Git secara bertahap menggantikan FTP untuk tujuan ini). Banyak sekali program FTP yang tersedia termasuk Cyberduck, Fetch, dan FileZilla.
  • Automation system, seperti Grunt atau Gulp untuk menjalankan tugas berulang secara otomatis, seperti meminimalisir code dan menjalankan serangkaian test.
  • Templates, libraries, frameworks, dan sebagainya, untuk mempercepat menulis fungsi umum.
  • Dan masih banyak lainnya!

Alat apa saja yang sebenarnya saya butuhkan sekarang?

Daftar di atas sepertinya sedikit "menakutkan", tapi untungnya, Anda bisa mulai mengembangkan web tanpa harus tahu banyak tentang hal-hal ini. Pada artikel ini, kita akan membuat Anda siap dengan sesuatu yang paling sederhana, yaitu sebuah pengubah teks dan beberapa peramban web.

Memasang text editor

Anda mungkin sudah punya text editor bawaan pada komputer Anda. Secara default Windows mempunyai Notepad dan macOS mempunyai TextEdit. Distro Linux beragam; Ubuntu mempunyai gedit secara default.

Untuk mengembangkan web, Anda bisa melakukan lebih dari Notepad atau TextEdit. Kami sarankan mulai dengan Visual Studio Code, yang merupakan editor teks gratis, yang menawarkan tinjauan langsung (live preview) dan petunjuk kode.

Memasang peramban modern

Untuk saat ini, kita akan memasang dua peramban web desktop untuk menguji kode kita. Pilih sistem operasi kamu di bawah ini dan klik link yang relevan untuk mengunduh installer untuk peramban kesukaan Anda:

Sebelum melanjutkan, kamu harus memasang minimum dua dari browser tersebut untuk pengujian.

Memasang server web lokal

Beberapa contoh perlu dijalankan oleh server web agar dapat bekerja. Anda dapat mengetahui cara melakukan ini di Bagaimana Anda membuat server pengujian lokal?

Dalam modul ini