Membuat website adalah salah satu keterampilan digital paling penting di era modern ini. Bagi kamu mahasiswa Telkom University Jakarta, baik dari jurusan Informatika, Desain Komunikasi Visual, kemampuan membangun website bisa menjadi pondasi penting untuk menunjang tugas, portofolio, hingga karier masa depan.
Namun setelah mempelajari dasar seperti HTML dan CSS, banyak pemula bertanya: “Selanjutnya saya harus belajar apa?” Artikel ini akan membimbing kamu melalui checklist lengkap pembelajaran website secara bertahap dan sistematis.
🎯 Tahap 1: Penguasaan Dasar (Fundamental)
✅ 1. HTML (HyperText Markup Language)
Struktur dasar halaman
Tag umum:
<div>,<p>,<h1>,<img>,<a>, dllFormulir:
<form>,<input>,<textarea>,<button>
🔍 Kenapa penting? HTML adalah “tulang” dari semua website.
✅ 2. CSS (Cascading Style Sheets)
Selektor, class, ID
Properti warna, margin, padding, border, font, dll
Layout dasar: Flexbox dan Grid
Media query untuk desain responsif
🔍 Kenapa penting? CSS membuat website kamu enak dilihat dan nyaman di berbagai perangkat.
✅ 3. Dasar JavaScript
Variabel, kondisi (
if), perulangan (for,while)Fungsi dan event (seperti
onclick)Manipulasi DOM (misalnya mengganti teks/gambar dari script)
🔍 Kenapa penting? JavaScript memberikan interaksi seperti tombol, form dinamis, dll.
🧱 Tahap 2: Praktik Proyek Kecil
✅ 4. Buat Website Portfolio Pribadi
Tampilkan biodata, foto, keterampilan
Link ke media sosial dan proyek lainnya
Tambahkan sedikit JavaScript seperti animasi atau tombol interaktif
✅ 5. Buat Website Tugas Kuliah
Buat landing page untuk laporan tugas atau proyek akhir
Upload ke GitHub Pages untuk bisa diakses online
🔍 Tujuannya? Belajar sambil membangun proyek nyata untuk portofolio.
📈 Tahap 3: Level Menengah
✅ 6. Git & GitHub
Versi kontrol dengan Git
Menyimpan dan berbagi kode dengan GitHub
Buat GitHub Pages untuk menampilkan website kamu secara gratis
🔍 Kenapa penting? Git dan GitHub adalah standar industri untuk kerja tim dan portofolio.
✅ 7. Framework CSS (Opsional)
Bootstrap: framework cepat untuk desain responsif
Tailwind CSS: utility-first CSS yang populer
🔍 Kenapa penting? Mempercepat proses styling dan mendukung praktik UI/UX modern.
✅ 8. JavaScript Lanjutan
Array dan objek
Event listener
Form validation
Fetch API untuk ambil data dari server (misalnya data JSON)
🔥 Tahap 4: Level Lanjutan (Opsional tapi direkomendasikan)
✅ 9. Belajar Frontend Framework
React.js: library frontend paling populer saat ini
Vue.js atau Svelte sebagai alternatif
🔍 Kenapa penting? Framework ini digunakan oleh banyak perusahaan startup dan korporasi.
✅ 10. Belajar Backend (Server-Side)
Dasar Node.js dan Express
Dasar-dasar API dan database (misalnya MongoDB atau MySQL)
Otentikasi pengguna
🔍 Kenapa penting? Untuk membangun website dinamis seperti e-commerce, sistem login, dsb.
📌 Checklist Belajar Website (Print / Simpan)
Berikut checklist ringkas yang bisa kamu simpan:
✅ HTML Dasar
✅ CSS & Layout (Flexbox / Grid)
✅ JavaScript Dasar
✅ Proyek Website Portofolio
✅ Git & GitHub
✅ Desain Responsif (Mobile Friendly)
✅ JavaScript Menengah (Form, Event, DOM)
✅ Bootstrap atau Tailwind CSS
✅ Frontend Framework (React / Vue)
✅ Backend Dasar (Node.js / API / Database)
Belajar membuat website adalah proses bertahap. Tidak perlu terburu-buru menguasai semuanya sekaligus. Yang terpenting adalah konsistensi belajar dan praktik langsung melalui proyek kecil.
Bagi kamu mahasiswa Telkom University Jakarta, mulailah dari dasar, lalu tingkatkan level kemampuanmu dari waktu ke waktu. Dengan mengikuti checklist ini, kamu bisa membangun website yang modern, profesional, dan siap dipakai dalam dunia kerja nyata.
