tutorial web untuk pemula
Belajar web dari nol, pelan tapi paham
Tutorial HTML, CSS, JavaScript dasar, dan Git dasar dalam bahasa Indonesia. Setiap langkah dijelaskan alasannya, setiap contoh kode bisa disalin dan dijalankan, dan setiap tutorial ditutup dengan latihan.
- 16
- tutorial
- 3
- seri belajar
- 30
- istilah di glosarium
Mulai dari sini
Bingung harus membaca yang mana dulu? Ikuti tiga seri ini secara berurutan. Tiap seri punya hasil akhir yang jelas.
-
Langkah 1
Halaman web pertama
5 bagian · sekitar 14 menit baca
- 1 Kerangka HTML pertamamu, baris demi baris
- 2 Judul, daftar, tautan, dan gambar
- 3 CSS pertamamu: warna, huruf, dan jarak
- 4 Tata letak dengan flexbox: menjajarkan tanpa pusing
- 5 Membuat halaman nyaman di ponsel dengan media query
Hasil akhir: Satu halaman profil dengan kepala halaman, kartu, gambar, dan tata letak yang menyesuaikan layar.
-
Langkah 2
JavaScript dari nol
4 bagian · sekitar 10 menit baca
- 1 Variabel dan tipe data: menyimpan nilai di JavaScript
- 2 Kondisi dan perulangan: membuat kode mengambil keputusan
- 3 Fungsi: membungkus langkah agar bisa dipakai ulang
- 4 DOM dan event: membuat tombol yang benar-benar bekerja
Hasil akhir: Halaman dengan penghitung klik, tombol tema, dan sapaan yang berubah saat diketik.
-
Langkah 3
Git untuk pemula
3 bagian · sekitar 8 menit baca
- 1 Commit pertamamu dengan Git
- 2 Cabang dan merge: mencoba hal baru tanpa takut merusak
- 3 Remote, push, dan pull: bekerja bersama lewat repositori daring
Hasil akhir: Repositori dengan riwayat yang rapi, tersimpan daring, dan siap dikerjakan bersama.
Tutorial terbaru
-
Karier Tingkat: Pemula 2 menit baca
Buntu saat ngoding? Cara membaca galat dan bertanya dengan baik
Langkah memeriksa sendiri sebelum bertanya, cara membaca pesan galat, dan templat pertanyaan yang memudahkan orang membantumu.
Bayu Nugraha ·
-
Git Tingkat: Menengah 2 menit baca seri 3/3
Remote, push, dan pull: bekerja bersama lewat repositori daring
Menghubungkan repositori lokal dengan salinan daring, mengirim dan mengambil perubahan, serta alur kerja harian saat berkolaborasi.
Bayu Nugraha ·
-
JavaScript Tingkat: Menengah 4 menit baca seri 4/4
DOM dan event: membuat tombol yang benar-benar bekerja
Menghubungkan JavaScript ke halaman: memilih elemen, mengubah teks, menanggapi klik dan ketikan, serta mengganti kelas CSS.
Laras Wulandari ·
-
HTML & CSS Tingkat: Menengah 4 menit baca
Formulir HTML yang ramah pengguna
Menyusun formulir kontak dengan label yang benar, jenis kolom yang tepat, validasi bawaan peramban, dan gaya fokus yang jelas.
Sekar Anindita ·
-
Git Tingkat: Menengah 2 menit baca seri 2/3
Cabang dan merge: mencoba hal baru tanpa takut merusak
Membuat cabang untuk satu pekerjaan, menggabungkannya kembali ke main, dan menyelesaikan konflik sederhana dengan tenang.
Bayu Nugraha ·
-
Karier Tingkat: Pemula 2 menit baca
Portofolio pertama: tiga proyek kecil yang tuntas
Memilih tiga proyek sederhana untuk portofolio pemula dan menulis penjelasan singkat yang membuat orang paham cara kamu berpikir.
Laras Wulandari ·
Jelajahi per kategori
-
HTML & CSS
Struktur dan tampilan halaman: dari kerangka pertama sampai tata letak yang nyaman di ponsel.
6 tutorial
-
JavaScript
Dasar bahasa pemrograman di peramban: variabel, kondisi, fungsi, lalu membuat halaman bereaksi.
4 tutorial
-
Git & alur kerja
Menyimpan riwayat pekerjaan, bercabang, dan bekerja bersama orang lain tanpa saling menimpa.
3 tutorial
-
Karier pemula
Kebiasaan belajar, portofolio pertama, dan cara bertanya. Tanpa janji muluk, hanya langkah yang bisa dicoba.
3 tutorial
Ditulis oleh tim kecil
Empat orang menulis dan saling menyunting. Setiap contoh kode dijalankan ulang oleh penulis lain sebelum terbit, supaya yang kamu salin benar-benar bekerja.
-
Dimas Prakoso
Penulis HTML & CSS · 4 tutorial
-
Laras Wulandari
Penulis JavaScript · 5 tutorial
-
Bayu Nugraha
Penulis Git & alur kerja · 4 tutorial
-
Sekar Anindita
Penyunting & penulis · 3 tutorial