Skip to content

Open source · Gratis · Bahasa Indonesia & English

Belajar front-end sampai paham cara kerjanya.

Roadmap 20 tahap, ruang praktik langsung di browser, dan toolkit yang bisa di-install. Untuk developer yang ingin lebih dari sekadar bisa memakai framework.

Apa itu fet?
tahap materi
20
fase berurutan
8
package toolkit
3
bahasa
2

Metode

Tiga langkah di setiap tahap

  1. 01

    Pahami konsepnya

    Peta konsep dari dasar sampai deep dive, dengan sumber primer seperti spesifikasi dan source code. Centang yang sudah kamu kuasai.

    Metode belajar
  2. 02

    Praktikkan langsung

    Tulis HTML, CSS, dan JavaScript di Ruang Belajar dan lihat hasilnya seketika. Catatan dan progres tersimpan di akunmu.

    Buka Ruang Belajar
  3. 03

    Jelaskan dengan kata-katamu

    Rekam video penjelasan singkat sebagai bukti belajar, lalu bagikan ke komunitas. Kalau bisa menjelaskan, berarti paham.

    Lihat komunitas

Roadmap

Dari cara kerja internet sampai aplikasi desktop

Setiap tahap dibangun di atas tahap sebelumnya. Mulai dari fase 1, atau lompat ke topik yang kamu butuhkan.

Lihat roadmap lengkap

Toolkit

Package kecil yang lahir dari materi

Tanpa dependensi runtime, teruji, dan source-nya sengaja pendek supaya bisa dibaca sebagai bahan belajar.

  • @chalidade/utilsdebounce, throttle, cx, clamp
  • @chalidade/tokensDesign tokens dan CSS variables, dengan mode gelap
  • @chalidade/react-hooksHooks yang aman untuk SSR
Lihat toolkit
$ pnpm add @chalidade/react-hooks

import { useDebouncedValue } from "@chalidade/react-hooks";

const query = useDebouncedValue(input, 300);

Mulai dari tahap 01 hari ini.

Masuk dengan GitHub atau Google untuk menyimpan progres, catatan, dan kodemu.

MIT License