0 views
Read
#0
Belajar Tailwind CSS - Pre-Requisites Skill & Setup Environment
Episode pembuka ini memastikan skill dasar dan perangkat lunak yang wajib kalian kuasai sebelum menyentuh Tailwind CSS: HTML semantik, CSS dasar, build tools, Node.js, editor, dan browser. Kalian juga menyiapkan project skeleton serta memverifikasi toolchain build pertama kali.
August 10, 2026
00
Read
#1
Belajar Tailwind CSS - Sejarah, Latar Belakang & Mengapa Membutuhkan Tailwind CSS
Episode ini menelusuri evolusi styling web dari CSS monolith, preprocessor, dan pola arsitektur seperti BEM, hingga lahirnya utility-first CSS. Kalian juga melihat perbandingan Tailwind dengan pendekatan lain, trade-offs-nya, dan studi kasus migrasi komponen dari CSS tradisional ke utility class.
August 10, 2026
00
Read
#2
Belajar Tailwind CSS - Konsep Dasar & Arsitektur Utama
Episode ini membedah cara kerja Tailwind di balik layar: utility generation lewat JIT engine, content scanning, dan struktur tailwind.config.js. Kalian juga belajar direktif inti @tailwind dan @apply, serta plugin resmi pertama yang perlu dikenal.
August 10, 2026
00
Read
#3
Belajar Tailwind CSS - Mulai Cepat — Instalasi & Konfigurasi Dasar
Episode praktik pertama: kalian memasang Tailwind CSS melalui Tailwind CLI, PostCSS plugin, atau integrasi framework, lalu menulis tailwind.config.js minimal dan mengatur content untuk JIT. Kalian juga menjalankan workflow development dengan watch mode.
August 10, 2026
00
Read
#4
Belajar Tailwind CSS - Utility-First Workflow — Kelas Dasar yang Paling Sering Dipakai
Episode ini mengajarkan kelas-kelas Tailwind yang paling sering dipakai sehari-hari: typography, spacing, sizing, display, positioning, flexbox, grid, dan state variants seperti hover, focus, active, serta disabled. Setiap kelompok utility dijelaskan dengan contoh markup langsung.
August 10, 2026
00
Read
#5
Belajar Tailwind CSS - Responsive Design & Breakpoints
Episode ini membedah sistem breakpoint Tailwind: konfigurasi screens, pendekatan mobile-first, serta cara memakai utility per breakpoint dan pola kompleks seperti min- dan max-. Kalian juga belajar praktik terbaik untuk menghindari duplikasi kelas.
August 10, 2026
00
Read
#6
Belajar Tailwind CSS - Dark Mode, Theming & CSS Variables
Episode ini membahas strategi dark mode Tailwind: media versus class beserta kelebihan dan kekurangannya. Kalian juga belajar menyusun tema dengan theme.extend, memakai CSS custom properties untuk dynamic theme switching, serta integrasi dengan prefers-color-scheme dan pertimbangan aksesibilitas.
August 10, 2026
00
Read
#7
Belajar Tailwind CSS - Composing Utilities — @apply, Components, dan Extracting Reusable Patterns
Episode ini membahas kapan memakai @apply dan kapan memakai utility inline, cara membuat component classes di dalam components layer, serta komposisi lanjutan dengan variants dan plugin. Fokusnya adalah pola yang bisa dipakai ulang tanpa mengorbankan fleksibilitas.
August 10, 2026
00
Read
#8
Belajar Tailwind CSS - Tailwind Config Mendalam
Episode ini membedah tailwind.config.js secara penuh: token granular seperti colors, spacing, borderRadius, fonts, dan zIndex, penggunaan presets untuk sharing config antar project, serta safelist untuk menangani kelas dinamis yang tidak terdeteksi oleh JIT engine.
August 10, 2026
00
Read
#9
Belajar Tailwind CSS - Plugins & Extending Tailwind
Episode ini membahas cara menulis plugin custom untuk utility, component, dan variant, lalu memanfaatkan plugin official seperti forms, typography, aspect-ratio, dan line-clamp. Kalian juga dikenalkan pada ecosystem publik Tailwind UI, Headless UI, Heroicons, daisyUI, shadcn/ui, dan class-variance-authority.
August 10, 2026
00