Web Programming

Pengenalan Web Programming dan Development Environment

• Konsep dasar Web Programming
• Instalasi dan konfigurasi VirtualBox
• Instalasi Ubuntu Desktop dan Ubuntu Server sebagai mesin virtual
• Pengenalan terminal dan perintah dasar Linux

Dasar-dasar HTML

• Struktur dasar dokumen HTML
• Elemen dan atribut HTML
• Pembuatan halaman web sederhana
• Praktik: Membuat halaman profil pribadi menggunakan HTML

Pengenalan CSS

• Sintaks dan selektor CSS
• Integrasi CSS dengan HTML
• Box model dan tata letak dasar
• Praktik: Mendesain halaman profil dengan CSS

CSS Lanjutan

• Flexbox dan Grid untuk tata letak responsif
• Animasi dan transisi dengan CSS
• Praktik: Membuat galeri foto responsif

Dasar-dasar JavaScript

• Sintaks dasar dan tipe data
• Manipulasi DOM (Document Object Model)
• Praktik: Membuat interaksi sederhana pada halaman web

JavaScript Lanjutan

• Event handling dan validasi form
• Pengenalan AJAX untuk komunikasi asynchronous
• Praktik: Membuat formulir pendaftaran dengan validasi

Pengenalan Backend dengan PHP

• Sintaks dasar PHP dan integrasi dengan HTML
• Pemrosesan form dan manajemen sesi
• Praktik: Membuat halaman login sederhana

Pengelolaan Basis Data dengan MySQL

• Konsep dasar basis data relasional
• Perintah dasar SQL: SELECT, INSERT, UPDATE, DELETE
• Praktik: Membuat dan mengelola tabel pengguna

Integrasi PHP dan MySQL

• Koneksi PHP ke MySQL
• Operasi CRUD (Create, Read, Update, Delete) dengan PHP dan MySQL
• Praktik: Membuat aplikasi manajemen data pengguna

Pengenalan Server Web Apache

• Instalasi dan konfigurasi Apache di Ubuntu Server
• Manajemen virtual host dan konfigurasi dasar
• Praktik: Men-deploy aplikasi web sederhana di server lokal

Keamanan Web Dasar

• Praktik keamanan dalam pengembangan web
• Penanganan input pengguna dan pencegahan serangan umum (XSS, SQL Injection)
• Praktik: Mengamankan formulir login dari serangan dasar

Pengantar RESTful API

• Konsep dan prinsip RESTful API
• Membuat dan mengonsumsi API sederhana dengan PHP
• Praktik: Membuat API untuk manajemen data pengguna

Penggunaan Git dan GitHub dalam Pengembangan Web

• Dasar-dasar sistem kontrol versi dengan Git
• Mengelola repositori dan kolaborasi melalui GitHub
• Praktik: Mengelola proyek web menggunakan Git dan GitHub

Pengenalan Framework Frontend (Contoh: React.js)

• Konsep dasar dan manfaat penggunaan framework frontend
• Membuat komponen dan mengelola state
• Praktik: Membuat aplikasi daftar tugas sederhana dengan React.js

Pengenalan Deployment Aplikasi Web

• Menyiapkan lingkungan produksi di Ubuntu Server
• Proses deployment aplikasi web menggunakan Apache
• Praktik: Men-deploy aplikasi web ke server produksi