Pembangunan bahagian hadapan (asas + koleksi projek praktikal)

• Bab1 Pengenalan Kursus
• 1-1 Pengenalan kursus, persekitaran pembangunan dan pemalam biasa VSCODE 01
• 1-2 Pengenalan kursus, persekitaran pembangunan dan pemalam biasa VSCODE 02
• 1-3 Pengenalan kursus, persekitaran pembangunan dan pemalam biasa VSCODE 03
• 1-4 penurunan harga dan sintaks emmet 01
• 1-5 penurunan harga dan sintaks emmet 02
• Bab2 Tag HTML yang biasa digunakan
• 2-1 Kemahiran penggunaan teg struktur dan reka letak dokumen serta teg pautan dan imej serta senario aplikasi 01
• 2-2 Kemahiran penggunaan teg struktur dan reka letak dokumen serta teg pautan dan imej serta senario aplikasi 02
• 2-3 Senarai dan navigasi, jadual dan amalan, bingkai sebaris dan reka letak bahagian belakang laman web 01
• 2-4 Senarai dan navigasi, jadual dan amalan, bingkai sebaris dan reka letak bahagian belakang laman web 02
• 2-5 Senarai dan navigasi, jadual dan amalan, bingkai sebaris dan reka letak bahagian belakang laman web 03
• Bab3 Elemen bentuk, pemilih CSS dan model kotak, dsb.
• 3-1 Pengetahuan terperinci tentang elemen bentuk 01
• 3-2 Pengetahuan terperinci tentang elemen bentuk 02
• 3-3 sintaks css/berat pemilih/pemilih konteks 01
• 3-4 sintaks css/berat pemilih/pemilih konteks 02
• 3-5 sintaks css/berat pemilih/pemilih konteks 03
• Bab4 Kelas pseudo/ikon fon/model kotak/pertanyaan media/gaya elemen biasa, dsb.
• 4-1 Kelas pseudo dan ikon fon, model kotak akal 01
• 4-2 Kelas pseudo dan ikon fon, model kotak akal 02
• 4-3 Kelas pseudo dan ikon fon, model kotak akal 03
• 4-4 Model kotak terperinci, unit biasa, pertanyaan media 01
• 4-5 Model kotak terperinci, unit biasa, pertanyaan media 02
• 4-6 Model kotak terperinci, unit biasa, pertanyaan media 03
• 4-7 Model kotak terperinci, unit biasa, pertanyaan media 04
• Bab5 Gaya elemen biasa/kedudukan/flex/letak letak grid
• 5-1 Gaya elemen dan amalan kedudukan yang biasa digunakan 01
• 5-2 Gaya elemen dan amalan kedudukan yang biasa digunakan 02
• 5-3 Gaya elemen yang biasa digunakan dan amalan kedudukan 03
• 5-4 Reka letak fleksibel dan atribut biasa + susun atur grid dan atribut biasa (contoh) 01
• 5-5 Reka letak fleksibel dan atribut biasa + susun atur grid dan atribut biasa (contoh) 02
• 5-6 Reka letak fleksibel dan atribut biasa + susun atur grid dan atribut biasa (contoh) 03
• 5-7 Reka letak fleksibel dan atribut biasa + susun atur grid dan atribut biasa (contoh) 04
• Bab6 Reka letak halaman utama JD dan asas JS
• 6-1 Analisis dan amalan susun atur halaman utama terminal JD.com M 01
• 6-2 Analisis dan amalan susun atur halaman utama terminal JD.com M 02
• 6-3 Analisis dan amalan susun atur halaman utama terminal JD.com M 03
• 6-4 Analisis dan amalan susun atur halaman utama terminal JD.com M 04
• 6-5 Ujian awal JS: Di manakah kod JS ditulis Bagaimana untuk memetiknya?
• 6-6 Ujian awal JS: Di manakah kod JS ditulis Bagaimana untuk memetiknya?
• Bab7 Asas sintaks js: pembolehubah/jenis data/fungsi/skop/penutupan/rentetan templat
• 7-1 Pembolehubah, pemalar, jenis data dan fungsi dan parameter terperinci 01
• 7-2 Pembolehubah, pemalar, jenis data dan fungsi dan parameter terperinci 02
• 7-3 Pembolehubah, pemalar, jenis data dan fungsi dan parameter terperinci 03
• 7-4 Pembolehubah, pemalar, jenis data dan fungsi dan parameter terperinci 04
• 7-5 Rangkaian skop/skop/penutupan dan rentetan templat dan fungsi label 01
• 7-6 Rangkaian skop/skop/penutupan dan rentetan templat dan fungsi label 02
• 7-7 Rangkaian skop/skop/penutupan dan rentetan templat dan fungsi label 03
• Bab8 Kawalan proses dan manipulasi DOM
• 8-1 Percabangan dan Penyederhanaan
• 8-2 Gelung dan lintasan
• 8-3 sifat pelengkap
• 8-4 Penambahan elemen DOM, pemadaman, pengubahsuaian dan set data dan objek Senarai kelas 01
• 8-5 Penambahan elemen DOM, pemadaman, pengubahsuaian dan set data dan objek Senarai kelas 02
• 8-6 Penambahan elemen DOM, pemadaman, pengubahsuaian dan set data dan objek Senarai kelas 03
• Bab9 Terangkan peristiwa dan operasi tak segerak secara terperinci
• 9-1 Mekanisme pelaksanaan JS dan tugas tak segerak dan model acara terperinci dan acara borang 01
• 9-2 Mekanisme pelaksanaan JS dan tugas tak segerak dan model acara terperinci dan acara borang 02
• 9-3 Mekanisme pelaksanaan JS dan tugas tak segerak dan model acara terperinci dan acara borang 03
• 9-4 Ambil dan contoh aksios dijelaskan 01
• 9-5 Ambil dan contoh aksios dijelaskan 02
• Bab10 Kes praktikal klasik JS
• 10-1 Tab dan Album Foto Dalam Talian 01
• 10-2 Tab dan Album Foto Dalam Talian 02
• 10-3 Tab dan Album Foto Dalam Talian 03
• 10-4 Carta karusel klasik dan pengiraan automatik troli beli-belah 01
• 10-5 Carta karusel klasik dan pengiraan automatik troli beli-belah 02
• 10-6 Pengiraan automatik karusel dan troli beli-belah klasik 03
• 10-7 Pengiraan automatik karusel dan troli beli-belah klasik 04