Proyek: Halaman Biodata

Proyek Pertamamu: Kenapa Biodata?

Setelah 40 modul, saatnya berhenti jadi penonton dan mulai jadi pembuat. Proyek halaman biodata ini bukan sekadar tugas: ini portofolio pertamamu. Setiap programmer profesional punya portofolio, dan hampir semuanya memulai dari halaman sederhana tentang diri sendiri. Lima tahun dari sekarang, kamu akan tersenyum melihat betapa sederhananya halaman pertamamu, tapi tanpa halaman ini tidak akan ada halaman kedua.

Kenapa biodata dipilih sebagai proyek pertama? Karena materinya tidak perlu kamu cari: kamu sudah ahli tentang dirimu sendiri. Tidak ada riset, tidak ada data dummy yang membingungkan. Fokusmu murni pada teknik: struktur, semantik, dan kerapian. Ini juga proyek yang hasilnya langsung bisa kamu pamerkan ke teman, keluarga, atau calon klien. Kalimat "ini web bikinan gue sendiri" adalah bahan bakar motivasi yang tidak ternilai harganya untuk perjalanan belajarmu.

Strategi Mengerjakan: Kerangka Dulu, Isi Belakangan

Kesalahan terbesar pemula adalah langsung mengetik semuanya sekaligus lalu pusing sendiri. Programmer profesional bekerja sebaliknya: mereka membuat kerangka dulu, baru mengisi detailnya. Itu sebabnya tantangan modul ini memintamu menulis komentar kerangka sebelum mulai ngoding.

Bayangkan membangun rumah: kamu tidak mengecat dinding sebelum fondasi dan tembok berdiri. Komentar kerangka adalah denah rumahmu. Jangan khawatir kalau rencanamu berubah di tengah jalan, justru itu gunanya kerangka: mengubah denah jauh lebih murah daripada membongkar tembok yang sudah jadi. Daftar 8 bagian yang wajib ada sudah disiapkan di materi: kerangka HTML lengkap, h1 berisi nama lengkapmu (satu saja, ini juga aturan SEO), foto profil dengan alt yang bermakna, paragraf perkenalan memakai strong dan em, list hobi dengan ul, riwayat pendidikan dengan ol, tabel jadwal harian dengan th, link kontak mailto: dan GitHub, plus komentar penanda tiap bagian.

Standar Kualitas yang Dinilai

AI tutor tidak menilai seberapa "canggih" tampilan halamanmu, karena kita memang belum belajar CSS. Yang dinilai adalah fondasi: apakah kerangkamu lengkap dan valid, apakah kamu memakai elemen semantik yang tepat (bukan semuanya dibungkus div), apakah gambar punya alt yang benar-benar menjelaskan isinya, dan apakah kodemu rapi dan berkomentar. Kode yang rapi menunjukkan kamu berpikir seperti programmer, bukan sekadar mengetik.

Satu tips terakhir: jangan mengejar sempurna di percobaan pertama. Selesaikan dulu versi yang memenuhi 8 syarat, minta penilaian AI, baca sarannya baik-baik, lalu perbaiki. Siklus "buat, nilai, perbaiki" inilah cara kerja programmer sungguhan setiap hari. Selamat membangun rumah pertamamu di internet.

Catatan teknis: Simpan file HTML pertamamu baik-baik. Nanti saat kamu belajar CSS dan JavaScript, kamu akan kembali ke file ini untuk mempercantiknya, dan itu adalah momen yang sangat memuaskan.