JavascriptMateri CourseNusantech Academy

Modul 1-2. Setup Tools

By 4 Mei 2020 Mei 5th, 2020 No Comments

Pendahuluan

Halo teman-teman semua selamat datang kembali di Javascript Course dari nusantech academy. Sebelum kita masuk dalam pembahasan materi Javascript Dasar, alangkah baiknya jika kita mempersiapkan tools-tools yang diperlukan untuk mengikuti course ini.

Pada materi ini kita akan membahas tentang tools apa saja yang teman-teman butuhkan beserta rekomendasinya supaya teman-teman bisa mengikuti course ini dengan baik. Setidaknya ada 2 tools yang akan teman-teman butuhkan, yaitu web browser dan text editor.

Web Browser

Tool yang pertama adalah web browser. Teman-teman pasti sudah tidak asing lagi dengan web browser atau sering disingkat browser ini. Web browser adalah perangkat lunak yang berfungsi untuk menerima dan menyajikan informasi yang kita akses dari internet. Informasi tersebut bisa berupa halaman web, foto, video, dan lain sebagainya. 

Dari sekian banyak web browser yang ada, yang populer adalah Google Chrome, Firefox, Safari, Opera, Microsoft Edge dan Internet Explorer. Rekomendasi kami untuk web browser adalah Google Chrome karena tampilan simpel, lebih cepat, dan banyak fitur pendukung. 
Untuk mengunduh Google Chrome, teman-teman bisa mengunjungi website resminya di https://www.google.com/chrome. Klik tombol “Unduh Chrome” untuk mengunduh Google Chrome. Lalu setelah installer dari Google Chrome sudah terunduh, teman-teman bisa menginstall aplikasi Google Chrome di komputer masing-masing.

Jika teman-teman sudah terbiasa menggunakan Firefox atau web browser yang lain, maka teman-teman bisa menggunakan web browser tersebut untuk mengikuti course ini. Jadi dalam course ini teman-teman tidak diharuskan untuk menggunakan Google Chrome sebagai web browser yang digunakan. 

Text Editor

Tool kedua yang teman-teman akan butuhkan adalah text editor. Text editor adalah perangkat lunak yang digunakan untuk menulis atau menyusun kode program. Ada banyak text editor yang tersedia, mulai dari text editor yang berbayar maupun gratis dan text editor yang memiliki fitur sederhana sampai text editor dengan fitur yang lengkap. Beberapa text editor yang populer adalah Notepad++, Sublime Text, Atom, Brackets, Visual Studio Code dan Vim.

Rekomendasi kami untuk text editor adalah Visual Studio Code atau sering disingkat VS Code karena open source atau gratis tapi fitur yang ada di dalam VS Code tergolong lengkap serta tersedia extension-extension yang bisa mendukung proses ngoding teman-teman.

Untuk mengunduh text editor VS Code, teman-teman bisa mengunjungi websitenya di https://code.visualstudio.com. Klik tombol unduh sesuai dengan jenis OS (Operating System) yang teman-teman gunakan. Lalu setelah installer dari VS Code sudah terunduh, teman-teman bisa menginstall aplikasi VS Code di komputer masing-masing. 

Extension-extension yang kami rekomendasikan untuk diinstall dalam VS Code ada :

  1. Live Server, berfungsi untuk membuat server lokal sehingga website akan reload secara otomatis ketika ada perubahan dalam kode program.
  2. Prettier, berfungsi untuk merapikan tampilan kode program yang dibuat.
  3. Material Icon Theme, berfungsi untuk memperindah tampilan file dan folder dalam VS Code.
  4. Bracket Pair Colorizer, berfungsi untuk memberikan warna yang berbeda antara satu pasang kurung kurawal dengan pasang lainnya.

Jika teman-teman sudah terbiasa menggunakan text editor selain VS Code, maka teman-teman bisa menggunakan text editor tersebut untuk mengikuti course ini. Jadi dalam course ini juga tidak diharuskan untuk menggunakan VS Code sebagai text editor yang digunakan. 

Penutup

Jadi, untuk mengikuti course ini dengan baik, diperlukan setidaknya 2 (dua) tools yaitu web browser dan text editor. Rekomendasi dari kami adalah Google Chrome untuk web browser dan Visual Studio Code untuk text editornya. Teman-teman bisa menginstall web browser selain Google Chrome atau text editor selain Visual Studio Code sesuai dengan preferensi masing-masing.

Baik teman-teman, saya rasa cukup untuk pembahasan kita tentang setup tools ini. Tetap semangat mengikuti Javascript Course dari Nusantech Academy.

Thank you and see you next time!

Javascript – 02 – Setup Tools (Video):

Leave a Reply