Difference between revisions of "Web Programming"

From OnnoWiki
Jump to navigation Jump to search
(Created page with " ==Pertemuan 1: Pengenalan Web Programming dan Development Environment== * Konsep dasar Web Programming. * Instalasi dan konfigurasi VirtualBox. * Instalasi Ubuntu Desktop d...")
 
Line 2: Line 2:
  
  
−
==Pertemuan 1: Pengenalan Web Programming dan Development Environment==
+
==Pengenalan Web Programming dan Development Environment==
 
* Konsep dasar Web Programming.
 
* Konsep dasar Web Programming.
 
* Instalasi dan konfigurasi VirtualBox.
 
* Instalasi dan konfigurasi VirtualBox.
Line 8: Line 8:
 
* Pengenalan terminal dan perintah dasar Linux.
 
* Pengenalan terminal dan perintah dasar Linux.
  
−
==Pertemuan 2: Dasar-dasar HTML==
+
==Dasar-dasar HTML==
 
* Struktur dasar dokumen HTML.
 
* Struktur dasar dokumen HTML.
 
* Elemen dan atribut HTML.
 
* Elemen dan atribut HTML.
Line 14: Line 14:
 
* Praktik: Membuat halaman profil pribadi menggunakan HTML.
 
* Praktik: Membuat halaman profil pribadi menggunakan HTML.
  
−
==Pertemuan 3: Pengenalan CSS==
+
==Pengenalan CSS==
 
* Sintaks dan selektor CSS.
 
* Sintaks dan selektor CSS.
 
* Integrasi CSS dengan HTML.
 
* Integrasi CSS dengan HTML.
Line 20: Line 20:
 
* Praktik: Mendesain halaman profil dengan CSS.
 
* Praktik: Mendesain halaman profil dengan CSS.
  
−
==Pertemuan 4: CSS Lanjutan==
+
==CSS Lanjutan==
 
* Flexbox dan Grid untuk tata letak responsif.
 
* Flexbox dan Grid untuk tata letak responsif.
 
* Animasi dan transisi dengan CSS.
 
* Animasi dan transisi dengan CSS.
 
* Praktik: Membuat galeri foto responsif.
 
* Praktik: Membuat galeri foto responsif.
  
−
==Pertemuan 5: Dasar-dasar JavaScript==
+
==Dasar-dasar JavaScript==
 
* Sintaks dasar dan tipe data.
 
* Sintaks dasar dan tipe data.
 
* Manipulasi DOM (Document Object Model).
 
* Manipulasi DOM (Document Object Model).
 
* Praktik: Membuat interaksi sederhana pada halaman web.
 
* Praktik: Membuat interaksi sederhana pada halaman web.
  
−
==Pertemuan 6: JavaScript Lanjutan==
+
==JavaScript Lanjutan==
 
* Event handling dan validasi form.
 
* Event handling dan validasi form.
 
* Pengenalan AJAX untuk komunikasi asynchronous.
 
* Pengenalan AJAX untuk komunikasi asynchronous.
 
* Praktik: Membuat formulir pendaftaran dengan validasi.
 
* Praktik: Membuat formulir pendaftaran dengan validasi.
  
−
==Pertemuan 7: Pengenalan Backend dengan PHP==
+
==Pengenalan Backend dengan PHP==
 
* Sintaks dasar PHP dan integrasi dengan HTML.
 
* Sintaks dasar PHP dan integrasi dengan HTML.
 
* Pemrosesan form dan manajemen sesi.
 
* Pemrosesan form dan manajemen sesi.
 
* Praktik: Membuat halaman login sederhana.
 
* Praktik: Membuat halaman login sederhana.
  
−
==Pertemuan 8: Pengelolaan Basis Data dengan MySQL==
+
==Pengelolaan Basis Data dengan MySQL==
 
* Konsep dasar basis data relasional.
 
* Konsep dasar basis data relasional.
 
* Perintah dasar SQL: SELECT, INSERT, UPDATE, DELETE.
 
* Perintah dasar SQL: SELECT, INSERT, UPDATE, DELETE.
 
* Praktik: Membuat dan mengelola tabel pengguna.
 
* Praktik: Membuat dan mengelola tabel pengguna.
  
−
==Pertemuan 9: Integrasi PHP dan MySQL==
+
==Integrasi PHP dan MySQL==
 
* Koneksi PHP ke MySQL.
 
* Koneksi PHP ke MySQL.
 
* Operasi CRUD (Create, Read, Update, Delete) dengan PHP dan MySQL.
 
* Operasi CRUD (Create, Read, Update, Delete) dengan PHP dan MySQL.
 
* Praktik: Membuat aplikasi manajemen data pengguna.
 
* Praktik: Membuat aplikasi manajemen data pengguna.
  
−
==Pertemuan 10: Pengenalan Server Web Apache==
+
==Pengenalan Server Web Apache==
 
* Instalasi dan konfigurasi Apache di Ubuntu Server.
 
* Instalasi dan konfigurasi Apache di Ubuntu Server.
 
* Manajemen virtual host dan konfigurasi dasar.
 
* Manajemen virtual host dan konfigurasi dasar.
 
* Praktik: Men-deploy aplikasi web sederhana di server lokal.
 
* Praktik: Men-deploy aplikasi web sederhana di server lokal.
  
−
==Pertemuan 11: Keamanan Web Dasar==
+
==Keamanan Web Dasar==
 
* Praktik keamanan dalam pengembangan web.
 
* Praktik keamanan dalam pengembangan web.
 
* Penanganan input pengguna dan pencegahan serangan umum (XSS, SQL Injection).
 
* Penanganan input pengguna dan pencegahan serangan umum (XSS, SQL Injection).
 
* Praktik: Mengamankan formulir login dari serangan dasar.
 
* Praktik: Mengamankan formulir login dari serangan dasar.
  
−
==Pertemuan 12: Pengantar RESTful API==
+
==Pengantar RESTful API==
 
* Konsep dan prinsip RESTful API.
 
* Konsep dan prinsip RESTful API.
 
* Membuat dan mengonsumsi API sederhana dengan PHP.
 
* Membuat dan mengonsumsi API sederhana dengan PHP.
 
* Praktik: Membuat API untuk manajemen data pengguna.
 
* Praktik: Membuat API untuk manajemen data pengguna.
  
−
==Pertemuan 13: Penggunaan Git dan GitHub dalam Pengembangan Web==
+
==Penggunaan Git dan GitHub dalam Pengembangan Web==
 
* Dasar-dasar sistem kontrol versi dengan Git.
 
* Dasar-dasar sistem kontrol versi dengan Git.
 
* Mengelola repositori dan kolaborasi melalui GitHub.
 
* Mengelola repositori dan kolaborasi melalui GitHub.
 
* Praktik: Mengelola proyek web menggunakan Git dan GitHub.
 
* Praktik: Mengelola proyek web menggunakan Git dan GitHub.
  
−
==Pertemuan 14: Pengenalan Framework Frontend (Contoh: React.js)==
+
==Pengenalan Framework Frontend (Contoh: React.js)==
 
* Konsep dasar dan manfaat penggunaan framework frontend.
 
* Konsep dasar dan manfaat penggunaan framework frontend.
 
* Membuat komponen dan mengelola state.
 
* Membuat komponen dan mengelola state.
 
* Praktik: Membuat aplikasi daftar tugas sederhana dengan React.js.
 
* Praktik: Membuat aplikasi daftar tugas sederhana dengan React.js.
  
−
==Pertemuan 15: Pengenalan Deployment Aplikasi Web==
+
==Pengenalan Deployment Aplikasi Web==
 
* Menyiapkan lingkungan produksi di Ubuntu Server.
 
* Menyiapkan lingkungan produksi di Ubuntu Server.
 
* Proses deployment aplikasi web menggunakan Apache.
 
* Proses deployment aplikasi web menggunakan Apache.
 
* Praktik: Men-deploy aplikasi web ke server produksi.
 
* Praktik: Men-deploy aplikasi web ke server produksi.
  
−
==Pertemuan 16: Review dan Persiapan UAS==
+
==Review dan Persiapan UAS==
 
* Tinjauan materi dan konsep penting.
 
* Tinjauan materi dan konsep penting.
 
* Diskusi dan tanya jawab.
 
* Diskusi dan tanya jawab.
 
* Latihan soal sebagai persiapan UAS.
 
* Latihan soal sebagai persiapan UAS.

Revision as of 09:57, 5 April 2025


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.

Review dan Persiapan UAS

  • Tinjauan materi dan konsep penting.
  • Diskusi dan tanya jawab.
  • Latihan soal sebagai persiapan UAS.
Retrieved from "https://onnocenter.or.id/wiki/index.php?title=Web_Programming&oldid=72275"