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

Dalam seri ini kita akan beralih dari Pemula ke Mahir dalam JavaScript dalam 10 posting blog. Pada akhir seri ini, Anda akan mengetahui semua dasar yang perlu Anda ketahui untuk memulai pengkodean dalam JavaScript.

Bagaimana cara memulai pengkodean dalam JavaScript? - Daftar isi:

1. Untuk siapa kursus ini?
2. Apa yang sebenarnya dapat Anda lakukan dengan JavaScript?
3. Mengapa JavaScript begitu populer?
4. Di mana Anda dapat menulis dan mengeksekusi kode JavaScript?
5. Bagaimana cara memulai pengkodean dalam JavaScript?

Untuk siapa kursus ini?

Kursus ini cocok untuk Anda jika Anda adalah seseorang yang ingin memulai pengkodean dalam JavaScript, atau Anda adalah seseorang yang ingin menyegarkan pengetahuan mereka dalam JavaScript. Saya juga merekomendasikan untuk mem-bookmark tutorial ini untuk referensi Anda di masa mendatang. Kapan pun Anda ingin memiliki pengenalan ulang singkat mengenai konsep atau mungkin hanya untuk mengingat sintaks yang digunakan dalam JavaScript akan menjadi saat yang tepat untuk meninjau seri ini di masa mendatang.

Apa yang sebenarnya dapat Anda lakukan dengan JavaScript?

Sebelum menyelami JavaScript, ada baiknya untuk mengetahui apa yang sebenarnya dapat Anda lakukan dengan JavaScript. Anda mungkin tahu JavaScript sebagai bahasa yang mendominasi web. Dan Anda akan sepenuhnya benar! JavaScript, dimulai sebagai bahasa front-end untuk menambahkan perilaku ke situs web, sekarang digunakan di setiap aspek situs web.

Ini biasanya digunakan dalam pengembangan web ujung depan 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 tidak berhenti sama sekali. JavaScript digunakan di semua jenis tempat termasuk membuat Aplikasi Web Progresif, hingga aplikasi desktop. Baru-baru ini juga mulai digunakan dalam Pembelajaran Mesin menggunakan TensorFlow.js. Berkat Node.js lagi, itu juga dapat digunakan dalam mengendalikan drone, robot, serta perangkat IOT.

Mengapa JavaScript begitu populer?

JavaScript saat ini adalah bahasa pemrograman paling populer dan untuk alasan yang bagus. 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 mereka satu per satu.

Ketersediaan Luas

JavaScript mendominasi web, dari depan ke belakang. Jika Anda membaca artikel ini untuk menyegarkan kembali pengetahuan JavaScript Anda, Anda mungkin tahu bahwa ada kerangka kerja javascript baru yang muncul setiap beberapa bulan, terutama mengenai pengembangan web ujung depan karena ada banyak pendekatan untuk mengoptimalkannya.

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

Keamanan Versi

Seluruh tujuan menulis kode adalah untuk benar-benar menjalankannya ketika seharusnya dijalankan. Dan dalam melakukan itu, hal terakhir yang Anda inginkan adalah setengah dari situs web Anda tidak berfungsi dalam jumlah pengguna yang signifikan. Tetapi apa yang dapat Anda lakukan jika kode Anda harus dijalankan pada 1000 kombinasi perangkat dan browser yang berbeda? Untuk siapa Anda akan mengoptimalkan dan siapa yang akan Anda lepaskan dari menjadi pengguna? Apakah Anda bahkan harus membuat pilihan seperti itu? Jika separuh dari pengguna Anda memiliki perangkat lama dan separuh lainnya memiliki perangkat baru, untuk siapa Anda akan mengoptimalkan kode Anda, dan siapa yang akan Anda abaikan sebagai pelanggan Anda? Jawabannya, semoga tidak ada, terima kasih kepada Babel.

Babel adalah perangkat lunak yang memastikan kode Anda berjalan bahkan di browser yang sangat lama yang menggunakan versi JavaScript yang sangat lama. Dengan cara ini Anda tidak perlu membuat pilihan yang akan membuat Anda mengabaikan setengah dari pelanggan Anda. Agar jelas, Anda tidak menulis kode dengan Babel, atau itu bukan rasa JavaScript. Tetapi merupakan perangkat lunak yang sangat umum digunakan yang mengambil kode JavaScript Anda yang sudah ditulis dan berfungsi, dan mengubahnya menjadi versi JavaScript yang dipahami oleh browser lain meskipun mereka memiliki versi JavaScript yang sangat lama di browser mereka.

Adopsi Komunitas Besar

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

Jika Anda tidak tahu apa itu StackOverflow, pada dasarnya ini 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 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 pergi ke StackOverflow dan hanya mencari masalah Anda di sana. Biasanya pencarian Google akan memberi Anda hasil terbaik.

Dan Anda mungkin tidak terlalu mengharapkan ini, saat belajar coding, tetapi bagian utama dari pengembangan perangkat lunak mencakup mengetahui apa yang harus dicari di Google untuk menemukan jawaban Anda secara lebih efektif.

Itulah mengapa banyak orang ingin memulai pengkodean dalam JavaScript – memiliki JavaScript sebagai bahasa pemrograman paling populer pasti membantu Anda bekerja dengan bahasa tersebut baik dalam jangka pendek maupun jangka panjang. Kapanpun Anda menulis

JavaScript, bayangkan saja ribuan orang mengkodekan JavaScript dengan Anda, pada saat yang bersamaan. Beberapa memposting pertanyaan, beberapa menjawab pertanyaan.

Saat Anda mengkode JavaScript, Anda tidak sendirian.

Di mana Anda dapat menulis dan mengeksekusi kode JavaScript?

Ada beberapa tempat yang dapat Anda gunakan untuk memulai pengkodean dalam JavaScript. Anda secara teknis dapat menulis JavaScript di mana saja, termasuk buku catatan atau editor teks sederhana. Tetapi Anda juga memerlukan mesin JavaScript untuk benar-benar mengeksekusi kode Anda. Tapi bagaimana Anda mendapatkan satu. Nah, jika Anda ingat awal artikel, Anda tahu bahwa Anda sudah memilikinya di browser Anda.

Dalam seri posting blog ini kita akan menggunakan Google Chrome sebagai browser, karena merupakan salah satu browser yang paling umum digunakan dalam pengembangan web. Dan untuk 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 Mesin V8, yang mengambil kode JavaScript Anda dan menjalankannya. Mesin JavaScript ini juga digunakan dalam pengembangan Node.js, perangkat lunak yang memungkinkan Anda mengeluarkan JavaScript dari browser. Node.js juga merupakan alasan mengapa kita dapat menggunakan JavaScript di semua tempat termasuk dari server web hingga drone.

Saat Anda ingin memulai pengkodean dalam JavaScript, ada baiknya mengetahui bahwa Anda memerlukan mesin JavaScript untuk mengeksekusi kode Anda, dan sekarang Anda tahu bahwa Anda sudah memiliki mesin yang disertakan dengan browser Anda. Anda juga tahu bahwa jika Anda ingin menjalankan JavaScript dari browser, Anda harus mengunduh dan menginstal Node.js untuk itu. Tetapi ketika benar-benar menulis kode dan menjalankannya, apa artinya semua itu bagi pengalaman pengkodean Anda? Biasanya Anda ingin menggunakan semacam IDE (Integrated Development)

Lingkungan) untuk menulis kode Anda. Dengan cara ini, seperti yang dapat Anda tebak dari namanya, ia hadir dengan lebih banyak alat yang memudahkan Anda bekerja dengan kode untuk jangka panjang. Ini mungkin termasuk apa saja mulai dari penyelesaian teks untuk lebih sedikit mengetik, hingga debugger. Karena banyak orang bekerja dengan IDE ini, ada juga ekstensi yang sangat umum yang memungkinkan Anda untuk menyesuaikan lingkungan pengkodean Anda, termasuk mewarnai tanda kurung dalam kode untuk mempermudah 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 kami akan melihatnya dengan semua detail yang harus 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, yang sebenarnya menggunakan browser Chrome itu sendiri untuk menulis dan mengeksekusi kode JavaScript.

Sekarang setelah Anda memiliki beberapa informasi latar belakang tentang JavaScript, mari kita siapkan lingkungan pengkodean kita dan mulai dengan "Halo, Dunia!" kode.

Bagaimana cara memulai pengkodean dalam JavaScript?

Untuk memulai pengkodean dalam JavaScript, kita perlu menyiapkan lingkungan pengkodean.

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

Google Chrome – Unduh Peramban yang Cepat dan Aman dari Google

Sekarang Anda dapat melanjutkan dan mengklik tombol "Unduh Chrome" untuk memulai pengunduhan. Setelah diunduh, Anda dapat melanjutkan dan mengklik dua kali dan menjalani proses instalasi, seperti yang Anda lakukan dengan aplikasi lain yang Anda unduh dari internet. Mungkin juga meminta Anda untuk masuk ke salah satu akun Google Anda, yang dapat Anda lakukan.

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

Untuk memulai pengkodean dalam JavaScript, langkah selanjutnya adalah membuka tempat sebenarnya di mana kita akan menulis dan mengeksekusi kode di dalam browser Chrome. Dari menu atas, Buka: Menu, lalu Pengembang, lalu klik Konsol JavaScript. Anda juga dapat menggunakan pintasan untuk Mac, yaitu "opsi + perintah + J".

Tepat setelah melakukan itu, Anda akan melihat konsol JavaScript terbuka, yang akan terlihat seperti ini:

Jika Anda berhasil sejauh ini, luar biasa! Saatnya untuk langkah bermakna yang memungkinkan Anda memulai pengkodean dalam JavaScript. Mari mulai perjalanan JavaScript Anda dengan hello world . Silakan dan ketik berikut ini:

alert("Hello, World!");

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

Sekarang Anda akan melihat peringatan yang muncul seperti ini:

Dan dengan itu, Anda baru saja menulis kode "hello world" pertama Anda! Sekarang Anda tahu cara memulai pengkodean dalam JavaScript.

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

Kursus JavaScript Dari Pemula hingga Mahir dalam 10 posting blog:

1. Bagaimana cara memulai pengkodean dalam JavaScript?
2. Dasar-dasar JavaScript
3. Variabel dan tipe data yang berbeda dalam JavaScript
4. Cuplikan dan struktur kontrol
5. Perulangan while dan perulangan for
6. Array Jawa
7. Fungsi JavaScript
8. objek JavaScript
9. Metode JavaScript dan banyak lagi
10. Ringkasan kursus JavaScript