Bab 1 (JavaScript)
JavaScript adalah bahasa pemrograman yang menjadi inti pengembangan
aplikasi berbasis web, baik di sisi frontend maupun backend. Sebelum
melangkah lebih jauh dalam pengembangan backend dengan [Link] dan
[Link], memahami dasar JavaScript adalah hal penting. Bab ini akan
membantu Anda mempelajari sintaks dasar, konsep, dan fitur penting
JavaScript.
Tujuan Pembelajaran
Di akhir bab ini, Anda akan memahami:
1. Sintaks dasar dan tipe data pada JavaScript.
2. Variabel dan konstanta serta cara mendeklarasikannya.
3. Operasi dasar seperti percabangan dan perulangan.
4. Fungsi dan cara menggunakannya.
5. Objek dan array.
6. Dasar pemrograman asinkron, yaitu Promise dan async/await .
1. Pengenalan JavaScript
JavaScript adalah bahasa pemrograman yang awalnya digunakan untuk
membuat situs web menjadi lebih interaktif. Dengan perkembangan waktu,
JavaScript telah berkembang pesat dan menjadi bahasa utama yang
digunakan di banyak platform, termasuk backend melalui [Link].
2. Tipe Data dalam JavaScript
JavaScript memiliki berbagai tipe data, yang dibagi menjadi dua kategori
utama: Primitive dan Non-primitive.
Primitive Types:
String: Tipe data teks. Contoh: "Hello World" .
Number: Tipe data angka. Contoh: 42 atau 3.14 .
Boolean: Tipe data yang hanya memiliki dua nilai, true atau false .
Undefined: Tipe data yang menunjukkan bahwa variabel belum diberi
nilai.
Null: Tipe data yang menunjukkan bahwa variabel tidak memiliki nilai.
Non-primitive Types:
Object: Struktur data kompleks yang dapat berisi pasangan nilai kunci.
Array: Struktur data yang dapat menyimpan banyak nilai dalam satu
variabel.
3. Deklarasi Variabel dan Konstanta
JavaScript memiliki tiga cara untuk mendeklarasikan variabel:
let: Digunakan untuk mendeklarasikan variabel yang nilainya dapat
berubah.
const: Digunakan untuk mendeklarasikan variabel dengan nilai tetap
(konstanta).
var: Cara lama untuk mendeklarasikan variabel (jarang digunakan
karena cakupannya tidak fleksibel).
Contoh:
let name = "John";
const age = 30;
var isStudent = true;
4. Operator dan Ekspresi
Operator digunakan untuk melakukan operasi terhadap nilai. JavaScript
memiliki beberapa jenis operator:
Operator Aritmatika: + , - , * , / , %
Operator Perbandingan: == , === , != , !== , < , > , <= , >=
Operator Logika: && (dan), || (atau), ! (not)
Contoh:
let a = 10;
let b = 5;
[Link](a + b); // 15
[Link](a > b); // true
[Link](a === 10 && b === 5); // true
5. Percabangan
Percabangan digunakan untuk membuat keputusan berdasarkan kondisi
tertentu.
Contoh if-else :
let score = 80;
if (score >= 90) {
[Link]("Excellent");
} else if (score >= 75) {
[Link]("Good");
} else {
[Link]("Needs Improvement");
}
6. Perulangan
Perulangan digunakan untuk mengulang blok kode beberapa kali.
Contoh for loop:
for (let i = 0; i < 5; i++) {
[Link]("Perulangan ke-" + i);
}
Contoh while loop:
let count = 0;
while (count < 3) {
[Link]("Count is " + count);
count++;
}
7. Fungsi
Fungsi adalah blok kode yang dapat dipanggil dan dijalankan kapan saja.
JavaScript mendukung beberapa cara untuk mendefinisikan fungsi, termasuk
fungsi deklaratif dan arrow function.
Contoh fungsi:
function greet(name) {
return "Hello, " + name;
}
[Link](greet("Alice")); // "Hello, Alice"
Contoh arrow function:
const add = (x, y) => x + y;
[Link](add(3, 4)); // 7
8. Objek dan Array
Objek adalah struktur data yang menyimpan pasangan kunci-nilai. Array
adalah struktur data yang dapat menampung banyak nilai dalam satu
variabel.
Contoh objek:
const person = {
name: "John",
age: 25,
isStudent: true
};
[Link]([Link]); // "John"
Contoh array:
const numbers = [1, 2, 3, 4, 5];
[Link](numbers[0]); // 1
9. Pemrograman Asinkron
JavaScript mendukung pemrograman asinkron melalui Promises dan
async/await.
Contoh Promise:
const fetchData = new Promise((resolve, reject) => {
setTimeout(() => resolve("Data fetched"), 2000);
});
[Link]((data) => [Link](data));
Contoh async/await:
async function fetchData() {
const data = await fetchDataFromAPI();
[Link](data);
}
fetchData();
Tugas Bab 1
1. Deklarasi Variabel: Buat variabel name dengan nilai nama Anda, age
dengan nilai umur Anda, dan isStudent dengan nilai true . Tampilkan
nilai variabel tersebut di console.
2. Operator Aritmatika: Buat dua variabel angka, lalu lakukan operasi
penjumlahan, pengurangan, perkalian, dan pembagian. Tampilkan
hasilnya.
3. Percabangan If-Else: Buat kode yang mengecek apakah nilai score
lebih besar atau sama dengan 75. Jika ya, tampilkan "Lulus", jika tidak
tampilkan "Tidak Lulus".
4. Loop: Buat perulangan for yang menampilkan angka dari 1 sampai 10.
5. Fungsi: Buat fungsi greet yang menerima parameter name dan
mengembalikan string sapaan, seperti "Hello, [name]!".
6. Array dan Objek: Buat array fruits yang berisi nama-nama buah dan
objek person yang berisi name , age , dan isStudent . Tampilkan nilai-
nilai ini di console.
7. Promise dan Async/Await: Buat fungsi asinkron getData yang
menggunakan Promise untuk menunggu selama 2 detik sebelum
menampilkan "Data loaded" di console.
Langkah Penyelesaian Tugas
1. Deklarasi Variabel:
let name = "John";
let age = 25;
let isStudent = true;
[Link](name, age, isStudent);
2. Operator Aritmatika:
let num1 = 10;
let num2 = 5;
[Link](num1 + num2); // 15
[Link](num1 - num2); // 5
[Link](num1 * num2); // 50
[Link](num1 / num2); // 2
3. Percabangan If-Else:
let score = 80;
if (score >= 75) {
[Link]("Lulus");
} else {
[Link]("Tidak Lulus");
}
4. Loop:
for (let i = 1; i <= 10; i++) {
[Link](i);
}
5. Fungsi:
function greet(name) {
return `Hello, ${name}!`;
}
[Link](greet("Alice"));
6. Array dan Objek:
const fruits = ["Apple", "Banana", "Orange"];
const person = {
name: "John",
age: 25,
isStudent: true
};
[Link](fruits);
[Link](person);
7. Promise dan Async/Await:
const getData = () => new Promise(resolve => {
setTimeout(() => resolve("Data loaded"), 2000);
});
async function fetchData() {
const data = await getData();
[Link](data);
}
fetchData();