Pengembangan Web

Prinsip Dasar Internet

Prinsip Dasar Pemrograman Web

HTML Basic (Text Formating, Links, HTML Frames)

HMTL Images, Background, Colors, Table, List

CSS (Cascading Style Sheet)

HTML Forms

Java Script

PHP (Prinsip Kerja, Tipe Data, Flow Control)

PHP Function

Database MySQL

Web Dinamik dengan PHP-MySQL

MVC dan OOP dalam PHP

Pengenalan Web dan Pengantar Pengembangan Web
- Apa itu website, front-end vs back-end, tools
- Sejarah, peran web dalam pendidikan, struktur web
- Pengenalan HTML
- Webpage dengan  HTML
Diskusi: "Web yang sering digunakan"
Refleksi: "Web dalam Dunia Pendidikan"

HTML Dasar
Tag dasar, struktur HTML, heading, paragraf, gambar
Elemen, struktur, form, tag semantik
Buat biodata pribadi
Buat halaman profil guru

HTML Lanjutan
Tabel, form, link, embed video, tag semantik
Halaman pendaftaran event 

CSS Dasar
Warna, font, margin, padding, selector
Warna, layout, selector, class/id, box model
Styling halaman profil
Styling halaman biodata

CSS Lanjutan & Responsif
Box model, flexbox sederhana, class & ID
Flexbox, Grid, Media Query
Halaman galeri sederhana
Buat halaman responsif

JavaScript Dasar
Variabel, alert, event click, DOM manipulation
Variabel, function, event, DOM
Buat tombol interaktif
Interaktivitas sederhana

JavaScript untuk Edukasi
Quis interaktif, validasi form, timer
Form validation, interaksi lebih kompleks
Validasi form pendaftaran

Pengenalan Hosting
GitHub Pages / Netlify / Google Sites
Publikasikan proyek 

Version control
Git & GitHub, kolaborasi, hosting GitHub Pages
Upload proyek pertama

Framework CSS: Tailwind
Utility-first, layout cepat, responsive utilities
Redesign dengan Tailwind

Project Mini Edu-Web
Rencana web edukasi: materi atau latihan interaktif
Proposal proyek mini

Backend Dasar (Opsional/Simple)
Konsep server, form submission, Express.js ringan
Simpan data sederhana

Hosting dan Deployment
Netlify, GitHub Pages, tips deployment untuk guru
Website online siap digunakan