j5XpcW8LPSTMXB3E43AmnBvL2r59s0Bn3s1rqebM

Persiapan Instalasi Tool Sebelum Belajar HTML, CSS, Dan Javascript

Tool Untuk Belajar HTML CSS Javascript - Di sesi tutorial kali ini kita akan menginstall beberapa tool yang diperlukan untuk belajar web development.

Perlu diingat bahwa, spesifikasi laptop atau komputer yang dibutuhkan untuk dapat mengoperasikan atau menjalankan kode-kode seperti Javascript dan kawan-kawanya tidak terlalu tinggi, ram 2 GB sebenarnya sudah cukup, hanya saja anda mungkin harus menggunakan sistem operasi yang lebih rendah, karena untuk perangkat yang menggunakan OS Windows 10 kebanyakan ram yang dimilikinya sudah terpakai 1 hingga 2 GB setelah proses startup, jadi ram 2 GB adalah batas yang sangat minimal, tapi jika anda pengguna Windows 7 saya rasa itu tidak masalah.

Sedangkan untuk processor tidak perlu khawatir, karena intel Pentium pun masih kuat kalau hanya untuk sekadar belajar seperti menulis program simpel yang tidak terlalu kompleks.

Dan untuk grafis tidak usah dipedulikan, karena disini tidak ada proses rendering 3D, jadi intel HD pun tidak masalah.
chrome and visual studio code
Jadi hal pertama yang harus anda install ialah web browser, dan web browser yang saya rekomendasikan ialah Chrome, jadi silahkan download terlebih dahulu Chrome melalui link berikut: Download Chrome.

Silahkan pilih tombol download dan install sesuai dengan intruksi yang diberikan.

unduh chrome
Selain chrome masih ada banyak browser lain yang bisa anda gunakan, seperti Mozila Firefox, tapi tetap saja saya sangat merekomendasikan chrome, selain updateanya yang cukup rutin, Chrome juga cukup smooth untuk inspection dan debugging. Akan tetapi jika anda memiliki kendala dengan Chrome, anda bisa menggunakan Firefox sebagai alternatif lain.

Setelah Chrome sudah anda install, sekarang kita akan menginstall yang namanya text editor, text editor digunakan untuk menuliskan baris kode dalam HTML, CSS, dan Javascript.

Berikut adalah penjelasan singkat tentang text editor dari monitorteknologi:

Text Editor adalah suatu software aplikasi atau suatu program komputer yang memungkinkan kalian sebagai penggunanya untuk membuat, mengubah atau mengedit file teks yang ada berupa text biasa. Text editor ini sebenarnya bisa digunakan untuk membuat program komputer dan mengedit source code dari bahasa pemograman. Selain itu, text editor juga bisa dimanfaatkan untuk membuat halaman web atau template web design dan juga membuat aplikasi tertentu. Software aplikasi satu ini memang secara umum ditujukan untuk mempermudah aktivitas pemrograman.
monitorteknologi

Text Editor yang saya pilih kali ini adalah Visual Studio Code, dimana ia merupakan free software yang sangat powerfull disertai dengan ratusan extensions yang membantu kita dalam proses development.

Untuk menginstall VS Code, silahkan klik tautan ini: VS Code Download.

Setelah itu pilih tombol Download kemudian install seperti biasa.

vs code
Ingat untuk mengunduh VS Code sesuai dengan sistem operasi yang digunakan.

Dan hal terakhir yang saya rekomendasikan untuk anda ialah WindowGrid, dimana fungsi dari tool ini ialah untuk melakukan snap windows secara presisi, hal ini berguna ketika kita ingin laya monitor kita terbagi menjadi dua dimana untuk sisi yang satu yaitu tampilan web browser, dan satu lagi ialah text editor. (Tapi dibawah saya pakai paint hanya sebagai contoh)
windowgrid
Silahkan download WindowGrid Disini: Download WindowGrid.

Atau jika anda pengguna Mac, gunakan tool Spectacle: Download Spectacle.

Untuk cara penggunaanya, pertama drag terlebih dahulu bagian sisi atas windows yang ingin di snap, setelah itu klik kanan untuk menentukan lokasi, kemudian lepaskan klik kanan dan sesuaikan ukuran window dengan preferensi yang anda inginkan.

Ingat, tool ketiga hanyalah sekadar pilihan, bukan keharusan.
Related Posts
Krakenost
Never Stop Dreaming

Related Posts

Post a Comment