Kursus bahagian hadapan yang paling memahami anda: HTML5/CSS3/ES6/NPM/Vue/...[Asal]

• Bab1 persekitaran pembangunan
• 1-1 Pasang editor VScode
• 1-2 Pasang Chrome Google Chrome
• 1-3 Pemasangan dan penggunaan pemalam universal VScode
• 1-4 VScode markdown dan tetapan fon
• 1-5 peraturan tatabahasa markdown
• 1-6 Asas HTTP
• 1-7 Analisis istilah biasa dalam pembangunan web
• 1-8 struktur dokumen html
• 1-9 Label tunggal dan label berganda
• 1-10 Paparan halaman praktikal bahagian hadapan
• Bab2 Konfigurasi persekitaran pembangunan dan teg HTML biasa
• 2-1 Penggunaan pemalam Pelayan Langsung
• 2-2 Hubungan antara pelanggan dan pelayan tempatan
• 2-3 Tulis dokumen markdown
• 2-4 ikon fail tersuai vscode
• 2-5 Biarkan kod terbang--sintaks Emmet
• 2-6 html atribut biasa dan atribut lalai
• 2-7 atribut acara html dan atribut tersuai
• 2-8 Tag semantik reka letak yang biasa digunakan
• Bab3 Pengenalan kepada tag HTML biasa
• 3-1 Tag-Pautan-Imej-Senarai
• 3-2 Laksanakan senarai grafik dan teks serta navigasi
• 3-3 Penjelasan terperinci tentang jadual html
• 3-4 Bentuk sederhana interaksi data
• 3-5 Borang penyerahan HTTP POST
• 3-6 Sembunyikan dan tunjukkan kotak kata laluan borang
• 3-7 butang radio radio
• 3-8 kotak semak kotak semak
• 3-9 Menu lungsur turun kawalan borang
• 3-10 jenis butang bentuk
• 3-11 elemen sebaris iframe memuatkan peta Baidu
• 3-12 Tag video memuatkan video pendek Douyin
• 3-13 Pengalaman praktikal kecil dengan bingkai sebaris - membina halaman utama hujung belakang yang kurus
• Bab4 Sumber dan pemilih gaya CSS
• 4-1 Matlamat pengaturcaraan CSS
• 4-2 Mentafsir sumber gaya elemen
• 4-3 Isu keutamaan rujukan gaya
• 4-4 pewarisan gaya
• 4-5 Penjelasan lengkap tentang pemilih asas
• 4-6 pemilih tahap
• 4-7 Analisis terperinci berat pemilih
• Bab5 Terangkan kelas pseudo, model kotak dan susun atur responsif secara terperinci
• 5-1 Pemilih kelas pseudo struktur
• 5-2 Parameter pemilih kelas pseudo
• 5-3 Padanan pantas kelas pseudo
• 5-4 Bentuk pseudo-class
• 5-5 Penggunaan ikon fon
• 5-6 Artifak reka letak--model kotak
• 5-7 unit susun atur css
• 5-8 Unit viewport vh-vw
• 5-9 Gaya jadual yang biasa digunakan (kelas pseudo)
• Bab6 Pertanyaan media, kedudukan dan lentur, grid
• 6-1 Pertanyaan media--penyesuaian reka letak mudah alih
• 6-2 Elemen penentududukan dan kedudukan
• 6-3 Log masuk amalan kedudukan kotak modal
• 6-4 susun atur fleksibel fleksibel--bekas
• 6-5 Sifat dalam bekas fleksibel
• 6-6 sifat item fleksibel
• Bab7 Prinsip susun atur mudah alih dan susun atur Grid
• 7-1 Viewport viewport (layout viewport, visual viewport, ideal viewport)
• 7-2 Penyelesaian reka letak mudah alih (rem+vw)
• 7-3 Sifat kontena grid dan sifat projek
• 7-4 Permainan lanjutan susun atur grid
• 7-5 Grid melaksanakan susun atur Holy Grail
• 7-6 Komponen susun atur grid tersuai
• 7-7 Kes praktikal susun atur grid
• Bab8 Persekitaran pembangunan cekap JavaScript dan asas pengaturcaraan baharu
• 8-1 Pasang Node.js untuk menjalankan skrip JavaScript
• 8-2 Ahli dalam aliran pelaksanaan kod dan program
• 8-3 Penggunaan semula pembolehubah (data) dan blok kod (program)
• 8-4 Analisis ringkas fungsi JavaScript
• 8-5 Skop JavaScript dan Rantaian Skop
• 8-6 Pemalar JavaScript
• 8-7 Konvensyen penamaan pengecam
• Bab9 Terangkan fungsi dan jenis data secara terperinci
• 9-1 Cara fungsi tanpa nama dilaksanakan
• 9-2 Fungsi anak panah dan senario penggunaan
• 9-3 ...Penggunaan klasik parameter rehat
• 9-4 nilai pulangan fungsi
• 9-5 Jenis data JS--tatasusunan
• 9-6 Objek JS--pengkapsulan data dan kaedah
• 9-7 Identiti tersembunyi dan penggunaan fungsi JS
• Bab10 Kawalan proses dan literal templat
• 10-1 Kawalan proses--cabang tunggal dan cawangan berganda
• 10-2 suis kawalan proses berbilang cawangan
• 10-3 manakala gelung penghakiman jenis kemasukan
• 10-4 untuk、untuk-untuk、untuk-dalam循环
• 10-5 Pendekatan yang dipermudahkan kepada literal objek
• 10-6 Literal templat dan fungsi templat
• Bab11 Penutupan/Kelas dan Objek/Pemusnahan/Pelayar JS
• 11-1 Penutupan: Fungsi separa melaksanakan pembahagian data
• 11-2 Fungsi tulen JS
• 11-3 sifat pelengkap JS
• 11-4 kelas dan objek JS
• 11-5 Warisan kelas (sambungan)
• 11-6 Menggunakan sifat pelengkap dalam kelas JS
• 11-7 Tugasan memusnahkan--memusnahkan tatasusunan dan memusnahkan objek
• 11-8 JS dalam penyemak imbas
• 11-9 Dapatkan dan manipulasi elemen DOM
• Bab12 Pertempuran dan acara sebenar DOM
• 12-1 Dapatkan elemen borang DOM
• 12-2 Lintas pokok DOM
• 12-3 Tambah, padam dan ubah suai elemen DOM
• 12-4 Kandungan elemen operasi JS
• 12-5 Amalan operasi DOM: papan mesej
• 12-6 Sifat tersuai--objek set data
• 12-7 Atribut kelas operasi JS--objek classList
• 12-8 Menambah dan memadam acara
• Bab13 Mekanisme pengendalian JS dan API biasa untuk rentetan dan tatasusunan
• 13-1 Acara menggelegak dan delegasi acara
• 13-2 Ringkasan acara borang
• 13-3 Mekanisme berjalan JS: benang tunggal + gelung masa
• 13-4 Demo tak segerak berbenang tunggal
• 13-5 API yang biasa digunakan dalam rentetan
• 13-6 Koleksi lengkap operasi tatasusunan js (pop, push, unshift, delete, kaedah shift)
• 13-7 Kaedah lelaran dan traversal tatasusunan
• 13-8 Operasi pemisahan tatasusunan, pembalikan, penyambungan dan kemas kini
• Bab14 Pertempuran klasik JS
• 14-1 JS asli dalam tindakan: tab
• 14-2 Pertempuran praktikal: pengiraan automatik item troli beli-belah
• 14-3 Penerbitan dan langganan acara
• 14-4 Pertempuran praktikal: 15 baris kod untuk melaksanakan carta karusel
• 14-5 Pertempuran praktikal: memuatkan malas
• 14-6 Pertempuran praktikal: Pengurus album web responsif
• Bab15 JSON, Janji dan modul akal sehat
• 15-1 Penjelasan terperinci JSON dalam JS
• 15-2 pertanyaan data tak segerak ajax-xhr
• 15-3 Kehidupan Janji yang lalu dan sekarang
• 15-4 Status janji: belum selesai dipenuhi, ditolak
• 15-5 Cetuskan panggilan balik yang berbeza berdasarkan status Janji
• 15-6 Ambil API
• 15-7 pembangunan modular JS
• Bab16 Amalan pengurus album foto dalam talian dan asas Nod
• 16-1 Asas nod
• 16-2 Perintah nod melaksanakan skrip js
• 16-3 perintah npm untuk memasang dan memadam kebergantungan projek
• 16-4 npm memasang pakej pergantungan global
• 16-5 Peraturan nombor versi pakej
• 16-6 Semakan dan pengemaskinian versi pakej
• Bab17 Prinsip operasi nod dan pengenalan kepada modul biasa
• 17-1 Pemasangan dan penyegerakan pemalam nod
• 17-2 Prinsip reka bentuk asas CPS dalam Ndoe
• 17-3 Penjelasan terperinci mengenai spesifikasi CommomJS modular sisi Nodejs
• 17-4 Penjelasan terperinci tentang modul http Nodejs
• 17-5 Modul fail Nodejs
• 17-6 Modul laluan Nodejs
• Bab18 Kawalan versi diedarkan Git
• 18-1 Prinsip pelaksanaan kawalan versi Git
• 18-2 git permulaan gudang tempatan
• 18-3 proses penyerahan kod git
• 18-4 pemulihan fail git checkout
• 18-5 Konfigurasikan gudang jauh yang berkaitan
• 18-6 tutorial konfigurasi git ssh
• 18-7 Ringkasan arahan git biasa
• Bab19 Prinsip Vue dan arahan biasa
• 19-1 vue mencipta halaman dinamik
• 19-2 Titik lekap, kejadian vue, suntikan data, responsif
• 19-3 v-teks v-html v-sekali penggunaan arahan
• 19-4 Pelbagai cara menulis gaya pengikatan dinamik vue
• 19-5 input vue pengikatan tertunda dua hala
• Bab20 Peristiwa, pemaparan senarai dan komunikasi komponen
• 20-1 mengikat acara vue
• 20-2 v-untuk rendering senarai
• 20-3 vue pemaparan bersyarat
• 20-4 pengubahsuai papan kekunci vue
• 20-5 Hartanah yang dikira Vue melaksanakan fungsi troli beli-belah
• 20-6 pemantauan data vue watch
• 20-7 Daftar komponen global vue
• 20-8 Komponen anak menerima data daripada komponen induk
• 20-9 Dengar acara komponen kanak-kanak