Web Programming: Difference between revisions
From OnnoCenterWiki
Jump to navigationJump to search
| Line 2: | Line 2: | ||
==Pengenalan Web Programming dan Development Environment== | ==Pengenalan Web Programming dan Development Environment== | ||
* [[Konsep dasar Web Programming]] | * [[Konsep dasar Web Programming]] | ||
* [[Perbandingan Berbagai Bahasa Programan Web]] | |||
* [[Instalasi dan konfigurasi VirtualBox]] | * [[Instalasi dan konfigurasi VirtualBox]] | ||
* [[Instalasi Ubuntu Desktop dan Ubuntu Server sebagai mesin virtual]] | * [[Instalasi Ubuntu Desktop dan Ubuntu Server sebagai mesin virtual]] | ||
Latest revision as of 23:05, 6 April 2025
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
