Asas bahagian hadapan kepada pertempuran sebenar (HTML5+CSS3+ES6+NPM)

• Bab1 Pelajaran pertama sekolah
• 1-1 Persekitaran pembangunan: vscode/chrome/phpEnv -1
• 1-2 Persekitaran pembangunan: vscode/chrome/phpEnv-2
• 1-3 Demonstrasi sintaks biasa Markdown
• 1-4 Pengetahuan asas HTTP dan URL01
• 1-5 Pengetahuan asas HTTP dan URL02
• Bab2 Terangkan secara terperinci asas-asas html
• 2-1 Semak perkara utama pelajaran pertama sekolah 01
• 2-2 Semak perkara utama pelajaran pertama sekolah 02
• 2-3 Elemen, tag dan atribut
• 2-4 Struktur dokumen HTML, mod paparan dan jenis elemen 01
• 2-5 Struktur dokumen HTML, mod paparan dan jenis elemen 02
• 2-6 Halaman Sambo dan Amalan Tatabahasa Emmet 01
• 2-7 Halaman Sambo dan Amalan Tatabahasa Emmet 02
• Bab3 Penjelasan terperinci tentang teg HTML5 yang mesti diketahui-1
• 3-1 Empat jenis atribut utama html
• 3-2 Tag elemen biasa HTML: kelas susun atur
• 3-3 Tag html biasa: imej, pautan, senarai
• 3-4 Terangkan jadual dan atribut biasa secara terperinci
• 3-5 Terangkan borang secara terperinci-<form> tag dan atribut
• Bab4 Penerangan terperinci tentang kawalan borang
• 4-1 Kawalan borang yang biasa digunakan 1-1
• 4-2 Kawalan borang yang biasa digunakan 1-2
• 4-3 Kawalan borang yang biasa digunakan 1-3
• 4-4 Kawalan borang yang biasa digunakan 2-1
• 4-5 Kawalan borang yang biasa digunakan 2-2
• 4-6 Kawalan borang yang biasa digunakan 2-3
• Bab5 Tag lain dan asas CSS
• 5-1 Tag media dan elemen bingkai <iframe> 01
• 5-2 Tag media dan elemen bingkai <iframe> 02
• 5-3 Sumber gaya CSS dan keutamaan 01
• 5-4 Sumber gaya CSS dan keutamaan 02
• 5-5 Pemilih CSS asas: teg dan atribut
• Bab6 Melihat lebih dekat pada pemberat pemilih dan pemilih kelas pseudo
• 6-1 Perkara baharu dengan pemilih konteks
• 6-2 Terangkan berat pemilih secara terperinci (titik penting) 01
• 6-3 Terangkan berat pemilih secara terperinci (titik penting) 02
• 6-4 Penerangan terperinci tentang pemilih struktur kelas pseudo 01
• 6-5 Penerangan terperinci tentang pemilih struktur kelas pseudo 02
• Bab7 Model pertempuran dan kotak kelas pseudo
• 7-1 Prinsip Kelas Pseudo Negeri dan Kes Praktikal 01
• 7-2 Prinsip Kelas Pseudo Negeri dan Kes Praktikal 02
• 7-3 Prinsip Kelas Pseudo Negeri dan Kes Praktikal 03
• 7-4 Kuliah Model Kotak dan Harta Teras 01
• 7-5 Kuliah Model Kotak dan Harta Teras 02
• Bab8 Unit biasa CSS dan gaya jadual
• 8-1 Unit CSS biasa: px, em, rem
• 8-2 Unit CSS biasa: px, em, rem 02
• 8-3 Unit CSS biasa: px, em, rem 03
• 8-4 Unit CSS biasa: px, em, rem 04
• 8-5 Unit paparan CSS: VW, VH dan langkah berjaga-jaga 01
• 8-6 Unit paparan CSS: VW, VH dan langkah berjaga-jaga 02
• Bab9 Ikon fon, pertanyaan media dan kedudukan
• 9-1 Ikon fon 01
• 9-2 Ikon fon 02
• 9-3 Pertanyaan Media 01
• 9-4 Pertanyaan Media 02
• 9-5 Kedudukan: prinsip relatif, mutlak, tetap dan pelaksanaan 01
• 9-6 Kedudukan: relatif, mutlak, prinsip tetap dan pelaksanaan 02
• Bab10 Penjelasan terperinci tentang amalan kedudukan dan atribut susun atur Flex
• 10-1 Latihan kedudukan (kotak modal) 01
• 10-2 Latihan kedudukan (kotak modal) 02
• 10-3 Penjelasan terperinci tentang sifat biasa susun atur flex 01
• 10-4 Penjelasan terperinci tentang sifat biasa susun atur flex 02
• 10-5 Penjelasan terperinci tentang sifat biasa susun atur flex 03
• Bab11 Amalan fleksibel dan sifat biasa susun atur Grid
• 11-1 Reka Bentuk Navigasi Klasik Praktikal Flex 01
• 11-2 Reka Bentuk Navigasi Klasik Praktikal Flex 02
• 11-3 Grid eksplisit dan sifat projek 01
• 11-4 Grid eksplisit dan sifat item 02
• 11-5 peraturan susunan item grid dan grid tersirat
• 11-6 Penjajaran item grid
• 11-7 Jurang baris dan lajur grid
• Bab12 Prinsip dan amalan susun atur terminal mudah alih
• 12-1 Istilah yang mesti diketahui dan prinsip pelaksanaan susun atur terminal mudah alih 01
• 12-2 Istilah dan prinsip pelaksanaan yang mesti diketahui untuk susun atur terminal mudah alih 02
• 12-3 Istilah yang mesti diketahui dan prinsip pelaksanaan susun atur terminal mudah alih 03
• 12-4 Halaman utama mudah alih Taobao: Susun atur pengepala 01
• 12-5 Laman utama mudah alih Taobao: susun atur pengepala 02
• 12-6 Penyelesaian susun atur keseluruhan terminal mudah alih (kemasukan tambahan)
• Bab13 Terminal mudah alih Taobao dan susun atur terminal PC
• 13-1 Pengaki mudah alih, navigasi dan bahagian utama 01
• 13-2 Pengaki mudah alih, navigasi dan bahagian utama 02
• 13-3 Pengaki mudah alih, navigasi dan bahagian utama 03
• 13-4 Analisis susun atur terminal PC Taobao dan pelaksanaan rangka kerja susun atur 01
• 13-5 Analisis susun atur terminal PC Taobao dan pelaksanaan rangka kerja susun atur 02
• 13-6 Analisis susun atur terminal PC Taobao dan pelaksanaan rangka kerja susun atur 03
• 13-7 Analisis susun atur terminal PC Taobao dan pelaksanaan rangka kerja susun atur 04
• Bab14 JavaScript dahulu dan sekarang serta ahli kod
• 14-1 JS dahulu dan sekarang, sejarah pembangunan bahagian hadapan dan konvensyen penamaan 01
• 14-2 JS dahulu dan sekarang, sejarah pembangunan bahagian hadapan dan konvensyen penamaan 02
• 14-3 JS dahulu dan sekarang, sejarah pembangunan bahagian hadapan dan konvensyen penamaan 03
• 14-4 Terangkan konsol, pembolehubah, pemalar dan jenis fungsi secara terperinci 01
• 14-5 Terangkan konsol, pembolehubah, pemalar dan jenis fungsi secara terperinci 02
• 14-6 Terangkan konsol, pembolehubah, pemalar dan jenis fungsi secara terperinci 03
• Bab15 Terangkan jenis data dan kawalan proses secara terperinci
• 15-1 Terangkan jenis data dan senario aplikasi secara terperinci 01
• 15-2 Terangkan jenis data dan senario aplikasi secara terperinci 02
• 15-3 Terangkan jenis data dan senario aplikasi secara terperinci 03
• 15-4 Skop, penyederhanaan literal objek dan ensiklopedia struktur cawangan 01
• 15-5 Skop, penyederhanaan literal objek dan ensiklopedia struktur cawangan 02
• Bab16 Gelung, fungsi templat, pemusnah dan aksesori
• 16-1 Penjelasan terperinci tentang gelung, parameter fungsi dan nilai pulangan 01
• 16-2 Penjelasan terperinci tentang gelung, parameter fungsi dan nilai pulangan 02
• 16-3 Penjelasan terperinci tentang gelung, parameter fungsi dan nilai pulangan 03
• 16-4 Fungsi templat, memusnahkan dan sifat pelengkap 01
• 16-5 Fungsi templat, memusnahkan dan sifat pelengkap 02
• 16-6 Fungsi templat, memusnahkan dan sifat pelengkap 03
• Bab17 Senarai komprehensif API yang biasa digunakan untuk kelas, objek, rentetan dan tatasusunan
• 17-1 Penjelasan terperinci tentang pembina dan kelas 01
• 17-2 Penjelasan terperinci tentang pembina dan kelas 02
• 17-3 Penjelasan terperinci tentang pembina dan kelas 03
• 17-4 API yang biasa digunakan untuk rentetan dan tatasusunan 01
• 17-5 API yang biasa digunakan untuk rentetan dan tatasusunan 02
• 17-6 API yang biasa digunakan untuk rentetan dan tatasusunan 03
• Bab18 Operasi DOM biasa
• 18-1 API yang biasa digunakan untuk operasi penambahan dan pemadaman tatasusunan
• 18-2 Pelayar JS dan cara mendapatkan elemen DOM 01
• 18-3 JS Pelayar dan cara mendapatkan elemen DOM 02
• 18-4 Mendapatkan elemen bentuk dan melintasi pokok DOM 01
• 18-5 Mendapatkan elemen bentuk dan melintasi pokok DOM 02
• Bab19 Tambahan DOM, pemadaman dan pengubahsuaian API dan pertempuran sebenar
• 19-1 Senarai lengkap API yang biasa digunakan untuk penambahan, pemadaman dan pengubahsuaian DOM 01
• 19-2 Senarai lengkap API yang biasa digunakan untuk penambahan, pemadaman dan pengubahsuaian DOM 02
• 19-3 Senarai lengkap API yang biasa digunakan untuk penambahan, pemadaman dan pengubahsuaian DOM 03
• 19-4 Papan mesej todoList praktikal DOM 01
• 19-5 Papan mesej todoList praktikal DOM 02
• 19-6 objek set data dan gaya terkira CSS
• Bab20 Terangkan peristiwa dan objek peristiwa secara terperinci
• 20-1 classList mengendalikan kelas elemen
• 20-2 Penambahan dan pemadaman acara yang biasa digunakan 01
• 20-3 Menambah dan memadam acara yang biasa digunakan 02
• 20-4 Acara menggelegak, delegasi acara dan acara tingkatan 01
• 20-5 Acara menggelegak, delegasi acara dan acara tingkatan 02
• Bab21 Terangkan senario aplikasi modul dan amalan tab modular secara terperinci
• 21-1 Terangkan secara terperinci sintaks biasa dan senario penggunaan modul eksport/eksport 01
• 21-2 Terangkan secara terperinci sintaks biasa dan senario penggunaan modul eksport/eksport 02
• 21-3 Terangkan secara terperinci sintaks biasa dan senario penggunaan modul eksport/eksport 03
• 21-4 Pertempuran praktikal: Tab klasik (dilaksanakan sepenuhnya menggunakan modul) Penting 01
• 21-5 Pertempuran praktikal: Tab klasik (dilaksanakan sepenuhnya menggunakan modul) Penting 02
• 21-6 Pertempuran praktikal: Tab klasik (dilaksanakan sepenuhnya menggunakan modul) Penting 03
• Bab22 Amalan carta karusel klasik dan JSON
• 22-1 Amalan carta karusel klasik (versi modul/titik penting) 01
• 22-2 Carta Karusel Klasik dalam Amalan (Versi Modul/Inti Utama) 02
• 22-3 Carta Karusel Klasik dalam Amalan (Versi Modul/Inti Utama) 03
• 22-4 Carta Karusel Klasik dalam Amalan (Versi Modul/Inti Utama) 04
• 22-5 JSON dan API biasa
• Bab23 Amalan troli beli-belah dan amalan permintaan merentas domain
• 23-1 Amalan troli beli-belah (modul/pelbagai fungsi) 01
• 23-2 Amalan troli beli-belah (modul/pelbagai fungsi) 02
• 23-3 Amalan troli beli-belah (modul/pelbagai fungsi) 03
• 23-4 Penyelesaian permintaan merentas domain (mengambil JSONP sebagai contoh) 01
• 23-5 Penyelesaian permintaan merentas domain (mengambil JSONP sebagai contoh) 02
• Bab24 Pengaturcaraan tak segerak dan ambil API
• 24-1 Prinsip tak segerak dan XHR 01 tradisional
• 24-2 Prinsip tak segerak dan XHR tradisional 02
• 24-3 Prinsip tak segerak dan XHR tradisional 03
• 24-4 ambil 与 async,tunggu, CPS等 01
• 24-5 ambil 与 async,tunggu, CPS等 02
• Bab25 Asas Node.js dan NPM
• 25-1 Pengenalan kepada kes biasa pengambilan 01
• 25-2 Pengenalan kepada kes biasa pengambilan 02
• 25-3 Pengenalan kepada modul biasa nod dan arahan biasa NPM 01
• 25-4 Pengenalan kepada modul biasa nod dan arahan biasa NPM 02
• 25-5 Pengenalan kepada modul biasa nod dan arahan biasa NPM 03
• Bab26 Terminologi Vue dan arahan biasa
• 26-1 Pengenalan kepada Vue dan kaedah rujukan 01
• 26-2 Pengenalan kepada Vue dan kaedah rujukan 02
• 26-3 Pengenalan kepada Vue dan kaedah rujukan 03
• 26-4 Pengenalan kepada terma dan arahan biasa dalam vue 01
• 26-5 Pengenalan kepada terma dan arahan biasa dalam vue 02
• 26-6 Pengenalan kepada terma dan arahan biasa dalam vue 03
• Bab27 Senarai dan pemaparan bersyarat, sifat dikira/mendengar, dsb.
• 27-1 Arahan Pengubahsuaian Acara/Senarai 01
• 27-2 Arahan Pengubahsuaian Acara/Senarai 02
• 27-3 Arahan Pengubahsuaian Acara/Senarai 03
• 27-4 Penyampaian bersyarat dan todolist pengubah suai papan kekunci
• Bab28 Sifat yang dikira berkomunikasi dengan komponen dan komponen
• 28-1 Sifat dikira, prinsip harta pendengar dan amalan 01
• 28-2 Sifat dikira, prinsip harta pendengar dan amalan 02
• 28-3 Sifat dikira, prinsip dan amalan sifat pendengar 03
• 28-4 Definisi komponen dan prinsip komunikasi antara komponen 01
• 28-5 Definisi komponen dan prinsip komunikasi antara komponen 02
• 28-6 Definisi komponen dan prinsip komunikasi antara komponen 03
• Bab29 Semakan dan ringkasan bahagian hadapan
• 29-1 Ringkasan mata pengetahuan html 01
• 29-2 Ringkasan mata pengetahuan html 02
• 29-3 html ringkasan titik pengetahuan 03
• 29-4 Ringkasan mata pengetahuan css dan js 01
• 29-5 Ringkasan mata pengetahuan css dan js 02