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
(15 reviews)
Alfatihah rizqullaah
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
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
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
Materinya mantap dan cara penyampaiannya juga mudah dipahami. Terimakasih atas ilmunya. Semoga bermanfaat bagi saya dan juga mentor.
Nur Irwan
materinya oke, mentornya ok.....................................................................................Faiz Ali
Cara mentor mengajar sangat nyaman untuk diikuti, santai dan fun cara menjelaskan nya, semoga ketemu lagi di kelas-kelas lain nya.Mario
Materi yang disampaikan mentornya mudah di mengerti dan cocok untuk saya sebagai pemula. Begitulah kira-kira, isi placeholder saya tulisa ulang ^_^
Gyon Lawu
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 SelaluSaptaji Kurniawan
Cara mentor mengajar sangat nyaman untuk diikuti, santai dan fun cara menjelaskan nya, semoga ketemu lagi di kelas-kelas lain nya.Adya Abdu Azizul Hakim
Sangat mudah dipahami dari kakaknya yg menjelaskan, dan juga saya jadi lebih tahu beberapa trik untuk menggunakan tailwindcss. mantap lah