Skill web developer: dari HTML pertama sampai memanggil API
Di KelasGratis, calon web developer belajar gratis dari halaman HTML pertama sampai tata letak responsif dengan Flexbox dan Grid, JavaScript, TypeScript, dan memanggil API web lewat HTTP. Alat kerjanya ikut dilatih: terminal, Git dan GitHub, serta aksesibilitas menurut WCAG 2.2. Setiap latihan kode dijalankan di browser dan diperiksa dengan test yang terlihat.
Mulai kelas pertamaTugas nyata dan pelajaran yang mengajarkannya
Tiap baris membuka pelajarannya. Masuk dengan akun gratis untuk mengerjakan latihannya.
- Menyusun kerangka halaman dengan elemen semantikElemen semantik: header, nav, main, footer · Bangun Halaman Web Pertamamu
- Membuat halaman yang tetap rapi di layar HP dengan media queryMedia query dan mobile-first · CSS Tata Letak dan Responsif
- Menanggapi klik tombol di halaman dengan JavaScriptMenanggapi klik dengan addEventListener · JavaScript dari Nol
- Memberi tipe pada data objek dengan interface TypeScriptBentuk objek dengan interface · TypeScript Dasar
- Mengambil beberapa data sekaligus dengan async, await, dan Promise.allasync, await, try/catch, dan Promise.all · JavaScript Lanjutan
- Membaca kode status respons API untuk mencari sumber galatKode status respons · HTTP dan API Web
- Menyelesaikan konflik merge di GitMenyelesaikan konflik merge · Git dan GitHub Dasar
- Memastikan halaman bisa dipakai hanya dengan papan ketikNavigasi papan ketik dan fokus · Aksesibilitas Web
Kelas yang disarankan, berurutan
- 1Bangun Halaman Web Pertamamu14 pelajaran · ±188 menit · Pemula
- 2CSS Tata Letak dan Responsif16 pelajaran · ±243 menit · Pemula
- 3JavaScript dari Nol22 pelajaran · ±304 menit · Pemula
- 4TypeScript Dasar16 pelajaran · ±225 menit · Pemula
- 5JavaScript Lanjutan22 pelajaran · ±325 menit · Menengah
- 6HTTP dan API Web16 pelajaran · ±224 menit · Menengah
- 7Git dan GitHub Dasar22 pelajaran · ±296 menit · Pemula
- 8Terminal Dasar12 pelajaran · ±168 menit · Pemula
- 9Aksesibilitas Web16 pelajaran · ±235 menit · Menengah
- 10Algoritma & Pemecahan Masalah16 pelajaran · ±229 menit · Pemula
- 11Membaca Pesan Error & Debugging16 pelajaran · ±224 menit · Pemula
- 12Regex untuk Mencari Teks14 pelajaran · ±203 menit · Pemula
Jalur belajar
Panduan
Alat gratis tanpa login
- JSON Formatter dan ValidatorRapikan dan validasi JSON: galat ditunjuk baris dan kolomnya, JSON longgar diperbaiki otomatis, dan tampilan pohon menunjukkan jalur tiap nilai.
- Pemeriksa Kontras Warna WCAGCek rasio kontras warna teks dan latar menurut WCAG 2.2, dapatkan warna terdekat yang lolos AA/AAA, dan simulasikan tampilan bagi penyandang buta warna.
- Regex Playground: Uji Ekspresi RegulerUji regex dengan kecocokan disorot, penjelasan pola dalam bahasa Indonesia, pustaka pola (HP, NIK, NPWP), dan kode untuk JavaScript, Python, dan Sheets.
- Encode dan Decode URL dan Base64Encode dan decode URL, Base64 (termasuk aman-URL), dan entitas HTML, urai URL panjang jadi tabel parameter, dan ubah berkas kecil jadi data URI.
- Kompres Gambar JPG, PNG, dan WebP OnlineKompres banyak gambar sekaligus ke WebP, JPG, atau PNG dengan kualitas atau target ukuran berkas, bandingkan sebelum-sesudah, dan unduh dalam ZIP.
Pertanyaan yang sering muncul
Apakah kelas web di sini mengajarkan React, Vue, atau framework lain?
Belum. Kelas web di KelasGratis berhenti di HTML, CSS, JavaScript, TypeScript, dan HTTP. Framework seperti React atau Vue, serta pemrograman sisi server, belum punya kelas; dasar yang dipelajari di sini tetap dipakai di framework mana pun.
Perlu menginstal editor atau Node.js dulu?
Tidak. Editor, pratinjau, pelaksana JavaScript, dan pemeriksa tipe TypeScript berjalan di browser. Terminal dan Git juga dilatih di simulator di dalam browser, jadi tidak ada yang perlu dipasang di komputermu.
Urutan belajarnya bagaimana?
Jalur Web Developer Pemula menyusunnya: HTML dan CSS, tata letak responsif, JavaScript dari Nol, TypeScript, JavaScript Lanjutan, HTTP dan API, lalu aksesibilitas. Jalur Alat Kerja Developer menambahkan terminal, Git, Markdown, dan regex.
Apakah aksesibilitas perlu dipelajari sejak awal?
Kelas Aksesibilitas Web berlevel menengah dan memakai HTML serta CSS dari kelas awal. Isinya mengikuti WCAG 2.2 tingkat AA: struktur semantik, teks alternatif, kontras, navigasi papan ketik, formulir, dan cara mengujinya.
Diperbarui 30 Sep 2026.