Hari Pertama Javascript

Asrul Harahap

Asrul Harahap

Asrul Harahap

Pengantar

Semamat bagi teman-teman yang memutuskan untuk mengikuti series pembelajaran javascript ini, Pada series ini Anda akan belajar Javascript dari dasar hingga tingkat menengah. Dan pada akhir series ini Anda akan diminta untuk membuat sebuah proyek akhir, yang dikirimkan ke email talkasrul@gmail.com. Ini hanya menguji tingkat keseriusan anda dalam mengikuti pembelajaran saja.

Untuk diskusi saya telah siapkan group Telegram

Persyaratan

Untuk mengikuti series ini Anda perlu:

  1. Motivasi yang tinggi
  2. Laptop dengan OS apasaja (rekomendasi: Linux)
  3. Koneksi Internet
  4. Browser (rekomendasi: Google Chrome)
  5. Teks Editor (rekomendasi: VS Code)
  6. Kopi dan Snek (optional)

Persiapan

Instal NodeJS

Unduh atau download file untuk instal node js pada link ini. Silahkan download sesuai OS Anda, disarankan mendownload nodejs dengan versi yang LTS.

Web Node JS

Double Click file yang telah didownload dan ikuti intruksi instal nodejs hingga selesai. Jika instal nodejs selesai dapat dicek dengan cara mengetikkan perintah ini diterminal.

node -v

Jika versi nodejs tersedia, maka dapat disimpulkan bahwa instalasi nodejs berhasil.

Instal VS Code

VS Code adalah aplikasi teks editor yang akan kita gunakan untuk menuliskan kode. Silahkan download di sini.

VS Code

Install hingga selesai, dan tampilannya seperti berikut ini.

VS Code

Instal Google Chrome

Ada banyak sekali browser seperti Firefox, Opera, Edge, Internet Explorer dll, tapi saya sangat merekomendasikan google chrome. Mungkin juga Anda sudah menggunakannya. Bagi yang belum silahkan download di sini

G Chrome

Ikuti langkah demi langkah dan selesaikan instal google chrome.

Menggunakan Chrome Console

Untuk membuka Chrome Console, klik kanan pada chrome, kemudian pilih inspect.

Inspect

Maka hasilnya akan seperti berikut.

Console

Uji Kode Pada Chrome Console

Silahkan tuliskan kode berikut untuk menguji konsol dapat digunakan dengan baik.

console.log("Belajar Bersama Asrul Dev");

Uji Console

Mengenal Javascript

Javascript adalah salah satu bahasa pemograman yang dapat dipakai sebagai bahasa Backend untuk REST API atau Web Server, bisa dipakai sebagai frontend untuk web, desktop, maupun mobile. Bahkan javascript juga bisa digunakan loh untuk robot dan AI.

Untuk lebih jelasnya tentang javascript silahkan baca-baca di google yah. :)

Buatlah folder dengan nama 30hari sebagai tempat menyimpan file-file javascript ,js yang kita gunakan untuk belajar. Kemudian arahkan pada terminal lalu buka VScode. Perhatikan gambar.

Open Vscode

Setelah Vscode terbuka maka pilih new file untuk memulai belajar.

File Baru

ekstensi yang digunakan .js

Tipe Data

Saya rasa semua bahasa pemrograman pasti ada yang namanya tipe data. Berikut ini adalah tipe data primitif JavaScript: String, Number, Boolean, Undefined, Null , dan Symbol.

Number

Number itu adalah tipe data yang dapat diproses matematika, seperti tambah, kali, bagi, dll.

  1. Integer yaitu bilangan negatif, nol, positif: -100, 0, 25
  2. Float yaitu bilangan negatif atau positif berkoma: -2.12, 3.14
String

String adalah sebuah karakter atau sekumpulan karakter yang ditulis diantara tanda kutif tunggal atau double atau bisa juga dengan tanda backtik.

'Asrul harahap'

"Belajar Javascript"

Selamat Tahun Baru 2020

Boolean

Boolean berupa pernyataan benar atau salah dengan nilai true atau false, biasanya digunakan untuk membandingkan atau mengecek kondisi, misal apakah hujan? bisa true atau bisa false.

Undefined

Dalam JavaScript, jika tidak menetapkan nilai ke variabel, maka nilainya undefined. Selain itu, jika suatu fungsi tidak mengembalikan atau return apa pun, maka nilai yang dikembalikan adalah undefined.

Null

Null adalah nilai kosong, ini mungkin akan dibahas sesuai kasus kedepannya.

Memeriksa Tipe Data

Javascript telah menyediakan kode untuk memeriksa tipe data yaitu typeof.

contoh

console.log(typeof 2020);
console.log(typeof "Asrul Harahap");
console.log(typeof false);

Tulis contoh pada file .js kemudian simpan dan jalankan pada terminal seperti gambar berikut.

Running Code

Komentar

Terkadang kita butuh catatan pada baris kode yang kita tulis guna untuk mengingatkan kita sebagai developer dan bukan untuk dieksekusi oleh program. Pada javascript memiliki beberapa cara untuk membuat Komentar.

  1. Komentar 1 baris
// Ini hanya komentar tidak dieksekusi
console.log("ini dieksekusi");
  1. Komentar beberapa baris
/**
* conversi jam ke menit
* param jam: number
*/
function hourToMinutes(hour) {
return hour * 60;
}

Variable

Variable adalah wadah yang dapat menyimpan data. Misal variabel nama berisi Asrul Harahap.

var nama = "Asrul Harahap";
console.log(nama);

Variabel punya aturan dalam penulisan, yaitu:

  1. Tidak boleh dimulai dengan angka
  2. Tidak boleh menggunakan spasi
  3. Tidak boleh menggunakan karakter khusus kecuali tanda dollar (\$) dan garis bawah (_)

Penulisan variabel diawali kaya kunci atau keyword var, let, atau const.

var alamat = "Jakarta Selatan";
let website = "http://asrul.dev";
const phi = 3.14;

Kapan untuk penggunaan var, let, dan const akan dibahas pada pembahasan lainnya. Sabar yah....