Perlengkapan Untuk Belajar Web Development (HTML, CSS, Javascript)

Belajar Web Dev

Di sini saya akan memberikan beberapa hal penting yang harus kalian ketahui sebelum mulai belajar web development, pertama kita membutuhkan text editor dan yang kedua adalah web browser.

Untuk kalian yang ingin kembali ke menu Tutorial Web Development silahkan klik disini!
Di tutorial ini kalian bebsa memilih text editor apa yang ingin kalian gunakan, tapi rekomendasi dari saya adalah:

Atom
Visual Studio Code
Sublime Text

Ketiga text editor di atas memiliki interface yang bagus dan bisa kalian ganti temanya semau kalian, dan yang terpenting gratis, terkecuali Sublime, walaupun begitu sublime bisa tetap kamu gunakan tanpa mengeluarkan biaya sepeserpun.

Nah di tutorial ini saya akan menggunakan Visual Studio Code dalam memberikan materi dan contoh dari hasil coding.

Untuk yang berikutnya ialah Web Browser, untuk bagian ini saya memilih Chrome karena Chrome sangat cepat dalam update'anya sehingga kita tidak akan mengalami bugs yang mengganggu dikarenakan versi broser yang out date, untuk alternatif lain kalian bisa coba menggunakan Mozila Firefox.

Instalasi Visual Studio Code

Pertama kalian bisa kunjungi halaman resminya disini Visual Studio Code.

Visual Studio Code homepage

Di sini kalian bisa langsung klik tombol "Download for Windows" atau jika kalian menggunakan versi os yang lain silahkan ganti versi visual studio code nya dengan cara klik arah panah ke bawah da pilih versi sesuai os kalian masing-masing.

Untuk langkah selanjutnya tidaklah sulit, kalian hanya perlu buka file hasil download an tadi dan ikuti intruksi yang ada, kebanyakan kalian hanya diharuskan untuk klik "Next".

Jika sudah tersintall maka kalian akan melihat jendela VS Code seperti pada gambar di bawah ini.

visual studio code app

Kalian bisa mengganti thema VS Code dengan menggantinya melalui Color Theme.

Color Theme VS Code

Sampai disini Kalian sudah siap untuk menulis script HTML & CSS, langkah selanjutnya ialah Instalasi Chrome.

Instalasi Chrome

Kalian bisa mendownload Google Chrome melalui halaman resminya disini Chrome Download.

Kalian akan melihat halaman google chrome seperti pada gambar.

chrome homepage

Silahkan klik tombol download chrome, maka proses download akan berjalan, setelah file terdownload buka filenya dan kalian akan melakukan proses download lagi, tunggu sampai selesai dan secara otomatis chrome akan terinstall di laptop/komputer kalian, ikuti saja intruksi yang ada tidak susah kok.

Oh saya lupa, kegunaan dari kedua software tadi, untuk VS Code berguna untuk menulis kode atau script yang kita buat, sedangkan Chrome berguna untuk melihat tampilan dari hasil coding kita.

Itu saja tutorial Web Development kali ini, semoga bisa membantu kalian dan jangan lupa untuk bertanya jika kalian mengalami kendala saat mengikuti tutorial ini.

Selanjutnya kita akan belajar mengenai Bagaimana Internet Bekerja.

0 Comments

Post a Comment