Asas dan amalan HTML+CSS

• Bab1 Pelajaran pertama sekolah
• 1-1 Konfigurasi persekitaran pembelajaran (pelayar dan editor) 01
• 1-2 Konfigurasi persekitaran pembelajaran (pelayar dan editor) 02
• 1-3 Konfigurasi persekitaran pembelajaran (pelayar dan editor) 03
• 1-4 Cara menulis kerja rumah dan pengetahuan HTTP 01
• 1-5 Cara menulis kerja rumah dan pengetahuan HTTP 02
• 1-6 Cara menulis kerja rumah dan pengetahuan HTTP 03
• Bab2 Tag dan atribut biasa
• 2-1 Label, Atribut dan Elemen Reka Letak 1, 2, 3-01
• 2-2 Label, atribut dan elemen reka letak 1, 2, 3-02
• 2-3 Teg, atribut dan elemen reka letak 1, 2, 3-03
• 2-4 Senarai dan Jadual Terperinci (Amalan) 1, 2-01
• 2-5 Senarai dan Jadual Terperinci (Amalan) 1, 2-02
• 2-6 Senarai terperinci dan jadual (praktikal) 1, 2-03
• Bab3 Borang/Kerangka/ Asas CSS
• 3-1 Elemen bentuk dan bingkai 01
• 3-2 Elemen bentuk dan bingkai 02
• 3-3 Elemen bentuk dan bingkai 03
• 3-4 Sumber dan pemilih gaya CSS 1-01
• 3-5 Sumber dan pemilih gaya CSS 1-02
• Bab4 Kelas pseudo, ikon fon dan model kotak
• 4-1 Kelas pseudo dan ikon fon, prinsip susun atur 01
• 4-2 Kelas pseudo dan ikon fon, prinsip susun atur 02
• 4-3 Kelas pseudo dan ikon fon, prinsip susun atur 03
• 4-4 Kaedah pengiraan model kotak dan unit biasa 01
• 4-5 Kaedah pengiraan model kotak dan unit biasa 02
• Bab5 Kedudukan dan kes praktikal
• 5-1 Unit relatif, prinsip kedudukan dan aplikasi 01
• 5-2 Unit relatif, prinsip kedudukan dan aplikasi 02
• 5-3 Unit relatif, prinsip kedudukan dan aplikasi 03
• 5-4 Unit relatif, prinsip kedudukan dan aplikasi 04
• 5-5 Amalan susun atur bit: kotak modal dan susun atur tiga lajur 01
• 5-6 Amalan susun atur bit: kotak modal dan susun atur tiga lajur 02
• Bab6 Sifat biasa susun atur anjal lentur
• 6-1 Sifat biasa bekas flex 01
• 6-2 Sifat biasa bekas flex 02
• 6-3 Sifat biasa bekas flex 03
• 6-4 Sifat biasa projek flex 01
• 6-5 Sifat biasa projek flex 02
• Bab7 Amalan Flex: Halaman Utama Mudah Alih Somedong
• 7-1 Reka letak keseluruhan sebenar pengepala dan pengaki 01
• 7-2 Reka letak keseluruhan praktikal pengepala dan pengaki 02
• 7-3 Reka letak keseluruhan praktikal pengepala dan pengaki 03
• 7-4 Reka letak keseluruhan sebenar pengepala dan pengaki 04
• 7-5 Modul navigasi utama dan pengesyoran produk praktikal 01
• 7-6 Navigasi utama praktikal dan modul pengesyoran produk 02
• Bab8 Pengetahuan umum tentang pembolehubah dan fungsi js
• 8-1 Pembolehubah, pemalar, jenis data 01
• 8-2 Pembolehubah, pemalar, jenis data 02
• 8-3 Pembolehubah, pemalar, jenis data 03
• 8-4 Parameter fungsi/nilai pulangan, fungsi anak panah dan fungsi IIFE 01
• 8-5 Parameter fungsi/nilai pulangan, fungsi anak panah dan fungsi IIFE 02
• Bab9 Fungsi tag, pemusnahan dan pengaturcaraan objek
• 9-1 Fungsi tertib tinggi dan fungsi label 01
• 9-2 Fungsi tertib tinggi dan fungsi label 02
• 9-3 Fungsi tertib tinggi dan fungsi label 03
• 9-4 Memusnahkan tugasan dan memudahkan literal objek 01
• 9-5 Memusnahkan tugasan dan memudahkan literal objek 02
• Bab10 Rentetan JS, tatasusunan dan kawalan aliran
• 10-1 Pengenalan kepada kaedah rentetan dan tatasusunan yang biasa digunakan 01
• 10-2 Pengenalan kepada kaedah rentetan dan tatasusunan yang biasa digunakan 02
• 10-3 Pengenalan kepada kaedah rentetan dan tatasusunan yang biasa digunakan 03
• 10-4 Cawangan dan Gelung Kawalan Proses 01
• 10-5 Cawangan dan Gelung Kawalan Proses 02
• Bab11 Asas operasi DOM dalam JS
• 11-1 Sifat pengakses, skop/penutupan/kaedah pemerolehan elemen DOM 01
• 11-2 Sifat pengakses, skop/penutupan/kaedah pemerolehan elemen DOM 02
• 11-3 Atribut pengakses, kaedah pemerolehan skop/penutupan/DOM 03
• 11-4 Traversal DOM, penambahan dan pemadaman, operasi set data atribut tersuai 01
• 11-5 Traversal DOM, penambahan dan pemadaman, operasi set data atribut tersuai 02
• Bab12 Acara terperinci dan latihan acara bentuk
• 12-1 Pendaftaran acara dan proksi acara 01
• 12-2 Pendaftaran acara dan proksi acara 02
• 12-3 Pendaftaran acara dan proksi acara 03
• 12-4 Pertempuran praktikal: pengesahan borang dan papan mesej mini 01
• 12-5 Pertempuran praktikal: pengesahan borang dan papan mesej mini 02
• Bab13 Ajax dan dua latihan
• 13-1 Pertempuran JSON dan Ajax 01
• 13-2 Pertempuran JSON dan Ajax 02
• 13-3 Pertempuran JSON dan Ajax 03
• 13-4 Pertempuran praktikal tab dan teknologi pemuatan malas/malas 01
• 13-5 Pertempuran praktikal tab dan teknologi pemuatan malas/malas 02
• Bab14 Pertempuran praktikal: pengurus karusel dan album foto
• 14-1 Prinsip dan Pelaksanaan Carta Karusel Klasik Praktikal (versi penuh 100 minit) 01
• 14-2 Prinsip dan Pelaksanaan Carta Karusel Klasik Praktikal (versi penuh 100 minit) 02
• 14-3 Prinsip dan pelaksanaan carta karusel klasik dalam amalan (versi penuh 100 minit) 03
• 14-4 Prinsip dan Pelaksanaan Carta Karusel Klasik Praktikal (versi penuh 100 minit) 04
• 14-5 Pengurus album foto ringkas (operasi DOM) 01
• 14-6 Pengurus album foto ringkas (operasi DOM) 02
• Bab15 Pertempuran praktikal: Troli beli-belah pilihan penuh dan pengiraan automatik
• 15-1 Troli beli-belah praktikal pilihan penuh dan fungsi pengiraan masa nyata 01
• 15-2 Troli beli-belah praktikal pilihan penuh dan fungsi pengiraan masa nyata 02
• 15-3 Troli beli-belah praktikal pilihan penuh dan fungsi pengiraan masa nyata 03
• 15-4 Troli beli-belah praktikal pilihan penuh dan fungsi pengiraan masa nyata 04
• 15-5 Perkongsian yang tidak berbahaya dan dorongan bersama 01
• 15-6 Perkongsian yang tidak berbahaya dan dorongan bersama 02
• Bab16 jquery`$()`parameter dan pemilih
• 16-1 jquery`$()`parameter dan pemilih01
• 16-2 jquery`$()`parameter dan pemilih02
• 16-3 jquery`$()`parameter dan pemilih03
• 16-4 operasi atribut jquery 01
• 16-5 operasi atribut jquery 02
• 16-6 operasi atribut jquery 03
• Bab17 operasi teks jquery, operasi atribut gaya, kesan
• 17-1 operasi teks jquery, operasi atribut gaya, kesan 01
• 17-2 operasi teks jquery, operasi atribut gaya, kesan 02
• 17-3 operasi teks jquery, operasi atribut gaya, kesan 03
• 17-4 nod jquery 01
• 17-5 nod jquery 02
• 17-6 nod jquery 03
• Bab18 operasi elemen dom jQuery
• 18-1 Operasi elemen dom jQuery 01
• 18-2 Operasi elemen dom jQuery 02
• 18-3 Operasi elemen dom jQuery 03
• 18-4 Operasi pemilih dan acara tetikus 01
• 18-5 Operasi pemilih dan acara tetikus 02
• Bab19 Bentuk acara dan acara papan kekunci
• 19-1 Bentuk acara dan acara papan kekunci 01
• 19-2 Bentuk acara dan acara papan kekunci 02
• 19-3 Bentuk acara dan acara papan kekunci 03
• 19-4 jquery $.get kaedah 01
• 19-5 jquery $.get kaedah 02
• 19-6 jquery $.get kaedah 03
• Bab20 jquert $.permintaan pos
• 20-1 jquert $.permintaan pos 01
• 20-2 jquert $.permintaan pos 02
• 20-3 jquert $.permintaan pos 03
• 20-4 jquery $.ajax01
• 20-5 jquery $.ajax02
• 20-6 jquery $.ajax03
• Bab21 muat turun dan pemasangan bootstrap dan borang bootstrap
• 21-1 muat turun dan pemasangan bootstrap dan borang bootstrap 01
• 21-2 muat turun dan pemasangan bootstrap dan borang bootstrap 02
• 21-3 muat turun dan pemasangan bootstrap dan borang bootstrap 03
• 21-4 Susun atur responsif 01
• 21-5 Susun atur responsif 02
• Bab22 Susun atur teks
• 22-1 Susun atur teks 01
• 22-2 Susun atur teks 02
• 22-3 Susun atur teks 03
• 22-4 Butang dan Navigasi 01
• 22-5 Butang dan Navigasi 02
• 22-6 Butang dan Navigasi 03
• Bab23 Bar navigasi, bentuk, elemen bentuk
• 23-1 Bar navigasi, borang, elemen borang 01
• 23-2 Bar navigasi, borang, elemen borang 02
• 23-3 Bar navigasi, borang, elemen borang 03
• 23-4 Kotak amaran dan kotak modal 01
• 23-5 Kotak amaran dan kotak modal 02
• Bab24 lebar css, ketinggian, margin css, padding dan pengetahuan tambahan jquery
• 24-1 lebar css, ketinggian, margin css, padding dan pengetahuan tambahan jquery 01
• 24-2 lebar css, ketinggian, margin css, padding dan pengetahuan tambahan jquery 02
• 24-3 lebar css, ketinggian, margin css, padding dan pengetahuan tambahan jquery 03
• 24-4 Pertempuran praktikal: ubah suai dan padam 01
• 24-5 Pertempuran praktikal: ubah suai dan padam 02