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>, dll -
Formulir:
<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.
