Belajar Frontend Development

Pelajari pengembangan web dengan memadukan HTML, CSS dan JavaScript sejak pelajaran pertama. Untuk pengembang Frontend, dari pemula hingga senior.

APA ISINYA

• 41 kursus, 163 pelajaran singkat: A1–C2

• Live code editor: panel HTML, CSS dan JavaScript berdampingan; pratinjau instan di bawahnya pada ponsel

• Templat proyek HTML, React, Vue, Angular, Node atau TypeScript

• 20 proyek bertahap: halaman resep, formulir kontak, grid kartu, navbar, tabel data dan lainnya

• 15 misi debugging bug nyata: tata letak 375px rusak, gambar mengganggu LCP, formulir menghalangi navigasi tab, kebocoran memori komponen, tes lolos secara lokal tetapi gagal di CI

• Ujian akhir dan sertifikat penyelesaian

• 22 bahasa

SATU JALUR, PEMULA HINGGA SENIOR

• Dasar web, HTML, formulir, markup semantik

• Dasar CSS, variabel, transisi, animasi, flexbox, grid

• Desain responsif untuk semua layar

• JavaScript, array, objek, ES6+, DOM, API browser, async

• Alat pengembang, Git, alur kerja tim, modul, alat build

• Dasar TypeScript hingga pola lanjutan

• Dasar React, useEffect, pengambilan data, hook dan pola lanjutan

• Vue 3, Composition API, pola lanjutan

• Manajemen state, REST API, WebSockets, UI real-time

• Rendering sisi server: Next.js, Nuxt 3; aplikasi web progresif (PWA)

• Aksesibilitas, pengujian, performa, keamanan

• Arsitektur CSS, sistem desain, CI/CD, perangkat modern

LATIHAN YANG MELEKAT

• Kuis dan ulasan

• Referensi ringkas: 83 entri sintaks dan pola

• 50 pertanyaan wawancara pengembang Frontend/pengembang web beserta jawaban

• Pustaka contoh kode yang bisa diedit

• Simpan kode, catatan, pelajaran favorit

• Tantangan coding: undang teman lewat kode atau lawan peserta acak

• World Coding Challenge: tiga putaran global setiap hari dalam JavaScript, Python dan bahasa lainnya

• Rentetan hari belajar, XP, papan peringkat, pengingat harian

MENTOR AI

• Tanya AI tentang bug, konsep, error, pelajaran atau kodemu

• Area eksperimen AI: deskripsikan halaman untuk membuat kode

• Gratis: 3 pertanyaan AI per hari; Pro: tanpa batas

UNTUK SIAPA

• Pemula yang ingin menjadi pengembang web

• Pelajar yang berlatih sambil mengikuti kursus pengembangan web

• Desainer yang mewujudkan desainnya

• Pengembang HTML/CSS yang mempelajari JavaScript, TypeScript dan framework

• Orang yang beralih karier dan bersiap menjadi pengembang Frontend untuk pertama kali

CARA KERJANYA

1. Mulai gratis: Selamat Datang di Frontend Development

2. Edit satu panel; lihat pratinjau diperbarui

3. Pelajari JavaScript, tata letak responsif, TypeScript, React, Vue

4. Buat proyek terpandu; atasi bug nyata

5. Lulus ujian akhir untuk memperoleh sertifikat

GRATIS DAN PRO

Gratis: kursus pertama, proyek terpandu pertama, dua misi debugging, code editor, 3 pertanyaan mentor AI per hari; berisi iklan. Pro: semua kursus, proyek dan misi, ujian sertifikat, AI tanpa batas; menghapus iklan.