1. Pengantar Pemrograman Web

• Cara kerja website (client, server, browser, request/response)
• Struktur dasar web
• Tools: VS Code, Git, Browser DevTools

2. HTML Dasar

• Struktur dokumen HTML
• Tag dasar: heading, paragraph, link, image, list
• Table & form dasar
• Semantic HTML

3. HTML Lanjutan

• Form input yang lengkap
• Validasi HTML
• Best practices struktur dokumen
• Project mini: Landing Page sederhana

4. CSS Dasar

• CSS syntax, selector, class & ID
• Margin, padding, border
• Warna, background, typography
• Layout dasar menggunakan display & position

5. CSS Lanjutan

• Flexbox & Grid
• Responsive design
• Media queries
• Animation & transition
• Project mini: Halaman responsif modern

6. Bootstrap CSS

• Grid system
• Component (navbar, card, button, alert)
• Responsive utilities
• Custom styling
• Project mini: UI website sederhana menggunakan Bootstrap

7. JavaScript Dasar

• Variable, tipe data, operator
• Function & scope
• DOM manipulation
• Event handling
• Conditional & loop

8. JavaScript Lanjutan

• Array & object
• Fetch API (pengenalan)
• LocalStorage
• Modular JS (basic)
• Project mini: To-Do App / Form interaktif

9. PHP Dasar

• Syntax & struktur bahasa
• Variable, function, array
• Control flow
• Form handling (GET/POST)
• Basic templating

10. Database MySQL

• Install & pengenalan MySQL
• DDL & DML
  • CREATE, SELECT, INSERT, UPDATE, DELETE
• Relasi tabel
• Index, primary key, foreign key

11. PHP + Database

• Koneksi PHP–MySQL (PDO / MySQLi)
• CRUD sederhana
• Basic security: escaping & validation
• Project mini: CRUD sederhana (blog simple / contact manager)

12. Final Project Semester 1

Contoh project:

• Website dinamis menggunakan HTML + CSS + Bootstrap + JS + PHP + MySQL
• Contoh topik: sistem artikel, katalog produk, guestbook, atau sistem booking sederhana