Halo teman-teman semuanya, pada seri artikel kali ini kita akan bersama-sama mempelajari konsep-konsep dasar JavaScript mulai dari tipe data, variabel, operator, control flow, hingga fitur-fitur lanjut lainnya. Semoga dengan seri ini, kita bisa memahami pondasi JavaScript dengan lebih kuat dan siap untuk melangkah ke tahap berikutnya.
Apa Itu JavaScript?
JavaScript adalah bahasa pemrograman yang digunakan untuk membuat website menjadi lebih interaktif. Bersama dengan HTML dan CSS, JavaScript membentuk pondasi utama dari pengembangan web modern.
Jika HTML bertugas membuat struktur, dan CSS bertugas untuk mengatur tampilan, maka JavaScript bertugas membuat web menjadi hidup, seperti menampilkan notifikasi, membuat animasi, hingga berinteraksi dengan server tanpa me-reload halaman (AJAX).
JavaScript juga kini digunakan di luar browser, contohnya di sisi server menggunakan Node.js.
Kenapa Harus Belajar JavaScript?
- Mudah Dipelajari: Cocok untuk pemula yang baru mulai belajar coding.
- Fleksibel: Bisa digunakan untuk frontend, backend, hingga mobile app.
- Populer: Banyak perusahaan membutuhkan developer JavaScript.
- Banyak Framework: Seperti React, Vue, Angular, dan lainnya.
Bagaimana Cara Menjalankan JavaScript?
Ada dua cara paling umum:
-
Langsung dari Browser
Semua browser modern sudah menyediakan JavaScript Engine yang memungkinkan kita menjalankan JavaScript langsung.
-
Menggunakan Node.js
Node.js adalah runtime JavaScript di luar browser. Dengan Node.js, kita bisa menjalankan JavaScript dari terminal/command prompt.
Menjalankan JavaScript di Browser
Untuk menjalankan JavaScript di browser ada 2 cara, yaitu:
-
Cara 1: Melalui Developer Tools (Console)
Buka browser seperti Chrome atau Firefox. Tekan Ctrl + Shift + I atau klik kanan ➔ "Inspect" ➔ pilih tab Console. Ketik kode JavaScript langsung di console, misalnya.
console.log('Hello, World!');
-
Cara 2: Menjalankan File .html di Browser
Kita bisa menulis JavaScript di dalam file HTML. Buat file bernama index.html.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Belajar JavaScript</title>
</head>
<body>
<h1>Hello JavaScript</h1>
<script>
console.log('Hello dari file HTML!');
</script>
</body>
</html>
Simpan file tersebut, kemudian buka file index.html di browser. Setelah itu buka console untuk melihat output Hello dari file HTML!.
Menjalankan JavaScript dengan Node.js
Node.js memungkinkan kita menjalankan JavaScript di luar browser, lewat terminal atau command prompt.
-
Cara Install Node.js
Silahkan teman-teman download dan install Node.js dari situs resminya di https://nodejs.org/en/download, dan pastikan pilih yang versi LTS (Long term Support).
-
Cek Hasil Installasi
Setelah berhasil melakukan installasi, kita bisa memastikannya dengan cara mengetikkan perintah berikut ini di dalam terminal/CMD.
node --version
npm --version
Jika berhasil, maka akan keluar versi Node.js dan NPM yang terinstall di dalam komputer.
-
Menjalankan JavaScript Dengan Node.js
Buat file baru dengan nama hello.js, kemudian masukkan kode berikut ini di dalamnya.
console.log('Hello dari Node.js!');
Dan untuk menjalankannya, teman-teman bisa ketikkan seperti berikut ini di dalam terminal/CMD.
node hello.js
Jika berhasil, maka akan muncul tulisan Hello dari Node.js!.
Kesimpulan
Pada artikel ini, kita sudah belajar apa itu JavaScript, kenapa penting untuk dipelajari, dan bagaimana menjalankan JavaScript baik dari browser maupun Node.js. Di artikel berikutnya, kita akan belajar tentang Tipe Data di JavaScript.
Terima Kasih