Membuat Website E-Wallet dengan Tailwind - Slicing
Kelas Membangun Website statis dengan Tailwind. Kelas ini menuntun teman-teman dalam kegiatan mengkonversi template Figma ke dalam HTML CSS. Cocok untuk menambah pengetahuan bagaimana caranya membuat template berbasis Industri dari 0.
Tentang Kelas
Kelas Membangun Website statis dengan Tailwind. Kelas ini menuntun teman-teman dalam kegiatan mengkonversi template Figma ke dalam HTML CSS.
Cocok untuk menambah pengetahuan bagaimana caranya membuat template berbasis Industri dari 0.
Pada akhirnya template pada kelas ini akan dimanfaatkan dalam Course selanjutnya, di Kelas Laravel 11. Template akan kita hidupkan jadi nyata! Berwujud aplikasi utuh. Mari belajar bersama!.
Download Template (Figma Kusaku): https://www.figma.com/design/acomQC91mOUmQ88uke2ZzC/KUSAKU-TAILWIND?m=auto&t=j7WlieLQOg3DtfiL-6
Download Kode Sumber (Github UI Kusaku) : https://github.com/joesoeph/kusaku-ui
Daftar Materi
| Pendahuluan | 02:53 | |
| Setup Awal | 17:01 | |
| Custom Style | 05:56 | |
| Component - App Bar | 08:15 | |
| Component - Nav Bar | 09:37 | |
| Component - Button | 17:53 | |
| Component - Input Text | 21:03 | |
| Component - Card List Item | 21:22 | |
| Page - Splash | 07:16 | |
| Page - Auth | 06:07 | |
| Page - Dashboard | 18:52 | |
| Page - Transaction Status | 16:24 | |
| Page - Transaction History | 06:54 | |
| Page - Account | 09:08 | |
| Page - Account Settings | 13:46 | |
| Page - Withdrawal | 08:15 | |
| Show Hide Balance | 07:00 | |
| Modal Top Up | 22:24 | |
| Modal Transfer | 35:31 | |
| Penutup | 02:41 |
Penyusun Materi
Yusuf Fazeri
Mentor di KelasFullstack, Former Fullstack Developer di KaryaKarsa, Former Web Programmer di Karya Empat Lima. Menyukai dunia Web Developer Sejak 2012. Telah membangun berbagai aplikasi FullStack rumit, salah satunya ERP.
Testimoni Oleh Siswa
(16 reviews)
Jeremiah Andrew Lengkong
Sabtu, 8 Agustus 2026 pukul 14.54
Materi di kelas ini sangat bagus dan alurnya mudah diikuti, terutama bagi pemula seperti saya. Tantangan kecilnya hanya ada pada penyesuaian versi Tailwind CSS, karena materi kelas menggunakan Tailwind v3 sedangkan saat ini sudah rilis v4. Namun secara keseluruhan, kelas ini tetap sangat bermanfaat!
Alfatihah rizqullaah
Rabu, 12 November 2025 pukul 03.42
Untuk materiny sangat mudah dipahami. Hanya saja saya masih sangat kesulitan untuk penginstallan dari tailwind 3 menjadi tailwind 4, karena untuk materiny menggunakkan tailwind 3. Terima kasih.
Yudha aris kristanto
Minggu, 21 September 2025 pukul 06.08
Materinya sangat menarik dan menantang, saya juga sering bingung karena terlalu banyak kode. Tapi, akhirnya berhasil juga selesai. Terima kasih mentor atas ilmunya :D
Galuh Pratama
Sabtu, 16 Agustus 2025 pukul 17.20
Materi yang disampaikan sangat baik dan berbobot, sangat bermanfaat untuk meningkatkan dan mengeksplor kemampuan untuk lebih baik. Terimakasih untuk Mentor yang senantiasa selalu membagi ilmunya, semoga berkah ilmunya. aamiin
Kholid Irfangi
Selasa, 17 Juni 2025 pukul 14.07
Materinya mantap dan cara penyampaiannya juga mudah dipahami. Terimakasih atas ilmunya. Semoga bermanfaat bagi saya dan juga mentor.
Nur Irwan
Minggu, 1 Juni 2025 pukul 07.02
materinya oke, mentornya ok.....................................................................................
Faiz Ali
Minggu, 25 Mei 2025 pukul 18.52
Cara mentor mengajar sangat nyaman untuk diikuti, santai dan fun cara menjelaskan nya, semoga ketemu lagi di kelas-kelas lain nya.
Mario
Selasa, 29 April 2025 pukul 08.58
Materi yang disampaikan mentornya mudah di mengerti dan cocok untuk saya sebagai pemula. Begitulah kira-kira, isi placeholder saya tulisa ulang ^_^
Gyon Lawu
Sabtu, 19 April 2025 pukul 03.00
Materinya Kereeen banget, Penjelsan Kakak Mentor mudah di pahami dan di praktekkan dalam membuat coding, jadi bertambah semangat belajar lagi, Terima Kasih Kakak Mentor, Sukses Selalu
Saptaji Kurniawan
Senin, 7 April 2025 pukul 19.00
Cara mentor mengajar sangat nyaman untuk diikuti, santai dan fun cara menjelaskan nya, semoga ketemu lagi di kelas-kelas lain nya.