Difference between revisions of "Web Programming"
Jump to navigation
Jump to search
Onnowpurbo (talk | contribs) |
Onnowpurbo (talk | contribs) |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 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 | + | * [[Perbandingan Berbagai Bahasa Programan Web]] |
| − | * Instalasi Ubuntu Desktop dan Ubuntu Server sebagai mesin virtual | + | * [[Instalasi dan konfigurasi VirtualBox]] |
| − | * Pengenalan terminal dan perintah dasar Linux | + | * [[Instalasi Ubuntu Desktop dan Ubuntu Server sebagai mesin virtual]] |
| + | * [[Pengenalan terminal dan perintah dasar Linux]] | ||
==Dasar-dasar HTML== | ==Dasar-dasar HTML== | ||
| − | * Struktur dasar dokumen HTML | + | * [[Struktur dasar dokumen HTML]] |
| − | * Elemen dan atribut HTML | + | * [[Elemen dan atribut HTML]] |
| − | * Pembuatan halaman web sederhana | + | * [[Pembuatan halaman web sederhana]] |
| − | * Praktik: Membuat halaman profil pribadi menggunakan HTML | + | * [[Praktik: Membuat halaman profil pribadi menggunakan HTML]] |
==Pengenalan CSS== | ==Pengenalan CSS== | ||
| − | * Sintaks dan selektor CSS | + | * [[Sintaks dan selektor CSS]] |
| − | * Integrasi CSS dengan HTML | + | * [[Integrasi CSS dengan HTML]] |
| − | * | + | * [[Box model dan tata letak dasar]] |
| − | * Praktik: Mendesain halaman profil dengan CSS | + | * [[Praktik: Mendesain halaman profil dengan CSS]] |
==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]] |
==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]] |
==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]] |
==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]] |
==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]] |
==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]] |
==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]] |
==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]] |
==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]] |
| + | |||
| + | ==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== | ==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]] |
==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]] |
==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]] |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Latest revision as of 06:05, 7 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