Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas CSS Tailwind Web Design
Kelas Online Gratis
CSS Tailwind Web Design
Released date June 2022
Last updated March 2026
Member
14,532 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
-13 lessons (39 mins)
Develop Your Skills
Tailwind css adalah sebuah framework css yang sedang hype di kalangan web developer. Tidak seperti kebanyakan framework css lainnya, tailwindcss tidak terlalu banyak ikut campur dalam penamaan class cssnya yang memungkinkan kita untuk mencopot dan memasang setiap class pada tiap komponen sesuai kebutuhan, atau istilah kerennya utility based class.
Key Points
Memahami konsep dasar Tailwind CSS yang berfokus pada utility classes dan perbedaannya dengan framework berbasis komponen seperti Bootstrap.
Membangun desain dari nol dengan menggabungkan kelas-kelas kecil untuk mengatur warna, ukuran, spacing (padding, margin), tipografi, dan lainnya.
Mengaplikasikan semua konsep untuk membangun sebuah halaman web modern, seperti halaman single product.
Menerapkan pendekatan mobile-first dan menggunakan breakpoint variants (misalnya md:, lg:) untuk membuat desain yang fully-responsive.
Designed For
Freelance atau developer yang fokus pada proyek cepat jadi
Frontend developer pemula maupun menengah
Pemula yang ingin belajar desain
Course Lessons
Learn With Expert
Yein Narayana
Full-Stack Developer
(60K)
Nur salim
Full-Stack Developer
Materi dasar yang bagus untuk pemula seperti saya read more
13 Jan 2026
Roscha Dev
Full-Stack Developer
Already good for introduction, even though the sound a little bit small. Thank you read more
07 Jan 2026
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Visual Studio Code
Software
Node JS
Software
Figma
Software
Tailwind CSS
Software
HTML
Software
#Starter
Start to Invest 100%
Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan
yang
baru di bidang IT
Basic - Rp 0
Akses dan pelajari kelas Starter secara gratis tanpa sertifikat
Bayar 0 rupiah
Akses kelas selamanya
Plus - Rp 50,000
Unlock benefit lainnya yang bisa
didapatkan di kelas
Starter
Sekali bayar saja
Akses kelas selamanya
Sertifikat kelas
.png)
(85)
Master WordPress Quickly: Speed Optimization
Rp 400,000
(369)
Source Code Learning Management System Full-Stack MERN
Rp
400,000
Rp
128,000
(3)
QA Engineer: API Testing with Cypress
Rp 550,000
(393)
CSS Tailwind Web Design
-
IntroductionVideo 3 minutes
-
Tools requiredVideo 3 minutes
-
SetupVideo 3 minutes
-
Button exampleVideo 3 minutes
-
Button part 2Video 3 minutes
-
Setup gridVideo 3 minutes
-
Cards exampleVideo 3 minutes
-
Responsive gridVideo 3 minutes
-
Watch buildVideo 3 minutes
-
More configsVideo 3 minutes
-
Navbar exampleVideo 3 minutes
-
Hero exampleVideo 3 minutes
-
What's nextVideo 3 minutes
Member
14,532
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
-
Develop Your Skills
Tailwind css adalah sebuah framework css yang sedang hype di kalangan web developer. Tidak seperti kebanyakan framework css lainnya, tailwindcss tidak terlalu banyak ikut campur dalam penamaan class cssnya yang memungkinkan kita untuk mencopot dan memasang setiap class pada tiap komponen sesuai kebutuhan, atau istilah kerennya utility based class.
read more
Learn With Expert
Key Points
-
Memahami konsep dasar Tailwind CSS yang berfokus pada utility classes dan perbedaannya dengan framework berbasis komponen seperti Bootstrap.
-
Membangun desain dari nol dengan menggabungkan kelas-kelas kecil untuk mengatur warna, ukuran, spacing (padding, margin), tipografi, dan lainnya.
-
Mengaplikasikan semua konsep untuk membangun sebuah halaman web modern, seperti halaman single product.
-
Menerapkan pendekatan mobile-first dan menggunakan breakpoint variants (misalnya md:, lg:) untuk membuat desain yang fully-responsive.
Created For
-
Freelance atau developer yang fokus pada proyek cepat jadi
-
Frontend developer pemula maupun menengah
-
Pemula yang ingin belajar desain
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
14,532
Happy Students
Happy Students
Hansen Jonatan
Full-Stack Developer
Materi mudah dipahami
01 Mar 2026
nur salim
Full-Stack Developer
Materi dasar yang bagus untuk pemula seperti saya
13 Jan 2026
Roscha Dev
Full-Stack Developer
Already good for introduction, even though the sound a little bit small. Thank you
07 Jan 2026
Muhammad Rayyan Imani
UI Designer
Materinya daging
05 Jan 2026
Edward Marshal
Lifetime Learner
Ketik pesan ...
27 Dec 2025
Mustafa Kemal
Front-End Developer
Sangat baik
20 Dec 2025
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
