CSS Framework dengan Tailwind CSS

Styling halaman langsung dari class di HTML, tanpa bolak-balik ke file CSS terpisah.

Deskripsi

Course lanjutan setelah kamu paham CSS dasar. Mulai dari cara kerja utility class, spacing, warna, layout flex dan grid, sampai responsive design dan dark mode. Modul terakhir masuk ke proyek beneran: memasang Tailwind lewat CLI, bikin warna dan font sendiri pakai @theme, dan menangani class yang berulang. Semua contoh pakai editor langsung di halaman, jadi kamu bisa ubah class-nya sendiri dan lihat hasilnya berubah saat itu juga.

Kurikulum

Dasar Tailwind: Bekerja dengan Utility Class

○Cara Kerja Tailwind dan Utility Class15 menit

○Spacing, Ukuran, dan Warna20 menit

○Teks, Border, dan Shadow15 menit

Layout dan Responsive

○Flexbox dan Grid di Tailwind20 menit

○Responsive dengan Prefix Breakpoint20 menit

○Hover, Focus, dan Dark Mode20 menit

Tailwind di Proyek Nyata

○Memasang Tailwind Lewat CLI20 menit

○Bikin Warna dan Font Sendiri dengan @theme20 menit

○Menangani Class yang Berulang20 menit