Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas HTML5 Tailwind CSS: Creating Modern Eye-Catching Website
Kelas Online Gratis
HTML5 Tailwind CSS: Creating Modern Eye-Catching Website
Released date November 2023
Last updated March 2026
Member
1,912 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
-18 lessons (2.88 hours)
Develop Your Skills
Tailwind CSS adalah salah satu framework CSS yang paling popular saat ini dan banyak digunakan oleh frontend dan backend developer dalam mengembangkan website modern dengan layout yang complex dan design style menarik.
Pada kelas online ini kita akan mempelajari membuat website yang dapat digunakan untuk kategori SaaS, Business, Finance, Hosting, dan sebagainya menggunakan HTML5 dan Tailwind CSS.
Alasan utama menggunakan Tailwind CSS dikarenakan mereka telah menyediakan ratusan class name yang dapat membantu kita mempercantik tampilan website tanpa harus menulis ulang kembali script CSS pada projek website.
Seluruh style yang kita butuhkan seperti color, padding, margin, flex, grid, background, dan lainnya (disebut dengan utility) telah disediakan oleh framework Tailwind CSS sehingga kita tinggal pake aja sebebasnya dalam berkreatifitas.
Kita akan belajar meng-convert design website di Figma ke bentuk template HTML5 dan CSS3 menggunakan Tailwind sehingga proses pengerjaan menjadi lebih cepat dan easy to maintain ke depannya nanti apabila ada perubahan gaya design.
Kelas online ini gratis dibuat oleh mentor Angga agar kita bisa belajar juga bagaimana menggunakan Tailwind CSS pada website modern dan mengikuti design trend terbaru untuk memiliki portfolio website developer berkualitas tinggi. Akses kelas online ini seumur hidup sehingga kamu dapat belajar dengan maksimal tanpa harus buru-buru, see you in class.
Key Points
Melakukan convert design Figma ke HTML CSS
Memperdalam utility pada Tailwind CSS
Membuat website eye-catching dan responsive
Meningkatkan perfomance sebuah website
Designed For
UI UX designer yang tertarik belajar Frontend
Frontend atau Backend developer yang ingin perdalam Tailwind
Course Lessons
Learn With Expert
Angga Risky S
Full-Stack Developer
(464.4K)
Irsan Nur Hidayat
Lifetime Learner
Selalu suka kalo Mas Angga yang ngajar. Moga2 makin banyak lagi kelas slicing kayak gini! :) read more
09 Dec 2025
Haris Suaidi Ahmad
Full-Stack Developer
Sangat amat membantu, karena mendetail, juga memberi kesempatan bagi peserta untuk mencoba praktek di bagian yang tidak dilakukan oleh mas Angga sebagai pemateri. Terima kasih.. read more
22 Oct 2025
Arik nurwanto
Lifetime Learner
Penyampaian materi cukup jelas dan mudah dipahami read more
19 Sep 2025
Farhan Rivaldy
Full-Stack Developer
Kelas yang bagus. Penyampaian yang jelas dan mudah dimengerti read more
03 May 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Tailwind CSS
Software
HTML
Software
VSCode
Software
CSS
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
(181)
(22)
Full Stack Laravel 12 & Vue 3 Developer: Website Desa Digital
Rp
2,650,000
Rp
99,000
(1,248)
SC Flutter Laravel Filament Order Coffee Point of Sales Apps
Rp
1,860,000
Rp
70,000
(48)
HTML5 Tailwind CSS: Creating Modern Eye-Catching Website
-
Demo ProjectVideo 5 minutes
-
Download Figma dan Install TailwindVideo 8 minutes
-
Navigation BarVideo 15 minutes
-
Hero SectionVideo 16 minutes
-
Hero Section Part 2Video 7 minutes
-
Feature SectionVideo 11 minutes
-
Feature Section Part 2Video 11 minutes
-
Benefits SectionVideo 9 minutes
-
Showcase SectionVideo 8 minutes
-
UI Showcase AnimationVideo 9 minutes
-
FAQ SectionVideo 13 minutes
-
Call to Action SectionVideo 15 minutes
-
UI Hover AnimationVideo 12 minutes
-
Footer SectionVideo 10 minutes
-
Sitemap LinksVideo 6 minutes
-
Responsive Hero Section Part 1Video 7 minutes
-
Responsive Hero Section Part 2Video 6 minutes
-
Responsive Hero Section Part 3Video 5 minutes
Member
1,912
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
-
Develop Your Skills
Tailwind CSS adalah salah satu framework CSS yang paling popular saat ini dan banyak digunakan oleh frontend dan backend developer dalam mengembangkan website modern dengan layout yang complex dan design style menarik.
Pada kelas online ini kita akan mempelajari membuat website yang dapat digunakan untuk kategori SaaS, Business, Finance, Hosting, dan sebagainya menggunakan HTML5 dan Tailwind CSS.
Alasan utama menggunakan Tailwind CSS dikarenakan mereka telah menyediakan ratusan class name yang dapat membantu kita mempercantik tampilan website tanpa harus menulis ulang kembali script CSS pada projek website.
Seluruh style yang kita butuhkan seperti color, padding, margin, flex, grid, background, dan lainnya (disebut dengan utility) telah disediakan oleh framework Tailwind CSS sehingga kita tinggal pake aja sebebasnya dalam berkreatifitas.
Kita akan belajar meng-convert design website di Figma ke bentuk template HTML5 dan CSS3 menggunakan Tailwind sehingga proses pengerjaan menjadi lebih cepat dan easy to maintain ke depannya nanti apabila ada perubahan gaya design.
Kelas online ini gratis dibuat oleh mentor Angga agar kita bisa belajar juga bagaimana menggunakan Tailwind CSS pada website modern dan mengikuti design trend terbaru untuk memiliki portfolio website developer berkualitas tinggi. Akses kelas online ini seumur hidup sehingga kamu dapat belajar dengan maksimal tanpa harus buru-buru, see you in class.
read more
Learn With Expert
Key Points
-
Melakukan convert design Figma ke HTML CSS
-
Memperdalam utility pada Tailwind CSS
-
Membuat website eye-catching dan responsive
-
Meningkatkan perfomance sebuah website
Created For
-
UI UX designer yang tertarik belajar Frontend
-
Frontend atau Backend developer yang ingin perdalam Tailwind
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
1,912
Happy Students
Happy Students
Irsan Nur Hidayat
Lifetime Learner
Selalu suka kalo Mas Angga yang ngajar. Moga2 makin banyak lagi kelas slicing kayak gini! :)
09 Dec 2025
Haris Suaidi Ahmad
Full-Stack Developer
Sangat amat membantu, karena mendetail, juga memberi kesempatan bagi peserta untuk mencoba praktek di bagian yang tidak dilakukan oleh mas Angga sebagai pemateri. Terima kasih..
22 Oct 2025
arik nurwanto
Lifetime Learner
Penyampaian materi cukup jelas dan mudah dipahami
19 Sep 2025
Hamzah Yusuf
Lifetime Learner
bagus sekali
17 Sep 2025
Hafies Annaba
Lifetime Learner
Baguss dan baik
25 Jun 2025
Farhan Rivaldy
Full-Stack Developer
Kelas yang bagus. Penyampaian yang jelas dan mudah dimengerti
03 May 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.
