Belajar Tailwind CSS 4 secara detail, lengkap, dan mudah dipahami: konsep utility-first, spacing, warna, tipografi, ukuran, border dan shadow, Flexbox dan Grid, posisi, state (hover, focus, group, peer), desain responsif dan container query, dark mode, transisi dan animasi, arbitrary value, konfigurasi CSS-first (@theme, @utility, @custom-variant, @apply), fitur baru Tailwind 4, membangun komponen nyata (kartu, navbar, pricing, form), integrasi dengan framework, migrasi dari v3, sampai proyek akhir landing page.
Course Online
Belajar bertahap dengan animasi, materi teks, dan latihan interaktif yang dinilai otomatis. Tanpa instalasi, langsung praktik.
Member Paling Rajin
Podium 3 besar, lalu daftar semua peserta aktif (14 orang) dari XP tertinggi: bab yang lulus, quiz, dan course yang ditamatkan.
- 🥇 ipptriLevel 11 17.550 XP
- 🥈 zim j.Level 8 8.090 XP
- 🥉 hifzon h.Level 7 6.550 XP
- 4 Brain M.Level 7 5.800 XP
- 5 heru r.Level 4 2.150 XP
- 6 Fajar E.Level 4 2.050 XP
- 7 Diyari R.Level 4 1.500 XP
- 8 Mujahidin 0.Level 2 300 XP
- 9 Muhammad F.Level 2 300 XP
- 10 Rassya A.Level 2 200 XP
- 11 RikiLevel 2 200 XP
- 12 LALU Y.Level 2 200 XP
- 13 hifzon h.Level 1 100 XP
- 14 Daniel D.Level 1 100 XP
Belajar Svelte 5 secara runtut dan mudah dipahami, dari dasar sampai mahir: markup dan ekspresi, reaktivitas dengan runes ($state, $derived, $effect), event, class dan style dinamis, kondisi dan perulangan, form binding, komponen (props, $bindable, callback, snippet, context), lifecycle, bind:this dan actions, store, state bersama di file .svelte.js, transisi dan animasi, tween dan spring, TypeScript, pengenalan SvelteKit (routing, load, form actions), pola mengambil data, sampai proyek akhir aplikasi Daftar Tugas.
Belajar TypeScript secara sistematis dan mudah dipahami: dari tipe dasar, array & tuple, object, union & literal, function, interface, enum, class, generics, utility types, mapped & conditional types, hingga modul, tsconfig, async/await, penanganan error, dan proyek akhir.
Belajar Vue.js 3 secara runtut dan mudah dipahami: template syntax, reactivity (ref & reactive), binding class/style, event, conditional & list rendering, form v-model, computed, watch, komponen (props, emits, defineModel, slots), lifecycle, template refs, composables, provide/inject, transition, Vue Router, Pinia, pengambilan data, Options API, hingga proyek akhir aplikasi Daftar Tugas.
Belajar Next.js dari nol dengan bahasa sederhana: halaman & routing, Link, layout, rute dinamis, Server vs Client Component, menampilkan data, API, gambar, SEO, styling, hingga deploy.
Belajar React dari nol: JSX, komponen, props, state, hooks, form, fetch data, context, hingga membangun aplikasi To-Do lengkap.
Belajar JavaScript dari nol dengan materi teks yang mudah dipahami, animasi visual, dan latihan coding langsung di browser.