Web Programming

From OnnoWiki
Jump to navigation Jump to search


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.
  • Model kotak (*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.