JavaScript

Dasar
Pengenalan JavaScript
- Apa itu javascript ?
Javascript adalah salahsatu bahasa pemrograman paling populer dan banyak
digunakan di dunia saat ini, dan bahasa pemrogaman JavaScript ini
digunakan oleh banyak platform perusahaan teknologi
- Javascript bisa bekerja sebagai web (client, FrontEnd Developer), REST API
(BackEnd Developer), maupun keduanya
- dulunya JS digunakan di browser saja untuk membuat halaman web lebih
interaktif,
- apa yang bisa dilakukan JavaScript ?
saat ini bisa digunakan untuk membuat aplikasi web, mobile, chating, CLI
tool maupun game
- Dimana kita bisa menjalankan JavaScript ?
javascript dulunya dirancang untuk browser sehingga setiap browser
memiliki javascript engine untuk mengeksekusi kode JavaScript, dulunya
bernama SpiderMonkey dan v8, kemudian pada tahun 2009 ryan Dahl
membuat program yang bernama node yang menyertakan javascript v8, nah
sekarang kita dapat menjalankan program javascript tanpa menggunakan
browser (menggunakan node)
- JavaScript & ECMAScript ?
ECMAScript adalah standarisasi penulisan JavaScript
JavaScript adalah Bahasa pemrograman
Cara menjalankan javascript
- Kita bisa menjalankan JavaScript dari Browser (klik kanan -> inspect element
-> masuk ke tab console)
- Bisa disisipkan di file .html
- menggunakan file dengan format .js
- atau bisa menggunakan NodeJs CLI
Apa saja yang disiapkan ?

- VS Code
- Sublime Text
- Notepad++
- NodeJs Installer (jika anda sebagai BackEnd Dev)
- dan lain lain
Variabel
Apa itu Variabel ?

Variabel adalah suatu wadah untuk menyimpan sebuah nilai

sementara kedalam memmori
Aturan dalam membuat variabel

- Untuk membuat variabel adalah diawali dengan perintah var, let,

const
- namun perintah var saat ini sudah ditinggalkan karena menurut
pengembangannya ada kesalahan
- Perlu diperhatikan untuk penamaan variabel tidakboleh
mengandung spasi, function program seperti (if, switch, dan lain
lain)
- tidak boleh diawali dengan nomor
- tidak boleh disisipkan symbol
- usahakan untuk membuat sebuah variabel jangan menggunakan
nama yang tidak jelas, usahakan nama variabel tersebut me
representasikan nilai-nya, karena hal ini dapat membingungkan
ketika proses develop
Contoh Variabel
Variabel Const

- Variabel Const adalah sebuah variabel yang nilainya tidak dapat

dirubah (atau biasa disebut variabel constant)
- berbeda dengan variabel let, variabel ini nilainya dapat dirubah
dengan cara memanggil variabel yang lama kemudian merubah
nilai variabel tersebut
Contoh Variabel
Primitiv &
Reference
Primitif

Primitif adalah nilai yang tidak memiliki atribut, method, dan niainya
tidak dapat diubah (immutable), hanya bisa di assign ke nilai primitif
lainya, ada 7 primitif yang ada di JavaScript
- boolean
- String
- Number
- BigInt
- undefined
- symbol
- null
Primitive bersifat immutable
Contoh:

disini bisa dilihat nilia primitive tidak

dapat dirubah mengggunakan peruntah
nama[1] = ‘a’;
yang tujuannya saya mau merubah huruf
o menjadi huruf a,

namun primitif dapat diganti nilainya

dengan nilai yang baru contoh seperti di
baris ke 5
Primitive dapat dibandingkan
nilainya
- seperti yang saya jelaskan tadi, primitif hanya mempunyai 1 nilai
saja (mentimpan suatu nilai), maka hal ini dapat dibandingkan
dan menghasilkan nilai boolean (true/false)
masih bingung apa itu primitif ?

- jadi primitif itu seperti kita membuat nilai dengan tipe data
string, boolean, null, undefined, number, bigInt ke dalam variable
- ini contoh penulisan primitif
JavaScript Bersifat Dynamic Type

- apa itu? artinya tipe data yang dimasukan kedalam variabel

nilainya dapat dirubah.
- kenapa ? karena variabel ini hanya merujuk ke satu nilai primitif
penjelasan

- variabel di JavaScript dianggap relasi dari contoh dibawah ini

variabel nama isinya adalah Si Juki dan nilai Si Juki ini disebut
dengan primitif, sehingga tidak ada kaitannya antara tipe ata
dan nilai yang akan dimasukkan
Reference
Reference

- apa itu ? ini adalah kebalikan dari primitif tadi

- value (nilai) dari reference ini bisa dirubah
- reference tidak dapat di bandingkan
- tipe data yang ada di reference adalah array, object & function
Array & Object

- Apa itu array? variabel yang dapat menampung banyak data

dengan masing masing elemen mempunyai index,
- array juga bisa di ibaratkan seperti lemaripenyimpanan yang
dimana terdapat slot slot untuk menyimpan baju, buku, dll
- Apa itu Object? variabel yang hampir mirip dengan array namun
value-nya berpasangan (key value)
- Object bisa juga di ibaratkan seperti lemari penyimpanan beda-
nya adalah pada masing masing slot diberi label (nama)
Array & Object

Object
cara menulis Array

- untuk membuat sebuah variabel array menggunakan symbol []

- array dimulai dari index ke 0
- cara mendapatkan nilai dari sebuah array adalah dengan
memangil index-nya
cara menulis Object

- untuk membuat sebuah variabel object menggunakan {key:

value}
- untuk memanggil sebuah object menggunakan key dari object
tersebut
Function
- apa itu function ? sebuah sub program untuk menyelesaikan
kasus tertentu
- function dapat dipanggil berulang didalam program
- cara membuat function dimulai dengang mendeklarasikan
function kemudian dilanjut dengan nama_function () {...code}
Contoh penulisan function
function parameter

- apa itu parameter? parameter atau params adalah data yang dikirim ke
function
- parameter bisa berbentuk primitif maupun object
- biasanya parameter dibungkus dengan variabel
- bisa mengirimkan lebih dari 1 parameter dengan cara dipisahkan
menggunakan koma (,)
Contoh
Contoh
Contoh

disini saya mencontohkan apabila saya tidak

mengirimkan parameter ke 2 maka hasilnya
adalah undefined
Contoh

disini saya mencontohkan function untuk

memformat primitif data kedalam bentuk
object
Selesai

Materi selanjutnya akan membahas terkait operator dan cara penggunaan

javascript untuk BackEnd