Mengenal Dasar Javascript, Hello World!

Thursday, 19/03/2020
Semuanya diawali dengan menyapa dunia~
Hero photo by Kevin Butz, powered by unsplash.

Hello World!

Jika kalian sebelumnya sudah pernah membuat program, pastinya sudah tau kan ritual awal para programmer jika menemukan teknologi atau bahasa pemrograman baru? Kalau belum mari kita kenalan dengan Hello world.

Tujuan dari hello world adalah mencetak kalimat 'Hello World' tanpa petik di terminal / browser / UI lainnya. Dengan mencetak hello world diharapkan kalian dapat memastikan minimal installasi node js kalian berhasil. Kali ini kita (hah? kita) coba cetak hello world di terminal ya. Pastikan kalian sudah mengunduh dan memasang node js.

Jika sudah, mari buka terminal / cmd kalian, dan jalankan perintah:

node

Kemudian, akan tampil intepreter dengan teks seperti berikut:

Welcome to Node.js v13.11.0.
Type ".help" for more information.
>

intepreter runtime node js akan menunggu perintah dari kalian, mari kita (hah, kita?) jalankan perintah untuk mencetak teks di console / terminal / cmd

console.log('Hello World');

jika sudah akan muncul:

Welcome to Node.js v13.11.0.
Type ".help" for more information.
> console.log('Hello World')
Hello World
undefined
>

Selamat, kalian sudah berhasil membuat program sederhana dengan menggunakan javascript. Nah sekarang pertanyaannya kok bisa keluar teks Hello World gitu sih? Bingung?

Mari kita telaah perintah:

console.log('Hello World');

Perintah tersebut terdiri dari objek console yang memanggil fungsi log dengan parameter 'Hello World'.

Bentar bang, apasih objek, fungsi dan parameter?

Sederhananya objek itu adalah representasi dari benda nyata, yang memiliki beberapa fungsi tertentu, dan fungsi ini dapat memiliki input berupa data yang dimasukan melalui parameter. Nah untuk mengakses fungsi atau atribut dalam suatu objek, kita gunakan titik.

Mari kita berandai andai~

Tadi, kita anggap console adalah sebuah objek, nah kita anggap console ini adalah terminal / cmd kita, dan benda console ini punya fungsi bernama log yang tugasnya (atau berfungsi) untuk mencetak teks ke layar dengan data yang diberikan atau nama lainnya parameter, dari perintah tadi, kita pakai teks 'Hello World' sebagai parameter karena kita ingin mencetak teks 'Hello World' ke layar terminal. Sehingga bila kita gabungkan menjadi:

console.log('Hello World');

Maka akan tampil lah teks 'Hello World' di layar terminal.

Oke bang, tapi itu kok petik nya ngga kecetak juga ya ke layar'

Petik yang mengapit teks Hello World menyatakan bentuk atau tipe data yang kita pakai adalah String atau Teks, javascript tidak dapat mengenali data yang kita masukan adalah teks bila tidak diberi petik.

Kita telah selesai menjalankan perintah melalui terminal, nah sekarang kita akan coba menulis program dalam bentuk file javascript (.js).

Pertama buatlah file baru dengan ekstensi .js, dan beri nama hello-world.js.

kemudian dalam file hello-world.js, mari kita tuliskan perintah berikut:

console.log('Halo Halo Dunia');

jika sudah kembali ke terminal, dan pastikan kalian berada dalam satu direktori dengan file hello-world.js, lalu jalankan perintah

node hello-world.js

nanti akan tampil dilayar terminal kalian teks seperti ini:

Halo Halo Dunia

Nah, sekarang kita sudah selesai membuat program sederhana dan juga kita sudah berusaha memahami apa yang terjadi dalam program sederhana yang telah kita buat, jika masih ada hal yang membuat bingung, jangan ragu - ragu untuk bertanya atau membuat issue di github di link Ini issue ini.

Semoga artikel ini dapat bermanfaat dan sampai jumpa di artikel berikutnya.

Cheers.

Hendra 'hare' Sadewa

Tech enthusiast, writting programming tutorial. Buy me coffee ☕

This site powered by:

Connect with Me

twitter
© 2021 | Hendra 'hare' Sadewa