Web Programming

Pengenalan Web Programming dan Development Environment

• Konsep dasar Web Programming
• Perbandingan Berbagai Bahasa Programan Web
• 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

Dasar-dasar Pengembangan Web Menggunakan Python

• Pengenalan Flask: Membuat Aplikasi Web Sederhana
• Struktur Proyek Flask dan Manajemen Template
• Mengelola Basis Data dengan SQLAlchemy

Dasar-dasar Komunikasi Backend pada Web Python

• Routing dan Metode HTTP dalam Flask
• Mengelola Formulir dan Validasi Input
• Komunikasi Asinkron dengan JavaScript dan Flask

Keamanan Aplikasi Web Python

• Manajemen Autentikasi dan Otorisasi
• Mencegah Serangan Umum pada Aplikasi Web
• Mengamankan API dengan Tokenisasi

Membangun RESTful API Menggunakan Python

• Konsep Dasar RESTful API dan Implementasi dengan Flask
• Dokumentasi API dengan Swagger
• Deployment Aplikasi Flask di Ubuntu 24.04

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