codequick-darkmode-logo
MasukDaftar
Dasar-dasar Pengembangan Web | HTML | CSS | JavaScript

Syllabus:

Dasar-dasar Pengembangan Web | HTML | CSS | JavaScript

28 Pelajaran 204 Pertanyaan Koding Online


Topik apa yang akan dibahas dalam kursus ini?

Dasar-dasar Javascript Bagian 1

  1. Langkah Pertama dalam Pengembangan:

    • Aksi mencetak console.log

    • Mendefinisikan variabel tipe var

    • Menggabungkan variabel dengan console.log

  1. Operasi Matematika Dasar:

    • Mendefinisikan variabel angka

    • Operasi aritmetika - penjumlahan, pengurangan, perkalian, dan pembagian

    • Menggunakan console.log dengan operasi aritmetika

  1. String:

    • Apa itu string

    • Mendefinisikan variabel string

    • Memahami indeks string

    • Menggunakan operator kurung siku []

  1. 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

  1. Kondisi Lanjutan:

    • Kondisi lanjutan dan operator logika (&& dan ||)

    • Menggunakan if dan else

    • Menggunakan kondisi kompleks dengan else if

  1. Operasi Modulo:

    • Menggunakan operasi modulo (%) untuk menghitung sisa

    • Menggunakan metode untuk menghitung jumlah digit dalam sebuah angka

    • Menggunakan parseInt untuk membulatkan hasil angka

  1. Perulangan While:

    • Cara Menulis perulangan while

    • Memahami konsep indeks dan kegunaannya

  1. Perulangan For:

    • Mendefinisikan perulangan for dan kegunaannya

    • Memahami inisialisasi perulangan, peningkatan, dan terminasi

  1. Topik Lanjutan Modulo:

    • Menggunakan modulo untuk tugas yang lebih kompleks

    • Cara menghitung jumlah digit angka

Dasar-dasar Javascript Bagian 2

  1. Array:

    • Mendefinisikan array

    • Memahami konsep indeks dalam array dan penggunaannya

    • Iterasi melalui array dengan perulangan

  1. Objek:

    • Mendefinisikan objek kosong

    • Menginisialisasi kunci dalam objek

    • Mengakses kunci menggunakan operator titik

    • Mengakses kunci secara dinamis

  1. 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

  1. Fungsi Bagian A:

    • Mendefinisikan fungsi

    • Mendefinisikan argumen untuk sebuah fungsi

    • Nilai pengembalian dari sebuah fungsi

    • Menulis fungsi yang lebih kompleks

  1. Fungsi Bagian B:

    • Memanggil beberapa fungsi

    • Memanggil sebuah fungsi di dalam fungsi lain.

    • Menggabungkan fungsi

  1. Perulangan For Bertingkat:

    • Mendefinisikan perulangan for bertingkat

    • Penggunaan indeks yang tepat

    • Contoh kompleks dengan array

Mengintegrasikan HTML, CSS dan JS

  1. 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

  1. Membangun daftar menggunakan perulangan:

    • Membuat elemen ul secara dinamis

    • Membuat elemen li secara dinamis

    • Menggunakan fungsi untuk pembuatan dinamis

  1. 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

  1. Membangun tabel dinamis:

    • Membuat elemen tabel secara dinamis

    • Menggunakan array dan fungsi untuk membangun tabel

  1. Event Bagian A:

    • Mengikat event klik ke tombol

    • Menggunakan addEventListener

    • Memasukkan konten secara dinamis ke dalam halaman setelah event dengan pengguna

  1. Event Bagian B:

    • Penggunaan input dan event

    • Integrasi elemen dinamis

    • Contoh yang lebih kompleks

Topik Lanjutan dalam Javascript

  1. Fungsi Callback:

    • Apa itu fungsi callback

    • Kapan menggunakannya

    • Cara memberikan argumen

    • Cara memeriksa kebenaran kode

  1. Timer:

    • Memahami fungsi setTimeout

    • Memahami fungsi setInterval

    • Memahami sifat asinkron dalam bahasa

  1. Komunikasi dengan server Bagian A:

    • Memahami objek xmlHttpRequest

    • Membuat komunikasi dengan server nyata untuk mengambil data

    • Membangun elemen dinamis di halaman

  1. 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

  1. Menggunakan Promises:

    • Memahami objek Promise

    • Menggunakan then dan catch

    • Membuat komunikasi menggunakan Promises

    • Membuat alur kerja kompleks menggunakan Promises

  1. Kata Penutup