Pemrograman Web 1 adalah mata kuliah fondasi yang mengajarkan cara membangun antarmuka web dari sisi pengguna (Client-Side) menggunakan teknologi standar industri. Di sini, Anda tidak hanya belajar membuat tampilan yang bagus, tetapi juga memahami bagaimana sebuah dokumen digital diinterpretasikan oleh peramban (browser).

Berikut adalah gambaran mendalam mengenai apa yang akan Anda pelajari:

1. Tiga Pilar Utama (The Holy Trinity)
   Dalam mata kuliah ini, kita fokus pada tiga teknologi inti yang menyusun hampir setiap situs web di internet:

• • HTML (HyperText Markup Language): Ini adalah kerangka atau struktur dari sebuah web. Ibarat membangun rumah, HTML adalah fondasi, dinding, dan atapnya. Anda akan belajar tentang elemen, tag, dan atribut.
  • CSS (Cascading Style Sheets): Ini adalah estetika atau desain. CSS menentukan warna cat, jenis lantai, hingga tata letak furnitur agar rumah tersebut indah dipandang dan nyaman dihuni.
  • JavaScript (Basic): Ini adalah perilaku atau interaksi. JavaScript memberikan "nyawa" pada web, seperti pintu yang terbuka otomatis atau tombol yang berubah warna saat diklik.

      2. Silabus dan Materi Pembelajaran
          Selama satu semester, kita akan menempuh perjalanan dari nol hingga mahir membuat landing page:

          A. Fundamental HTML5

• • Struktur dokumen HTML modern.
  • Bekerja dengan teks, tautan (links), dan gambar.
  • Membuat tabel dan formulir (forms) untuk input data pengguna.
  • Elemen semantik (seperti <header>, <footer>, <article>) untuk SEO yang lebih baik.

          B. Styling dengan CSS3

• • Selector, Box Model (Margin, Border, Padding).
  • Pewarnaan, Tipografi, dan Background.
  • Layouting: Belajar teknik modern seperti Flexbox dan CSS Grid.
  • Responsive Web Design: Membuat web yang tampil sempurna baik di laptop maupun di ponsel pintar (menggunakan Media Queries).

          C. Dasar Interaktivitas (JavaScript)

• • Variabel, tipe data, dan operasi logika.
  • Manipulasi DOM (Document Object Model): Cara mengubah isi HTML melalui kode JavaScript.
  • Event Handling: Menangani klik tombol atau pengiriman formulir.

     3. Mengapa Mata Kuliah Ini Sangat Krusial?

• • Kesiapan Kerja: Keahlian Front-End adalah salah satu posisi yang paling banyak dicari di perusahaan teknologi.
  • Visual & Instan: Berbeda dengan Kalkulus atau Arkom yang abstrak, di sini Anda menulis kode dan langsung melihat hasilnya di layar. Ini sangat bagus untuk membangun kepercayaan diri mahasiswa baru.
  • Dasar untuk Web 2: Tanpa memahami Pemrograman Web 1, Anda akan kesulitan saat nanti masuk ke Pemrograman Web 2 (yang membahas Backend/Database) atau framework modern seperti React, Vue, atau Angular.

     4. Peralatan (Tools) yang Kita Gunakan

• • Code Editor: Visual Studio Code (Standar Industri).
  • Web Browser: Google Chrome atau Firefox (dengan fitur Inspect Element).
  • Version Control: Dasar-dasar Git untuk menyimpan progres kode Anda.

Dan Seterusnya....