Belajar CSS: Kod & Praktik

Belajar CSS di telefon anda, daripada pemilih hingga reka letak responsif, animasi dan reka bentuk web moden. Ikuti pelajaran ringkas berfokus pada satu topik dan buka editor dengan satu ketikan, dengan HTML dan CSS bersebelahan serta pratonton langsung.

APA YANG TERSEDIA

• 40 kursus, 159 pelajaran: daripada peringkat pemula (A1) hingga lanjutan (C1)

• CSS editor HTML langsung: pratonton serta-merta, ruang untuk mencuba dan membina halaman sendiri

• 20 projek reka bentuk web berpandu: bar alat, grid kad, pengepala melekat, butang berdenyut

• 20 misi mencari pepijat: kad 42px terlalu lebar, pertanyaan media tidak berfungsi pada telefon, modal di belakang halaman

• Peperiksaan akhir dan sijil tamat kursus

• 22 bahasa

LALUAN LENGKAP, DARIPADA PEMULA HINGGA LANJUTAN

• Sintaks, pemilih, warna, latar belakang, tipografi, model kotak, paparan, kedudukan, unit, nilai

• Kelas pseudo, elemen pseudo, CSS flexbox, CSS grid: daripada asas hingga reka letak lanjutan

• Reka bentuk responsif, pertanyaan media, pertanyaan bekas

• Sifat tersuai (pemboleh ubah), fungsi, kekhususan, lata, @layer

• Peralihan, transformasi, animasi bingkai utama, penapis, mod adunan

• Mod gelap, skema warna, skrol, limpahan, clip-path, bentuk

• Penyahpepijatan DevTools, seni bina BEM, Sass, PostCSS, token reka bentuk

• Komponen dan corak reka letak moden, prestasi, Houdini

LATIHAN YANG BERKESAN

• Kuiz, helaian rujukan dengan 69 entri, 50 soalan berserta jawapan jelas untuk temu duga pembangun bahagian hadapan atau web

• Pustaka kod yang boleh disunting; simpan kod, nota dan pelajaran kegemaran

• Cabaran Pengekodan Sedunia: tiga pusingan global sehari dalam Python, JavaScript dan bahasa lain

• Rentetan hari, XP, papan pendahulu, peringatan harian

MENTOR AI

• Tanya AI tentang konsep, ralat, reka letak, sifat atau kod anda

• Taman permainan AI membina HTML dan CSS daripada penerangan halaman

• Kuota AI harian percuma; penggunaan tanpa had dengan Pro

UNTUK SIAPA

• Pemula yang belajar pembangunan web

• Pereka yang menggayakan halaman sendiri dan bukan menyerahkan mockup

• Pelajar yang berlatih seiring dengan kursus reka bentuk web

• Pembangun HTML yang belajar belajar CSS flexbox dan belajar CSS grid

• Mereka yang bertukar kerjaya dan bersedia untuk pekerjaan bahagian hadapan

CARA IA BERFUNGSI

1. Mulakan secara percuma: sintaks CSS dan pemilih

2. Ubah nilai editor; lihat pratonton

3. Belajar model kotak, CSS flexbox, CSS grid, reka bentuk responsif dan animasi

4. Bina projek berpandu; baiki pepijat reka letak

5. Lulus peperiksaan akhir untuk mendapatkan sijil

PERCUMA DAN PRO

Percuma: kursus pertama, projek berpandu pertama, dua misi, editor langsung dan kuota mentor AI harian. Pro: semua kursus, projek dan misi, peperiksaan sijil, AI tanpa had dan tiada iklan.