Topik apa yang akan dibahas dalam kursus ini?
Dasar-dasar Javascript Bagian 1
Langkah Pertama dalam Pengembangan:
Aksi mencetak console.log
Mendefinisikan variabel tipe var
Menggabungkan variabel dengan console.log
Operasi Matematika Dasar:
Mendefinisikan variabel angka
Operasi aritmetika - penjumlahan, pengurangan, perkalian, dan pembagian
Menggunakan console.log dengan operasi aritmetika
String:
Apa itu string
Mendefinisikan variabel string
Memahami indeks string
Menggunakan operator kurung siku []
Kondisi dan Variabel Boolean:
Memahami kondisi if
Operasi lebih besar dari
Operasi lebih kecil dari
Operasi kesetaraan
Operasi ketidaksamaan (tidak sama dengan)
Operasi lebih besar atau sama dengan
Operasi lebih kecil atau sama dengan
Menggunakan kondisi sederhana
Kondisi Lanjutan:
Kondisi lanjutan dan operator logika (&& dan ||)
Menggunakan if dan else
Menggunakan kondisi kompleks dengan else if
Operasi Modulo:
Menggunakan operasi modulo (%) untuk menghitung sisa
Menggunakan metode untuk menghitung jumlah digit dalam sebuah angka
Menggunakan parseInt untuk membulatkan hasil angka
Perulangan While:
Cara Menulis perulangan while
Memahami konsep indeks dan kegunaannya
Perulangan For:
Mendefinisikan perulangan for dan kegunaannya
Memahami inisialisasi perulangan, peningkatan, dan terminasi
Topik Lanjutan Modulo:
Menggunakan modulo untuk tugas yang lebih kompleks
Cara menghitung jumlah digit angka
Dasar-dasar Javascript Bagian 2
Array:
Mendefinisikan array
Memahami konsep indeks dalam array dan penggunaannya
Iterasi melalui array dengan perulangan
Objek:
Mendefinisikan objek kosong
Menginisialisasi kunci dalam objek
Mengakses kunci menggunakan operator titik
Mengakses kunci secara dinamis
Topik Lanjutan Objek:
Array of objects
Menggunakan perulangan untuk mengiterasi array of objects
Metode Object.keys
Metode Object.values
Metode JSON.stringify
Metode JSON.parse
Fungsi Bagian A:
Mendefinisikan fungsi
Mendefinisikan argumen untuk sebuah fungsi
Nilai pengembalian dari sebuah fungsi
Menulis fungsi yang lebih kompleks
Fungsi Bagian B:
Memanggil beberapa fungsi
Memanggil sebuah fungsi di dalam fungsi lain.
Menggabungkan fungsi
Perulangan For Bertingkat:
Mendefinisikan perulangan for bertingkat
Penggunaan indeks yang tepat
Contoh kompleks dengan array
Mengintegrasikan HTML, CSS dan JS
Membangun elemen menggunakan kode:
Menggabungkan ranah HTML, CSS, dan JavaScript bersama-sama
Memahami DOM (Document Object Model)
Membuat elemen HTML sederhana menggunakan kode
Menggunakan innerText dan classList
Menggunakan fungsi appendChild
Membangun daftar menggunakan perulangan:
Membuat elemen ul secara dinamis
Membuat elemen li secara dinamis
Menggunakan fungsi untuk pembuatan dinamis
Mengambil elemen dari halaman:
Memahami fungsi getElementById untuk pengambilan
Memahami fungsi getElementsByClassName untuk pengambilan
Memahami fungsi getElementsByTagName untuk pengambilan
Memahami fungsi querySelectorAll untuk pengambilan
Memahami fungsi querySelector untuk pengambilan
Memahami fungsi createElement untuk pembuatan
Membangun tabel dinamis:
Membuat elemen tabel secara dinamis
Menggunakan array dan fungsi untuk membangun tabel
Event Bagian A:
Mengikat event klik ke tombol
Menggunakan addEventListener
Memasukkan konten secara dinamis ke dalam halaman setelah event dengan pengguna
Event Bagian B:
Penggunaan input dan event
Integrasi elemen dinamis
Contoh yang lebih kompleks
Topik Lanjutan dalam Javascript
Fungsi Callback:
Apa itu fungsi callback
Kapan menggunakannya
Cara memberikan argumen
Cara memeriksa kebenaran kode
Timer:
Memahami fungsi setTimeout
Memahami fungsi setInterval
Memahami sifat asinkron dalam bahasa
Komunikasi dengan server Bagian A:
Memahami objek xmlHttpRequest
Membuat komunikasi dengan server nyata untuk mengambil data
Membangun elemen dinamis di halaman
Komunikasi dengan server Bagian B:
Menggunakan event dan komunikasi
Membuat alur kerja kompleks untuk halaman dinamis yang berinteraksi dengan server
Memahami perilaku asinkron dalam JavaScript
Menggunakan Promises:
Memahami objek Promise
Menggunakan then dan catch
Membuat komunikasi menggunakan Promises
Membuat alur kerja kompleks menggunakan Promises
Kata Penutup