Fasa kedua_ Bahagian hadapan yang besar akan berfungsi dalam talian

• Bab1 Peringkat 1: Asas pembangunan web (HTML+CSS+JavaScript)
• 1-1 Tag biasa HTML 01
• 1-2 Tag biasa HTML 02
• 1-3 Tag biasa HTML 03
• 1-4 Senarai HTML, pautan, multimedia01
• 1-5 Senarai HTML, pautan, multimedia02
• 1-6 Borang, tag jadual 01
• 1-7 Borang, tag jadual 02
• 1-8 Pengenalan kepada pembangunan bahagian hadapan dan penggunaan asas penurunan harga
• 1-9 Pengenalan kepada CSS, pemilih 01
• 1-10 Pengenalan kepada CSS, pemilih 02
• 1-11 Pengenalan kepada CSS, pemilih 03
• 1-12 Pemilih di bawah 01
• 1-13 Pemilih di bawah 02
• 1-14 Sifat fon CSS, sifat teks 01
• 1-15 Sifat fon CSS, sifat teks 02
• 1-16 Sifat fon CSS, sifat teks 03
• 1-17 Latar belakang, saiz, senarai, kedudukan01
• 1-18 Latar belakang, saiz, senarai, kedudukan02
• 1-19 Model kotak, kotak teleskopik 01
• 1-20 Model kotak, kotak teleskopik 02
• 1-21 Model kotak, kotak teleskopik 03
• 1-22 Kedudukan, terapung 01
• 1-23 Kedudukan, terapung 02
• 1-24 Atribut baharu CSS3, tayangan slaid animasi 01
• 1-25 Atribut baharu CSS3, tayangan slaid animasi 02
• 1-26 Atribut baharu CSS3, tayangan slaid animasi 03
• 1-27 Fail seni bina susun atur, susun atur pengepala 01
• 1-28 Fail seni bina susun atur, susun atur pengepala 02
• 1-29 Pelaksanaan susun atur pengepala awam 01
• 1-30 Pelaksanaan susun atur pengepala awam 02
• 1-31 Pelaksanaan susun atur pengepala awam 03
• 1-32 Susun atur kandungan halaman utama 01
• 1-33 Susun atur kandungan halaman utama 02
• 1-34 Susun atur kandungan halaman utama 03
• 1-35 Susun atur halaman butiran produk 01
• 1-36 Susun atur halaman butiran produk 02
• 1-37 Susun atur halaman butiran produk 03
• 1-38 Susun atur halaman butiran produk 04
• 1-39 Susun atur halaman butiran produk 05
• 1-40 Halaman troli beli-belah dan halaman pesanan 01
• 1-41 Halaman troli beli-belah dan halaman pesanan 02
• 1-42 Halaman troli beli-belah dan halaman pesanan 03
• 1-43 Halaman pesanan, susun atur responsif 01
• 1-44 Halaman pesanan, susun atur responsif 02
• 1-45 Gaya asas reka letak responsif dan pengepala tapak web 01
• 1-46 Gaya asas reka letak responsif dan pengepala tapak web 02
• 1-47 Gaya asas reka letak responsif dan pengepala laman web 03
• 1-48 Susun atur responsif halaman utama 01
• 1-49 Susun atur responsif halaman utama 02
• 1-50 Pengenalan kepada JS, kaedah pengenalan, pernyataan, output, dsb. 01
• 1-51 Pengenalan kepada JS, kaedah pengenalan, pernyataan, output, dll. 02
• 1-52 Pengenalan kepada JS, kaedah pengenalan, pernyataan, output, dll. 03
• 1-53 Operator 01
• 1-54 Operator 02
• 1-55 Operator 03
• 1-56 Kawalan proses, fungsi 01
• 1-57 Kawalan proses, fungsi 02
• 1-58 Kawalan proses, fungsi 03
• 1-59 Fungsi, objek 01
• 1-60 Fungsi, objek 02
• 1-61 Fungsi, objek 03
• 1-62 Pengisytiharan objek dan tatasusunan menggunakan 01
• 1-63 Pengisytiharan objek dan tatasusunan menggunakan 02
• 1-64 Pengisytiharan objek dan tatasusunan menggunakan 03
• 1-65 Objek sistem 01
• 1-66 Objek Sistem 02
• 1-67 Objek Sistem 03
• 1-68 Acara, objek tetingkap 01
• 1-69 Acara, objek tetingkap 02
• 1-70 Acara, objek tetingkap 03
• Bab2 Peringkat 1: Asas pembangunan web (BOM/DOM+Ajax)
• 2-1 BOM01
• 2-2 BOM02
• 2-3 BOM03
• 2-4 DOM, dapatkan koleksi objek dokumen 01
• 2-5 DOM, dapatkan koleksi objek dokumen 02
• 2-6 DOM, dapatkan koleksi objek dokumen 03
• 2-7 Operasi kandungan, operasi atribut, operasi gaya, dsb. 01
• 2-8 Operasi kandungan, operasi atribut, operasi gaya, dsb. 02
• 2-9 Operasi kandungan, operasi atribut, operasi gaya, dsb. 03
• 2-10 Tukar elemen HTML kepada objek JS dan fahami nod 01
• 2-11 Tukar elemen HTML kepada objek JS dan fahami nod 02
• 2-12 Tukar elemen HTML kepada objek JS dan fahami nod 03
• 2-13 Lokasi, animasi 01
• 2-14 Lokasi, animasi 02
• 2-15 Lokasi, animasi 03
• 2-16 objek acara 01
• 2-17 objek acara 02
• 2-18 objek acara 03
• 2-19 Acara bentuk, enkapsulasi animasi 01
• 2-20 Acara bentuk, enkapsulasi animasi 02
• 2-21 Acara bentuk, enkapsulasi animasi 03
• 2-22 Pengenalan kepada ajax, dapatkan permintaan kaedah 01
• 2-23 Pengenalan kepada ajax, dapatkan permintaan kaedah 02
• 2-24 Pengenalan kepada ajax, dapatkan permintaan kaedah 03
• 2-25 Pemasangan projek di bawah ajax, pengenalan kepada sintaks asas ranting 01
• 2-26 Pemasangan projek di bawah ajax, pengenalan kepada sintaks asas ranting 02
• Bab3 Pertempuran sebenar bahagian hadapan web (set lengkap pembangunan menengah templat PC hadapan EWShop)
• 3-1 Laman utama, log masuk pengguna, pengesahan pendaftaran 01
• 3-2 Halaman utama, log masuk pengguna, pengesahan pendaftaran 02
• 3-3 Laman utama, log masuk pengguna, pengesahan pendaftaran 03
• 3-4 Navigasi rumah, tayangan slaid 01
• 3-5 Navigasi rumah, tayangan slaid 02
• 3-6 Data halaman utama, data halaman senarai 01
• 3-7 Data halaman rumah, data halaman senarai 02
• 3-8 Data halaman rumah, data halaman senarai 03
• 3-9 Senarai produk, butiran produk 01
• 3-10 Senarai produk, butiran produk 02
• 3-11 Senarai produk, butiran produk 03
• 3-12 Halaman butiran produk (tambah pada troli beli-belah, tambah pada kegemaran) 01
• 3-13 Halaman butiran produk (tambah pada troli beli-belah, tambah pada kegemaran) 02
• 3-14 Halaman butiran produk (tambah pada troli beli-belah, tambah pada kegemaran) 03
• 3-15 Butiran produk (ulasan) 01
• 3-16 Butiran produk (ulasan) 02
• 3-17 Butiran produk (ulasan) 03
• 3-18 Ulasan produk, troli beli-belah 01
• 3-19 Ulasan produk, troli beli-belah 02
• 3-20 Ulasan produk, troli beli-belah 03
• 3-21 Tamat troli beli-belah 01
• 3-22 Tamat troli beli-belah 02
• 3-23 Tamat troli beli-belah 03
• Bab4 Fasa 2: Pembangunan kejuruteraan web (Node+NPM+Webpack)
• 4-1 Pengenalan Kursus 01
• 4-2 Pengenalan Kursus 02
• 4-3 Pengenalan Kursus 03
• 4-4 Asas ES6 01
• 4-5 Asas ES6 02
• 4-6 Asas ES6 03
• 4-7 Aplikasi ES6-Zhong 01
• 4-8 Aplikasi ES6-Zhong 02
• 4-9 Aplikasi ES6-Zhong 03
• 4-10 Aplikasi ES6-Seterusnya 01
• 4-11 Aplikasi ES6-Seterusnya 02
• 4-12 Aplikasi ES6-Bahagian 03
• 4-13 node.js01
• 4-14 node.js02
• 4-15 node.js03
• 4-16 NPM01
• 4-17 NPM02
• 4-18 NPM03
• 4-19 alat webpack (Bahagian 1) 01
• 4-20 alat webpack (Bahagian 1) 02
• 4-21 alat webpack (Bahagian 1) 03
• 4-22 Alat Webpack (sederhana) 01
• 4-23 Alat Webpack (Bahagian 2) 02
• 4-24 Alat Webpack (Bahagian 2) 03
• Bab5 Fasa 2: Pembangunan kejuruteraan web (ES6+axios)
• 5-1 Pek Web (Bahagian 2) 01
• 5-2 Pek Web (Bahagian 2) 02
• 5-3 Pek Web (Bahagian 2) 03
• 5-4 Persediaan Prasekolah Axios 01
• 5-5 Persediaan Prasekolah Axios 02
• 5-6 Persediaan Prasekolah Axios 03
• 5-7 Aplikasi Axios 01
• 5-8 Aplikasi Axios 02
• 5-9 Aplikasi Axios 03
• Bab6 Peringkat 3: Rangka kerja lanjutan bahagian hadapan web (asas Vue3)
• 6-1 Vue pengalaman pertama 01
• 6-2 Vue pengalaman pertama 02
• 6-3 Vue pengalaman pertama 03
• 6-4 Pemasangan perancah Vue dan struktur direktori 01
• 6-5 Pemasangan perancah Vue dan struktur direktori 02
• 6-6 Pemasangan perancah Vue dan struktur direktori 03
• 6-7 Cara Vue berfungsi 01
• 6-8 Cara Vue berfungsi 02
• 6-9 Cara Vue berfungsi 03
• 6-10 Sintaks templat Vue (1) 01
• 6-11 Sintaks templat Vue (1) 02
• 6-12 Sintaks templat Vue (1) 03
• 6-13 Sintaks templat Vue (2) 01
• 6-14 Sintaks templat Vue (2) 02
• 6-15 Sintaks templat Vue (2) 03
• 6-16 Sintaks templat Vue (3) 01
• 6-17 Sintaks templat Vue (3) 02
• 6-18 Sintaks templat Vue (3) 03
• 6-19 Pembangunan komponen Vue (1) 01
• 6-20 Pembangunan komponen Vue (1) 02
• 6-21 Pembangunan komponen Vue (1) 03
• 6-22 Pemikiran komponen 01
• 6-23 Pemikiran komponen 02
• 6-24 Pemikiran komponen 03
• 6-25 Memindahkan data antara komponen 01
• 6-26 Memindahkan data antara komponen 02
• 6-27 Memindahkan data antara komponen 03
• 6-28 Kitaran hayat komponen Vue 01
• 6-29 Kitaran hayat komponen Vue 02
• 6-30 Kitaran hayat komponen Vue 03
• 6-31 Kenali routing 01
• 6-32 Memahami penghalaan 02
• 6-33 Memahami penghalaan 03
• 6-34 Penghalaan Vue (1) 01
• 6-35 Penghalaan Vue (1) 02
• 6-36 Penghalaan Vue (1) 03
• 6-37 Penghalaan Vue (2) 01
• 6-38 Penghalaan Vue (2) 02
• 6-39 Penghalaan Vue (2) 03
• 6-40 Pengurusan Status (Bahagian 1) 01
• 6-41 Pengurusan Status (Bahagian 1) 02
• 6-42 Pengurusan Status (Bahagian 1) 03
• 6-43 Pengurusan Status (Bahagian 2) 01
• 6-44 Pengurusan Status (Bahagian 2) 02
• 6-45 Pengurusan Status (Bahagian 2) 03
• 6-46 API Gabungan (1) 01
• 6-47 API Gabungan (1) 02
• 6-48 API Gabungan (1) 03
• 6-49 API Gabungan (2) 01
• 6-50 API Gabungan (2) 02
• 6-51 API Gabungan (2) 03
• 6-52 API Gabungan (3) 01
• 6-53 API Gabungan (3) 02
• 6-54 API Gabungan (3) 03
• 6-55 API Gabungan (4) 01
• 6-56 API Gabungan (4) 02
• 6-57 API Gabungan (4) 03
• Bab7 Pertempuran sebenar Vue3 (pembangunan templat terminal mudah alih EWShop)
• 7-1 Permulaan projek (1) 01
• 7-2 Permulaan projek (1) 02
• 7-3 Permulaan projek (1) 03
• 7-4 Permulaan projek (2) 01
• 7-5 Permulaan projek (2) 02
• 7-6 Permulaan projek (2) 03
• 7-7 Membangunkan komponen bar navigasi 01
• 7-8 Membangunkan komponen bar navigasi 02
• 7-9 Membangunkan komponen bar navigasi 03
• 7-10 Pembangunan komponen biasa 01
• 7-11 Pembangunan komponen biasa 02
• 7-12 Pembangunan komponen biasa 03
• 7-13 Tab rumah dan paparan produk 01
• 7-14 Tab rumah dan paparan produk 02
• 7-15 Tab rumah dan paparan produk 03
• 7-16 Tarik ke atas untuk memuatkan lagi 01
• 7-17 Tarik ke atas untuk memuatkan lebih banyak 02
• 7-18 Tarik ke atas untuk memuatkan lebih banyak 03
• 7-19 Fungsi halaman utama adalah sempurna 01
• 7-20 Fungsi halaman utama adalah sempurna 02
• 7-21 Fungsi halaman utama adalah sempurna 03
• 7-22 Pasang dan gunakan perpustakaan komponen 01
• 7-23 Pasang dan gunakan perpustakaan komponen 02
• 7-24 Pasang dan gunakan perpustakaan komponen 03
• 7-25 Klasifikasi Produk (Bahagian 1) 01
• 7-26 Klasifikasi Produk (Bahagian 1) 02
• 7-27 Klasifikasi Produk (Bahagian 1) 03
• 7-28 Klasifikasi Produk (Bahagian 2) 01
• 7-29 Klasifikasi Produk (Bahagian 2) 02
• 7-30 Klasifikasi Produk (Bahagian 2) 03
• 7-31 Klasifikasi dan butiran01
• 7-32 Klasifikasi dan butiran02
• 7-33 Klasifikasi dan butiran03
• 7-34 Log masuk dan pendaftaran 01
• 7-35 Log masuk dan Daftar02
• 7-36 Log masuk dan pendaftaran 03
• 7-37 Log masuk proses penghalusan dan pemasangan projek dalam talian 01
• 7-38 Log masuk proses penghalusan dan pemasangan projek dalam talian 02
• 7-39 Log masuk proses penghalusan dan pemasangan projek dalam talian 03
• 7-40 Proses projek lain 01
• 7-41 Proses projek lain 02
• 7-42 Proses projek lain 03
• Bab8 Peringkat 4: Platform pengurusan EWShop (TypeScript + versi baharu perancah Vite)
• 8-1 Pengenalan proses projek 01
• 8-2 Pengenalan proses projek 02
• 8-3 Spesifikasi kod dan projek permulaan 01
• 8-4 Spesifikasi kod dan projek permulaan 02
• 8-5 Spesifikasi kod dan projek permulaan 03
• 8-6 Permulaan projek (Bahagian 2) 01
• 8-7 Permulaan projek (Bahagian 2) 02
• 8-8 Permulaan projek (Bahagian 2) 03
• 8-9 api dan logik log masuk 01
• 8-10 api dan logik log masuk 02
• 8-11 api dan logik log masuk 03
• 8-12 Logik log masuk lengkap 01
• 8-13 Logik log masuk lengkap 02
• 8-14 Penghalaan dan Susun Atur 01
• 8-15 Penghalaan dan Susun Atur 02
• 8-16 Susun Letak Lengkap01
• 8-17 Susun Letak Lengkap02
• 8-18 Susun Letak Lengkap03
• 8-19 Halaman sisi lengkap dan senarai pengguna 01
• 8-20 Halaman sisi lengkap dan senarai pengguna 02
• 8-21 Halaman sisi lengkap dan senarai pengguna 03
• 8-22 Senarai pengguna lengkap 01
• 8-23 Senarai pengguna lengkap 02
• 8-24 Senarai pengguna lengkap 03
• 8-25 Penambahan pengguna lengkap 01
• 8-26 Penambahan pengguna lengkap 02
• 8-27 Penambahan pengguna lengkap 03
• 8-28 Pengeditan dan penambahan pengguna lengkap 01
• 8-29 Pengeditan dan penambahan pengguna lengkap 02
• 8-30 Pengeditan dan penambahan pengguna lengkap 03
• 8-31 Muat naik imej lengkap 01
• 8-32 Muat naik imej lengkap 02
• 8-33 Muat naik imej lengkap 03
• 8-34 Pembungkusan muat naik imej dan teks kaya 01
• 8-35 Pembungkusan muat naik imej dan teks kaya 02
• 8-36 Pembungkusan muat naik imej dan teks kaya 03
• 8-37 Pembungkusan teks kaya 01
• 8-38 Pembungkusan teks kaya 02
• 8-39 Deployment berdasarkan pelayan dan OSS01
• 8-40 Deployment berdasarkan pelayan dan OSS02
• 8-41 Deployment berdasarkan pelayan dan OSS03
• 8-42 Penyerahan berdasarkan Tanpa Pelayan 01
• 8-43 Alokasi berdasarkan Tanpa Pelayan 02
• 8-44 Semakan kod 01
• 8-45 Semakan kod 02