Web Programming: Difference between revisions

From OnnoCenterWiki
Jump to navigationJump to search
Newer edit →
Unknown user (talk)
Created page with " ==Pertemuan 1: Pengenalan Web Programming dan Development Environment== * Konsep dasar Web Programming. * Instalasi dan konfigurasi VirtualBox. * Instalasi Ubuntu Desktop d..."
 
No edit summary
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 02: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://lms.onnocenter.or.id/wiki/index.php?title=Web_Programming&oldid=72275"