Dasar Pemrograman

Membaca, menjalankan, dan menulis program JavaScript pertamamu.

Kenapa kelas ini ada

Kelas ini untuk kamu yang belum pernah menulis program sama sekali. Yang kamu butuhkan hanya tambah, kurang, kali, bagi, dan membandingkan dua angka.

Isi kelasnya

7 bab, 22 pelajaran. Kira-kira 5 jam kalau dijumlah, tapi tidak ada yang menyuruhmu menjumlahkannya.

Perintah pertama

Program adalah deretan perintah. Komputer menjalankannya dari atas ke bawah, satu per satu, persis seperti yang tertulis.

Kenapa pelajaran ini ada

Semua program, sebesar apa pun, dijalankan satu baris demi satu baris. Program yang panjang dibaca dengan cara yang sama, hanya lebih lama.

Setelah ini kamu bisa

• Menjalankan program JavaScript pertamamu
• Meramal keluaran console.log dari atas ke bawah
• Mengubah program supaya menampilkan yang kamu mau

Jalannya

1. 1 Program pertamamu 3 menit
2. 2 Satu baris, satu waktu 5 menit
3. 3 Mengubah program 4 menit

Angka dan teks

Angka dihitung, teks ditampilkan apa adanya. Tanda + bekerja berbeda pada keduanya.

Kenapa pelajaran ini ada

Tanda kutip menentukan apakah sesuatu dihitung atau hanya ditampilkan. Satu pasang kutip yang terlewat bisa membuat harga 7000 ditambah 2 menjadi 70002.

Setelah ini kamu bisa

• Membedakan angka dan teks dari tanda kutipnya
• Menghitung dengan + - * / di dalam console.log
• Meramal hasil + ketika salah satu sisinya teks

Jalannya

1. 1 Angka tanpa kutip 4 menit
2. 2 Tanda + pada teks 5 menit
3. 3 Campuran 4 menit

Saat program gagal

Ada kesalahan yang menghentikan program sebelum mulai, ada yang menghentikannya di tengah, dan ada yang tidak memberi tanda apa pun.

Kenapa pelajaran ini ada

Setiap programmer, termasuk yang sudah puluhan tahun bekerja, menulis kode yang gagal setiap hari. Yang membedakan hanya kecepatan membaca pesannya dan menemukan barisnya.

Setelah ini kamu bisa

• Membedakan SyntaxError, ReferenceError, dan kesalahan tanpa pesan
• Menemukan baris penyebab dari pesan galat
• Memakai kurung supaya hitungan dikerjakan sebelum disambung

Jalannya

1. 1 Program yang tidak mau jalan 5 menit
2. 2 Berhenti di tengah 4 menit
3. 3 Kesalahan yang tidak berbunyi 5 menit

Nama untuk nilai

Sebuah nilai bisa diberi nama dengan const, lalu dipakai lagi lewat namanya tanpa ditulis ulang.

Kenapa pelajaran ini ada

Harga yang ditulis di sepuluh tempat harus diubah di sepuluh tempat. Harga yang diberi nama cukup diubah di satu tempat, dan programnya lebih mudah dibaca.

Setelah ini kamu bisa

• Membuat nama untuk nilai dengan const
• Membedakan nama tanpa kutip dari teks berkutip
• Memakai nama di dalam hitungan

Jalannya

1. 1 Memberi nama 5 menit
2. 2 Nama di dalam hitungan 4 menit
3. 3 Menulis sendiri 4 menit

let dan nilai yang berganti

Nama yang dibuat dengan let boleh dipindah ke nilai lain. Nilai lamanya tidak disimpan di mana pun.

Kenapa pelajaran ini ada

Saldo, stok, dan skor berubah terus. Program harus bisa mengganti nilainya, dan kamu harus tahu nilai mana yang berlaku di setiap baris.

Setelah ini kamu bisa

• Mengganti nilai sebuah nama yang dibuat dengan let
• Menjelaskan kenapa nilai lama hilang setelah diganti
• Memilih const atau let untuk sebuah nama

Jalannya

1. 1 Nilai yang berganti 5 menit
2. 2 const menolak diganti 4 menit
3. 3 Catat setiap baris 5 menit

skor = skor + 1

Tanda = adalah perintah simpan. Sisi kanan dihitung dulu, hasilnya disimpan ke nama di sisi kiri.

Kenapa pelajaran ini ada

Di matematika, x = x + 1 tidak mungkin benar. Di program, baris seperti itu muncul di hampir setiap halaman. Setelah pelajaran ini, kamu bisa membacanya tanpa ragu.

Setelah ini kamu bisa

• Membaca = sebagai perintah simpan, dari kanan ke kiri
• Menelusuri nama yang diubah berdasarkan nilainya sendiri
• Menjelaskan kenapa sebuah nama tidak ikut berubah saat nama lain berubah

Jalannya

1. 1 Tanda = adalah perintah 5 menit
2. 2 Singkatan += 3 menit
3. 3 Nama tidak menyimpan hitungan 6 menit

Menelusuri dengan tabel

Menelusuri program berarti menjalankannya sendiri, satu baris demi satu baris, sambil mencatat nilai setiap nama.

Kenapa pelajaran ini ada

Membaca program dengan cara dicatat lebih jarang meleset daripada dengan cara diingat. Kebiasaan ini akan kamu pakai di setiap pelajaran berikutnya.

Setelah ini kamu bisa

• Menelusuri program pendek dengan tabel nilai
• Menukar nilai dua nama dengan nama bantuan
• Membaca a = b sebagai a diisi nilai b

Jalannya

1. 1 Cara menelusuri 5 menit
2. 2 Menukar dua nilai 5 menit
3. 3 Susun sendiri 4 menit

true dan false

Setiap perbandingan menghasilkan satu dari dua nilai: true atau false.

Kenapa pelajaran ini ada

Sebelum program bisa memilih, ia harus bisa bertanya. Setiap pertanyaan di program adalah perbandingan, dan jawabannya selalu true atau false.

Setelah ini kamu bisa

• Meramal hasil perbandingan, termasuk tepat di angka batas
• Memakai === untuk bertanya sama dengan
• Menyimpan hasil perbandingan ke sebuah nama

Jalannya

1. 1 Lebih dari, kurang dari 5 menit
2. 2 Sama dengan 4 menit
3. 3 Menyimpan jawabannya 4 menit

if: baris yang boleh dilewati

if menjalankan isinya hanya kalau syaratnya true. Kalau false, isinya dilewati dan program lanjut ke baris sesudahnya.

Kenapa pelajaran ini ada

Sampai sekarang setiap baris selalu dijalankan. Dengan if, program mulai mengambil keputusan: pesan demam hanya muncul kalau suhunya tinggi.

Setelah ini kamu bisa

• Membaca if sebagai syarat untuk sekumpulan baris
• Menunjuk baris yang dijalankan dan yang dilewati
• Menjelaskan bahwa if diperiksa sekali, bukan diulang

Jalannya

1. 1 Isi yang boleh dilewati 5 menit
2. 2 Yang jalan dan yang tidak 5 menit
3. 3 Titik periksa 4 menit

else dan urutan syarat

else memberi jalan kedua. else if memberi jalan berikutnya. Dari semuanya, tepat satu yang dijalankan, dan syaratnya diperiksa dari atas.

Kenapa pelajaran ini ada

Rapor, tarif parkir, dan ongkos kirim punya beberapa tingkat. Program seperti itu benar atau salah hanya karena urutan syaratnya.

Setelah ini kamu bisa

• Membaca if, else if, dan else sebagai pilihan yang hanya satu dijalankan
• Menyusun syarat bertingkat dalam urutan yang benar
• Membedakan if-else dari dua if yang terpisah

Jalannya

1. 1 Dua jalan 5 menit
2. 2 Urutan syarat 5 menit
3. 3 Tarif parkir 5 menit

&&, || dan !

Dua pertanyaan bisa digabung: && menuntut keduanya true, || cukup salah satunya, dan ! membalik jawabannya.

Kenapa pelajaran ini ada

Aturan sungguhan jarang punya satu syarat. Tiket remaja butuh umur minimal 13 dan maksimal 17. Gratis ongkir cukup dengan belanja besar atau status member.

Setelah ini kamu bisa

• Menggabungkan dua perbandingan dengan && dan ||
• Menulis rentang angka dengan benar
• Menyimpan hasil syarat langsung ke sebuah nama

Jalannya

1. 1 &&: keduanya 5 menit
2. 2 || dan ! 5 menit
3. 3 Gratis ongkir 4 menit

while

while mengulang isinya selama syaratnya true. Syarat diperiksa sebelum setiap putaran, termasuk yang pertama.

Kenapa pelajaran ini ada

Menampilkan seratus nomor antrean tidak butuh seratus baris console.log. Satu perulangan cukup, asal kamu tahu kapan ia berhenti.

Setelah ini kamu bisa

• Menelusuri perulangan while putaran demi putaran
• Menjelaskan kapan syarat perulangan diperiksa
• Mengenali perulangan yang tidak berjalan sama sekali

Jalannya

1. 1 Mengulang selama syaratnya true 5 menit
2. 2 Kapan syarat diperiksa 5 menit
3. 3 Tabungan mingguan 4 menit

for

for menulis persiapan, syarat, dan perubahan pencacah dalam satu baris. Urutan kerjanya tetap: persiapan sekali, lalu periksa, isi, perubahan, berulang.

Kenapa pelajaran ini ada

Perulangan dengan pencacah begitu sering dipakai sehingga JavaScript memberinya bentuk khusus. Di kode sungguhan, for jauh lebih sering kamu temui daripada while.

Setelah ini kamu bisa

• Membaca tiga bagian di kepala for
• Menghitung berapa kali isi perulangan dijalankan
• Membedakan < dan <= di syarat perulangan

Jalannya

1. 1 Tiga bagian dalam satu baris 5 menit
2. 2 Berapa kali? 5 menit
3. 3 Titik periksa 4 menit

Pencacah dan penjumlah

Dua pola yang muncul di hampir setiap program: menghitung berapa banyak, dan menjumlahkan. Keduanya disiapkan sebelum perulangan dan diubah di dalamnya.

Kenapa pelajaran ini ada

Programmer berpengalaman jarang menulis perulangan dari nol. Mereka mengenali pola yang sudah pernah dipakai, lalu menyesuaikannya. Dua pola ini yang paling sering.

Setelah ini kamu bisa

• Mengenali pola penjumlah dan pola pencacah
• Memakai % untuk memeriksa genap dan ganjil
• Menulis perulangan yang menjumlahkan 1 sampai n

Jalannya

1. 1 Pola penjumlah 5 menit
2. 2 Pola pencacah dan % 5 menit
3. 3 Tulis penjumlahmu 5 menit

Perulangan yang salah

Dua kesalahan perulangan yang paling sering: tidak pernah berhenti, dan meleset satu putaran. Keduanya bisa ditemukan dengan menelusuri.

Kenapa pelajaran ini ada

Perulangan yang salah tidak selalu memberi pesan galat. Kadang ia berjalan terus tanpa henti, kadang berhenti satu putaran terlalu cepat. Pelajaran ini memberi cara untuk menemukannya.

Setelah ini kamu bisa

• Menjelaskan kenapa sebuah perulangan tidak pernah berhenti
• Memeriksa putaran pertama dan terakhir untuk menemukan meleset satu
• Membetulkan perulangan yang salah

Jalannya

1. 1 Tidak pernah berhenti 5 menit
2. 2 Meleset satu 5 menit
3. 3 Betulkan 4 menit

Array dan indeks

Array menyimpan banyak nilai dalam satu nama. Setiap isinya diambil lewat indeks, dan indeks dimulai dari 0.

Kenapa pelajaran ini ada

Daftar belanja, antrean, dan nilai satu kelas tidak cocok disimpan dalam puluhan nama terpisah. Array menyimpannya dalam satu nama, berurutan.

Setelah ini kamu bisa

• Mengambil isi array lewat indeks yang dimulai dari 0
• Memakai .length untuk mengetahui banyak isi dan indeks terakhir
• Mengganti satu isi array

Jalannya

1. 1 Banyak nilai, satu nama 5 menit
2. 2 Ujung array 4 menit
3. 3 Antrean 4 menit

Menelusuri array

Perulangan dan array bekerja bersama: pencacahnya dipakai sebagai indeks, dari 0 sampai sebelum panjangnya.

Kenapa pelajaran ini ada

Menjumlahkan belanjaan, mencari suhu tertinggi, dan menghitung siswa yang tuntas memakai bentuk yang sama: kunjungi setiap isi array, satu per satu.

Setelah ini kamu bisa

• Menulis perulangan yang mengunjungi setiap isi array
• Memakai pola penjumlah pada array
• Memakai pola terbesar sejauh ini

Jalannya

1. 1 Mengunjungi setiap isi 5 menit
2. 2 Terbesar sejauh ini 6 menit
3. 3 Suhu tertinggi 4 menit

Array yang tumbuh

.push menambah isi di ujung array. Dengan perulangan dan if, ia membangun array baru dari isi yang memenuhi syarat.

Kenapa pelajaran ini ada

Banyak program tidak hanya membaca daftar, tetapi juga membuat daftar baru: siswa yang tuntas, barang yang stoknya habis, pesanan yang belum dibayar.

Setelah ini kamu bisa

• Menambah isi array dengan .push
• Memakai pola penyaring untuk membangun array baru
• Menulis penyaring yang lolos uji dengan beberapa array

Jalannya

1. 1 Menambah di ujung 4 menit
2. 2 Pola penyaring 6 menit
3. 3 Harga di bawah 10000 5 menit

Fungsi

Fungsi memberi nama pada sekumpulan baris. Baris-baris itu baru jalan saat fungsinya dipanggil, dan boleh dipanggil berkali-kali.

Kenapa pelajaran ini ada

Program yang panjang dipecah menjadi bagian-bagian bernama. Setiap bagian bisa dibaca sendiri, dipakai ulang, dan diperbaiki di satu tempat.

Setelah ini kamu bisa

• Menulis dan memanggil fungsi tanpa parameter
• Menjelaskan bahwa isi fungsi baru jalan saat dipanggil
• Menelusuri urutan keluaran saat fungsi memanggil fungsi lain

Jalannya

1. 1 Ditulis sekali, dipanggil kapan saja 5 menit
2. 2 Ke mana alurnya pergi 4 menit
3. 3 Struk belanja 4 menit

Parameter dan return

Parameter membawa nilai masuk ke fungsi. return membawa hasilnya keluar, dan langsung mengakhiri fungsi.

Kenapa pelajaran ini ada

Fungsi yang berguna menerima nilai dan menghasilkan nilai: berat masuk, ongkos kirim keluar. Hasil itu bisa disimpan, dijumlah, atau ditampilkan, terserah yang memanggil.

Setelah ini kamu bisa

• Memanggil fungsi dengan nilai untuk parameternya
• Membedakan return dari console.log
• Menulis fungsi yang mengembalikan hasil hitungan

Jalannya

1. 1 Nilai yang dibawa masuk 4 menit
2. 2 Hasil yang dibawa keluar 6 menit
3. 3 Ongkos kirim 5 menit

Membaca program yang asing

Program yang belum pernah kamu lihat dibaca dengan urutan yang tetap, sampai kamu bisa menyebut tujuannya dalam satu kalimat.

Kenapa pelajaran ini ada

Sebagian besar waktu programmer dipakai untuk membaca kode orang lain. Pembaca yang cepat memakai urutan membaca yang sama setiap kali.

Setelah ini kamu bisa

• Membaca program asing dengan urutan yang tetap
• Menyebut tujuan program dalam satu kalimat
• Memberi nama yang tepat untuk sebuah fungsi

Jalannya

1. 1 Urutan membaca 6 menit
2. 2 Dari baris ke tujuan 5 menit
3. 3 Tugas setiap baris 4 menit

Program kasir warung

Satu program utuh yang memakai semua bagian kelas ini. Kamu membacanya, menemukan kesalahannya, lalu menambah satu fitur.

Kenapa pelajaran ini ada

Pelajaran ini sekaligus ujian kelas. Programnya lebih panjang dari yang pernah kamu baca, tetapi setiap barisnya sudah kamu kenal.

Setelah ini kamu bisa

• Meramal keluaran program 19 baris yang belum pernah kamu lihat
• Menemukan baris penyebab keluaran yang janggal
• Menambah satu fitur ke program yang sudah ada dan mengujinya

Jalannya

1. 1 Membaca programnya 7 menit
2. 2 Menemukan kesalahan 5 menit
3. 3 Menambah fitur 6 menit