Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Source Code HTML, Tailwind CSS & Figma Web Home Service
Kelas Online
Source Code HTML, Tailwind CSS & Figma Web Home Service
Released date September 2025
Last updated March 2026
Member
33 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
2 lessons (5 mins)
Develop Your Skills
Ini bukan sekadar source code biasa, tapi paket lengkap untuk kamu yang mau sekaligus belajar langsung dengan proyek Figma-nya. Di dalamnya, kamu akan dapat source code siap pakai plus file Figma originalnya. Jadi, kamu bisa langsung pelajari, kustomisasi sesuka hati, atau monetisasi dengan menjualnya ke klien.
Kode proyek ini dibuat dengan pendekatan mobile first design yang modern dan responsif. Menggunakan teknologi terbaik seperti HTML, Tailwind CSS, dan Javascript dengan bantuan library jQuery dan Swipper JS untuk performa optimal. Project ini adalah best practice Tailwind CSS, di mana kamu bisa belajar berbagai teknik canggih, mulai dari utility konsisten, aturan desain mobile, hingga cara menampilkan gambar sesuai kondisi letaknya.
Lebih dari itu, kamu juga akan menguasai cara membangun struktur HTML yang rapi dan benar. Proyek ini mencakup halaman esensial seperti home, detail, checkout, input form, dan cek booking. Semuanya dirancang untuk memberikan pengalaman belajar yang komprehensif.
Project ini sangat cocok buat kamu yang ingin mendalami struktur HTML, menguasai Tailwind CSS, dan memahami logika Javascript yang kuat, termasuk cara mengintegrasikan library pihak ketiga seperti jQuery. Singkatnya, ini adalah fondasi sempurna untuk membangun produk digital profesional yang bisa kamu modifikasi dan jual kembali.
Key Points
Best Practice Struktur HTML.
Slicing Tailwind CSS rapi dan scalable karena banyak utiltiy konsisten tiap page.
Menerapkan Mobile First Design sehingga tinggal melanjutkan peningkatan lebar layar Tablet ke atas.
Designed For
Front End Developer pemula hingga menengah yang ingin belajar membangun tampilan UI Dari Figma.
Front End Developer yang ingin mengintegrasikan ke proyek yang sudah ada sebelumnya.
Mahasiswa atau siswa yang memiliki tugas yang berkaitan dengan Front End Development.
Siapapun yang ingin lebih suka eksplor daripada penjelasan dari mentor.
Course Lessons
Learn With Expert
Tegar Fauzan Firdaus
HTML, CSS, Tailwind CSS, JavaScript, Git, Node JS
(252)
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Node JS
Software
Figma
Software
Tailwind CSS
Software
JavaScript
Software
HTML
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 400,000
Rp 55,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
Recommended for You
Full-Stack Golang Next JS: Blog Portal News
Rp 690,000
(549)
Full Stack Flutter Golang: Task Management
Rp 890,000
(196)
Source Code HTML, Tailwind CSS & Figma Web Home Service
Rp
400,000
Rp
55,000
(33)
Ebook Laravel 12 Bikin Web Manajemen Gudang dan Point of Sale
Rp
690,000
Rp
179,000
(28)
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.
Source Code HTML, Tailwind CSS & Figma Web Home Service
-
Cara Mengakses Template Design FigmaVideo 2 minutes -
Cara Mengakses Source CodeVideo 3 minutes
Member
33
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Ini bukan sekadar source code biasa, tapi paket lengkap untuk kamu yang mau sekaligus belajar langsung dengan proyek Figma-nya. Di dalamnya, kamu akan dapat source code siap pakai plus file Figma originalnya. Jadi, kamu bisa langsung pelajari, kustomisasi sesuka hati, atau monetisasi dengan menjualnya ke klien.
Kode proyek ini dibuat dengan pendekatan mobile first design yang modern dan responsif. Menggunakan teknologi terbaik seperti HTML, Tailwind CSS, dan Javascript dengan bantuan library jQuery dan Swipper JS untuk performa optimal. Project ini adalah best practice Tailwind CSS, di mana kamu bisa belajar berbagai teknik canggih, mulai dari utility konsisten, aturan desain mobile, hingga cara menampilkan gambar sesuai kondisi letaknya.
Lebih dari itu, kamu juga akan menguasai cara membangun struktur HTML yang rapi dan benar. Proyek ini mencakup halaman esensial seperti home, detail, checkout, input form, dan cek booking. Semuanya dirancang untuk memberikan pengalaman belajar yang komprehensif.
Project ini sangat cocok buat kamu yang ingin mendalami struktur HTML, menguasai Tailwind CSS, dan memahami logika Javascript yang kuat, termasuk cara mengintegrasikan library pihak ketiga seperti jQuery. Singkatnya, ini adalah fondasi sempurna untuk membangun produk digital profesional yang bisa kamu modifikasi dan jual kembali.
read more
Learn With Expert
Key Points
-
Best Practice Struktur HTML.
-
Slicing Tailwind CSS rapi dan scalable karena banyak utiltiy konsisten tiap page.
-
Menerapkan Mobile First Design sehingga tinggal melanjutkan peningkatan lebar layar Tablet ke atas.
Created For
-
Front End Developer pemula hingga menengah yang ingin belajar membangun tampilan UI Dari Figma.
-
Front End Developer yang ingin mengintegrasikan ke proyek yang sudah ada sebelumnya.
-
Mahasiswa atau siswa yang memiliki tugas yang berkaitan dengan Front End Development.
-
Siapapun yang ingin lebih suka eksplor daripada penjelasan dari mentor.
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
33
Happy Students
Happy Students
Afdal hornop martondi
Lifetime Learner
Bagus sekali
30 Dec 2025
Riska aulya
Lifetime Learner
sangat membantu saya dalam belajar kelas ini
06 Dec 2025
Christian Oliver A
Full-Stack Developer
semoga source code nya bisa bermanfaat untuk saya dalam mempelajari ui/ux atau web design
29 Sep 2025
Tegar Fauzan Firdaus
Mentor
Terimakasih kak, semoga bermanfaat ya🙏🏻😇
La Ode Muhammad Nur
Lifetime Learner
Sangat memuaskan, semoga bermanfaat ilmunya
30 Sep 2025
Tegar Fauzan Firdaus
Mentor
Terimakasih kak, semoga bermanfaat ya🙏🏻😇
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.
Rp 55,000
Rp 400,000
