Materi disusun dari dasar menuju praktik. Mulai dari HTML dan CSS, lanjut ke Tailwind CSS, kemudian masuk ke layouting dan styling komponen agar pembelajaran berjalan bertahap dan mudah diikuti.
Silabus Publik
Anda sedang melihat silabus publik. Untuk masuk ke isi materi, lab, atau evaluasi, silakan login terlebih dahulu lalu masukkan token kelas.
Total Progress
Dasar HTML, CSS, dan Tailwind CSS
Bangun fondasi dari struktur HTML dan CSS, konsep utility-first, penggunaan CDN, instalasi, sampai konfigurasi dasar Tailwind CSS.
Ruang, Flexbox, Grid, dan Responsif
Pelajari cara mengatur ruang, menyusun elemen dengan Flexbox, membuat Grid, dan menyesuaikan tampilan pada berbagai ukuran layar.
Tipografi, Warna, Border, dan Efek Visual
Perkuat tampilan antarmuka melalui tipografi, warna dan latar belakang, border, radius, bayangan, dan efek visual sederhana.
Tiga buku PDF berikut tersedia sebagai bahan pendukung pembelajaran. Pilih Buka PDF untuk membaca dokumen pada tab baru.
Buku Referensi
Flexible Styling Without the Fuss
Noel Rappin · 2021
Membahas utility-first, tipografi, layout, animasi, desain responsif, dan konfigurasi Tailwind CSS.
Buku Referensi
Craft Beautiful, Flexible, and Responsive Designs
Ivaylo Gerchev · 2022
Rujukan untuk memahami utility class, desain responsif, design system, dan penerapan Tailwind CSS dalam antarmuka web.
Buku Referensi
Build Sleek and Modern Websites with Immersive UIs
Kartik Bhat · 2023
Buku pendamping untuk HTML, CSS, konfigurasi Tailwind, layout, styling komponen, praktik pengembangan web, dan best practice.