Bagaimana cara memulai pemrograman dalam JavaScript? Bagian 1 Kursus JavaScript dari Pemula hingga Mahir

Dalam seri ini, kita akan mulai dari Pemula hingga Mahir dalam JavaScript dalam 10 posting blog. Pada akhir seri ini, Anda akan mengetahui semua dasar yang perlu Anda ketahui untuk mulai mengkode dalam JavaScript.

Bagaimana cara mulai mengkode dalam JavaScript? – daftar isi:

1. Untuk siapa kursus ini?
2. Apa yang sebenarnya bisa Anda lakukan dengan JavaScript?
3. Mengapa JavaScript begitu populer?
4. Di mana Anda bisa menulis dan menjalankan kode JavaScript?
5. Bagaimana cara mulai mengkode dalam JavaScript?

Untuk siapa kursus ini?

Kursus ini untuk Anda jika Anda adalah seseorang yang ingin mulai mengkode dalam JavaScript, atau Anda adalah seseorang yang ingin menyegarkan pengetahuan mereka dalam JavaScript. Saya juga merekomendasikan untuk menandai tutorial ini untuk referensi Anda di masa depan. Setiap kali Anda ingin mendapatkan pengenalan cepat mengenai konsep atau mungkin hanya untuk mengingat sintaks yang digunakan dalam JavaScript, itu akan menjadi waktu yang baik untuk meninjau seri ini di masa depan.

Apa yang sebenarnya bisa Anda lakukan dengan JavaScript?

Sebelum terjun ke JavaScript, adalah ide yang baik untuk mengetahui apa yang sebenarnya bisa Anda lakukan dengan JavaScript. Anda mungkin mengenal JavaScript sebagai bahasa yang mendominasi web. Dan Anda akan sepenuhnya benar! JavaScript, yang dimulai sebagai bahasa front-end untuk menambahkan perilaku ke situs web, sekarang digunakan di setiap aspek situs web.

Ini biasanya digunakan dalam pengembangan web front end biasanya bersama dengan kerangka kerja dan pustaka JavaScript lainnya seperti React. Ini juga merupakan bahasa yang paling umum digunakan dalam pengembangan web backend berkat Node.js yang memungkinkan Anda menjalankan JavaScript di server web. Tapi itu bukan tempatnya berhenti sama sekali. JavaScript digunakan di berbagai tempat termasuk membuat Aplikasi Web Progresif, hingga aplikasi desktop. Ini juga baru-baru ini mulai digunakan dalam Pembelajaran Mesin menggunakan TensorFlow.js. Berkat Node.js lagi, ini juga dapat digunakan untuk mengendalikan drone, robot, serta perangkat IOT.

Mengapa JavaScript begitu populer?

JavaScript saat ini adalah bahasa pemrograman yang paling populer dan itu dengan alasan yang baik. Ada beberapa faktor utama yang membuat JavaScript seperti sekarang ini. Ini termasuk ketersediaan lingkungan yang luas, keamanan versi kode berkat Babel, dan adopsi yang luas di komunitas. Mari kita lihat apa saja satu per satu.

Ketersediaan yang Luas

JavaScript mendominasi web, dari depan hingga belakang. Jika Anda membaca artikel ini untuk menyegarkan pengetahuan JavaScript Anda, Anda mungkin tahu bahwa ada kerangka kerja JavaScript baru yang muncul setiap beberapa bulan, terutama terkait dengan pengembangan web front end karena ada banyak pendekatan untuk mengoptimalkannya.

Seperti yang akan kita lihat nanti dalam artikel, Anda tidak perlu menginstal perangkat lunak khusus untuk mulai menulis dan menjalankan kode JavaScript Anda, karena Anda sudah memiliki alat yang diperlukan di browser Anda. Ini saja sudah menurunkan hambatan untuk mulai belajar bahasa ini karena sebagian besar bahasa pemrograman akan mengharuskan Anda untuk menginstal dan mengatur lingkungan pengkodean untuk bahkan memulai.

Keamanan Versi

Tujuan utama menulis kode adalah untuk benar-benar menjalankannya saat seharusnya dijalankan. Dan dalam melakukannya, hal terakhir yang Anda inginkan adalah setengah dari situs web Anda tidak berfungsi di sejumlah besar pengguna. Tapi apa yang bisa Anda lakukan jika kode Anda harus dijalankan di 1000 kombinasi perangkat dan browser yang berbeda? Untuk siapa Anda akan mengoptimalkan dan siapa yang akan Anda biarkan pergi dari menjadi pengguna? Apakah Anda bahkan harus membuat pilihan seperti itu? Jika setengah dari pengguna Anda memiliki perangkat lama dan setengah lainnya memiliki perangkat baru, untuk siapa Anda akan mengoptimalkan kode Anda, dan siapa yang akan Anda abaikan sebagai pelanggan Anda? Jawabannya adalah, semoga tidak ada, berkat Babel.

Babel adalah perangkat lunak yang memastikan kode Anda berjalan bahkan di browser yang sangat tua yang menggunakan versi JavaScript yang sangat lama. Dengan cara ini, Anda tidak perlu membuat pilihan yang akan membuat Anda mengabaikan setengah dari pelanggan Anda. Untuk jelasnya, Anda tidak menulis kode dengan Babel, atau itu bukan varian dari JavaScript. Tapi itu adalah perangkat lunak yang sangat umum digunakan yang mengambil kode JavaScript Anda yang sudah ditulis dan berfungsi, dan mengonversinya ke versi JavaScript yang dipahami oleh browser lain bahkan jika mereka memiliki versi JavaScript yang sangat lama di browser mereka.

Adopsi Komunitas yang Besar

Setiap kali Anda menulis kode, tidak dapat dihindari bahwa Anda akan menghadapi masalah. Dan pada saat-saat itu, apa pun bahasa pemrograman yang Anda gunakan, bisa sangat membantu untuk melihat masalah Anda sudah dijawab oleh seseorang yang membantu di internet. Di situlah dukungan komunitas berperan, dan oleh karena itu StackOverflow.

Jika Anda tidak tahu apa itu StackOverflow, itu pada dasarnya adalah forum pemrograman terbesar yang digunakan orang untuk bertanya dan menjawab pertanyaan pemrograman. Ini bukan satu-satunya tempat di mana Anda akan menemukan jawaban, pasti ada tempat lain yang akan sangat membantu dalam menjawab pertanyaan spesifik Anda, tetapi kemungkinan besar Anda akan menemukan sebagian besar jawaban Anda di sana. Saya tidak menyarankan Anda untuk hanya pergi ke StackOverflow dan mencari masalah Anda di sana juga. Biasanya pencarian Google akan memberi Anda hasil terbaik.

Dan Anda mungkin tidak mengharapkan ini sebanyak, saat belajar mengkode, tetapi sebagian besar pengembangan perangkat lunak mencakup mengetahui apa yang harus dicari di Google untuk menemukan jawaban Anda dengan lebih efektif.

Itulah mengapa banyak orang ingin mulai mengkode dalam JavaScript – memiliki JavaScript sebagai bahasa pemrograman yang paling populer pasti membantu Anda bekerja dengan bahasa ini baik dalam jangka pendek maupun jangka panjang. Setiap kali Anda menulis

JavaScript, bayangkan ribuan orang mengkode JavaScript bersama Anda, pada saat yang sama. Beberapa mengajukan pertanyaan, beberapa menjawab pertanyaan.

Ketika Anda mengkode JavaScript, Anda tidak sendirian.

Di mana Anda bisa menulis dan menjalankan kode JavaScript?

Ada beberapa tempat yang bisa Anda gunakan untuk mulai mengkode dalam JavaScript. Secara teknis, Anda bisa menulis JavaScript di mana saja, termasuk di buku catatan sederhana atau editor teks. Tapi Anda juga memerlukan mesin JavaScript untuk benar-benar menjalankan kode Anda. Tapi bagaimana cara mendapatkannya? Nah, jika Anda ingat awal artikel ini, Anda tahu bahwa Anda sudah memilikinya di browser Anda.

Dalam seri posting blog ini, kita akan menggunakan Google Chrome sebagai browser, karena ini adalah salah satu browser yang paling umum digunakan dalam pengembangan web. Dan itu dengan alasan yang baik, Chrome menyediakan beberapa alat terbaik yang membuat hidup Anda jauh lebih mudah saat melakukan pengembangan web. Chrome memiliki mesin JavaScript yang disebut V8 Engine, yang mengambil kode JavaScript Anda dan menjalankannya. Mesin JavaScript ini juga digunakan dalam pengembangan Node.js, perangkat lunak yang memungkinkan Anda mengambil JavaScript keluar dari browser. Node.js juga merupakan alasan mengapa kita bisa menggunakan JavaScript di berbagai tempat termasuk dari server web hingga drone.

Ketika Anda ingin mulai mengkode dalam JavaScript, baik untuk diketahui bahwa Anda memerlukan mesin JavaScript untuk menjalankan kode Anda, dan sekarang Anda tahu bahwa Anda sudah memiliki satu yang datang dengan browser Anda. Anda juga tahu bahwa jika Anda ingin menjalankan JavaScript di luar browser, Anda akan ingin mengunduh dan menginstal Node.js untuk itu. Tapi ketika datang untuk benar-benar menulis kode dan menjalankannya, apa artinya semua ini untuk pengalaman pengkodean Anda? Biasanya Anda akan ingin menggunakan semacam IDE (Integrated Development)

Environment) untuk menulis kode Anda. Dengan cara ini, seperti yang bisa Anda tebak dari namanya, ini dilengkapi dengan banyak alat yang membuatnya lebih mudah bagi Anda untuk bekerja dengan kode dalam jangka panjang. Ini mungkin termasuk apa saja dari penyelesaian teks untuk mengurangi pengetikan, hingga debugger. Karena banyak orang bekerja dengan IDE ini, ada juga ekstensi yang sangat umum yang memungkinkan Anda menyesuaikan lingkungan pengkodean Anda, termasuk mewarnai tanda kurung dalam kode untuk memudahkan melihat tanda kurung pembuka mana yang cocok dengan tanda kurung penutup mana. Jika Anda tidak tahu apa yang dilakukan tanda kurung, untuk saat ini jangan khawatir dan kita akan melihatnya dengan semua detail yang perlu Anda ketahui dalam seri blog ini.

Saat ini beberapa IDE yang paling populer termasuk Visual Studio Code, Atom, dan Sublime Text. Tapi untuk ini kita akan mulai dengan opsi paling sederhana yang bisa kita mulai, yaitu menggunakan browser Chrome itu sendiri untuk menulis dan menjalankan kode JavaScript.

Sekarang Anda memiliki beberapa informasi latar belakang tentang JavaScript, mari kita benar-benar menyiapkan lingkungan pengkodean kita dan mulai dengan kode “Hello, World!”.

Bagaimana cara mulai mengkode dalam JavaScript?

Untuk mulai mengkode dalam JavaScript, kita perlu menyiapkan lingkungan pengkodean.

Seperti yang juga kami sebutkan sebelumnya, kita akan menggunakan Google Chrome sebagai browser kita sepanjang seri posting blog ini. Jika Anda sudah menginstal Chrome, bagus! Jika tidak, maka langkah pertama adalah sebenarnya menginstal Google Chrome. Untuk mengunduh Chrome, Anda bisa mencari “unduh Google Chrome”, untuk mengunduhnya dari situs webnya atau di sini Anda bisa menemukan tautan untuk kenyamanan Anda mengunduh Chrome:

Google Chrome – Unduh Browser Cepat dan Aman dari Google

Sekarang Anda bisa melanjutkan dan mengklik tombol “Unduh Chrome” untuk memulai pengunduhan. Setelah diunduh, Anda bisa melanjutkan dan mengklik dua kali pada itu dan melalui proses instalasi, seperti yang Anda lakukan dengan aplikasi lain yang Anda unduh dari internet. Ini juga mungkin meminta Anda untuk masuk ke salah satu akun Google Anda, yang bisa Anda lakukan.

Setelah Anda menginstal Chrome, klik dua kali untuk membuka jendela. Sekarang Anda harus melihat layar pencarian Google klasik:

Untuk mulai mengkode dalam JavaScript, langkah selanjutnya adalah membuka tempat sebenarnya di mana kita akan menulis dan menjalankan kode di dalam browser Chrome. Dari menu atas, pergi ke: Menu, lalu Pengembang, dan kemudian klik pada Konsol JavaScript. Anda juga bisa menggunakan pintasan untuk Mac, yaitu “option + command + J”.

Segera setelah Anda melakukan itu, Anda harus melihat konsol JavaScript terbuka, yang seharusnya terlihat seperti ini:

Jika Anda sudah sampai sejauh ini, luar biasa! Saatnya untuk langkah yang berarti yang akan memungkinkan Anda mulai mengkode dalam JavaScript. Mari kita mulai perjalanan JavaScript Anda dengan hello world. Silakan ketik yang berikut:

alert("Hello, World!");

Setelah mengetik itu, mari kita jalankan kode kita dengan menekan tombol “Enter” atau “Return” di keyboard Anda!

Sekarang Anda harus melihat sebuah peringatan muncul yang terlihat seperti ini:

Dan dengan itu, Anda baru saja menulis kode “hello world” pertama Anda! Sekarang Anda tahu bagaimana cara mulai mengkode dalam JavaScript.

Di posting blog berikutnya, Anda akan melihat dasar-dasar JavaScript dengan contoh pengkodean.