Kursus ini dirancang untuk membantu kamu memahami hal-hal penting dan fundamental dari Tailwind CSS versi 4. Di sini, kamu akan belajar konsep-konsep dasar yang biasanya digunakan dalam pengembangan antarmuka modern, mulai dari cara kerja utility-first, penggunaan state seperti hover dan focus, hingga penerapan responsive design dan dark mode.
Setiap bab disusun agar relevan dengan kebutuhan nyata saat membuat proyek. Kamu juga akan mempelajari cara mengatur style yang bisa digunakan ulang, membuat custom utility, serta menyesuaikan konfigurasi agar sesuai dengan kebutuhan proyekmu.
Sebagai penutup, kamu akan membangun sebuah personal web bergaya minimal dengan tampilan responsif dan dua mode warna: gelap dan terang. Proyek ini bisa kamu jadikan latihan nyata sekaligus portofolio dalam mengimplementasikan Tailwind untuk kebutuhan sehari-hari.
Apa yang akan kamu pelajari
Memahami cara kerja konsep utility-first
Mengelola state seperti hover dan focus
Menerapkan desain yang responsif
Menerapkan desain dalam dua mode warna: gelap dan terang
Memahami fitur baru seperti arbitrary values, arbitrary properties, dan arbitrary variants
Membuat dan menggunakan style kustom
Menyesuaikan konfigurasi Tailwind agar sesuai dengan kebutuhan proyek
Membangun personal web bergaya minimal yang mendukung dua mode (gelap dan terang)