Belajar CSS & Coding

Aplikasi ini membantu Anda belajar CSS di ponsel, mulai dari selektor hingga tata letak responsif, animasi, dan desain web modern. Tiap pelajaran singkat membahas satu topik, dilengkapi editor sekali ketuk dengan HTML dan CSS berdampingan serta pratinjau langsung.

APA ISINYA

• 40 kursus, 159 pelajaran: pemula (A1) hingga mahir (C1)

• CSS editor dengan HTML: pratinjau instan, eksperimen, halaman buatan sendiri

• 20 proyek desain web terpandu: bilah alat, kisi kartu, header melekat, tombol berdenyut

• 20 misi berburu bug: kartu terlalu lebar 42px, media query tidak aktif di ponsel, modal tertutup halaman

• Ujian akhir dan sertifikat penyelesaian

• 22 bahasa

JALUR LENGKAP, DARI PEMULA HINGGA MAHIR

• Sintaks, selektor, warna, latar belakang, tipografi, box model, display, pemosisian, satuan, nilai

• Pseudo-class, pseudo-element, CSS flexbox, CSS grid: dari dasar hingga tata letak tingkat lanjut

• Desain responsif, media query, container query

• Properti kustom (variabel), fungsi, spesifisitas, cascade, @layer

• Transisi, transformasi, animasi keyframe, filter, mode pencampuran

• Mode gelap, skema warna, gulir, overflow, clip-path, bentuk

• Debugging DevTools, arsitektur BEM, Sass, PostCSS, token desain

• Pola komponen dan tata letak modern, performa, Houdini

LATIHAN YANG MELEKAT

• Kuis, panduan ringkas berisi 69 entri, 50 pertanyaan dengan jawaban jelas untuk wawancara pengembang front end atau web

• Pustaka kode yang bisa diedit; simpan kode, catatan, pelajaran favorit

• Tantangan Coding Dunia: tiga putaran global sehari dalam Python, JavaScript, dan bahasa lainnya

• Rangkaian hari aktif, XP, papan peringkat, pengingat harian

MENTOR AI

• Tanya AI tentang konsep, kesalahan, tata letak, properti, atau kode Anda

• Area eksperimen AI membuat HTML dan CSS dari deskripsi halaman

• Kuota AI gratis harian; tanpa batas dengan Pro

UNTUK SIAPA

• Pemula yang belajar CSS untuk pengembangan web

• Desainer yang menata halaman alih-alih menyerahkan mockup

• Pelajar yang berlatih sambil mengikuti kursus desain web

• Pengembang HTML dan CSS yang mempelajari CSS flexbox dan CSS grid

• Orang yang beralih karier dan bersiap bekerja di bidang front end

CARA KERJANYA

1. Mulai belajar CSS gratis: sintaks dan selektor

2. Ubah nilai di editor; lihat pratinjaunya

3. Pelajari box model, flexbox, grid, desain responsif, animasi

4. Buat proyek terpandu; perbaiki bug tata letak

5. Lulus ujian akhir untuk memperoleh sertifikat

GRATIS DAN Pro

Gratis: kursus pertama, proyek terpandu pertama, dua misi, editor dengan pratinjau langsung, dan kuota mentor AI harian. Pro: semua kursus, proyek, dan misi, ujian sertifikat, AI tanpa batas, dan tanpa iklan.