Posts

Showing posts from December, 2024

Pemrograman web Lengkap

Modul Pemrograman Web Lanjut

 ðŸ“˜ Modul Pemrograman Web Lanjut (14 Pertemuan) Untuk: Mahasiswa Semester 4–6 Stack: PHP + MySQL Proyek Akhir: Website E-Commerce Sederhana --- 🧩 Struktur Pertemuan Pertemuan 1 – Pengantar Pemrograman Web Lanjut 🎯 Tujuan: Mahasiswa memahami arsitektur web modern, peran frontend–backend, dan setup lingkungan kerja. 📚 Materi: Arsitektur client-server Review HTML5, CSS3, JavaScript dasar Instalasi XAMPP, phpMyAdmin, dan VS Code 💻 Praktik: Membuat folder project di htdocs Menjalankan server lokal (localhost) Uji file index.php sederhana 🧠 Tugas: Tuliskan diagram arsitektur web (frontend–backend–database). --- Pertemuan 2 – Dasar PHP Lanjutan 🎯 Tujuan: Mahasiswa memahami konsep PHP lanjutan dan struktur aplikasi modular. 📚 Materi: Variabel global ($_GET, $_POST, $_SESSION) Include & require Penanganan form 💻 Praktik: Form input produk dan tampilkan hasilnya Gunakan include("header.php") & footer.php 🧠 Tugas: Buat form biodata dengan validasi sederhana. --- Pertemu...

Penggunaan Framework Frontend (Vue.js / Angular)

  Penggunaan Framework Frontend (Vue.js / Angular) Pada pengembangan aplikasi web modern, banyak pengembang yang menggunakan framework frontend untuk membangun antarmuka pengguna (UI) yang dinamis dan interaktif. Dua framework yang sering digunakan adalah Vue.js dan Angular , sementara React juga merupakan pilihan yang populer. Meskipun ketiganya digunakan untuk tujuan yang sama, mereka memiliki pendekatan dan karakteristik yang berbeda. Berikut adalah penjelasan teori mengenai pengantar Vue.js dan Angular , perbandingan dengan React , serta struktur dasar aplikasi Vue.js dan Angular dengan menggunakan Component-based Architecture . 1. Pengantar Vue.js atau Angular dan Perbedaan dengan React a. Pengenalan Vue.js Vue.js adalah framework JavaScript progresif yang digunakan untuk membangun antarmuka pengguna (UI) dan aplikasi satu halaman (SPA). Vue.js fokus pada kemudahan penggunaan, fleksibilitas, dan kemampuan untuk mengintegrasikan dengan proyek lain secara bertahap...

Pengenalan Autentikasi dan Keamanan Web

  Autentikasi dan Keamanan Web Autentikasi dan keamanan web adalah dua aspek yang sangat penting dalam pengembangan aplikasi web untuk melindungi data dan memastikan bahwa hanya pengguna yang sah yang dapat mengakses sumber daya aplikasi. Berikut adalah penjelasan teori mengenai autentikasi pengguna dengan PHP , enkripsi password dengan bcrypt , serta pencegahan SQL Injection dan Cross-Site Scripting (XSS) . 1. Pengenalan Autentikasi Pengguna dengan PHP (Login, Registrasi) Autentikasi adalah proses yang memastikan bahwa pengguna yang mengakses aplikasi adalah pengguna yang sah. Pada umumnya, autentikasi dilakukan melalui login (memasukkan nama pengguna dan kata sandi) dan registrasi (pendaftaran pengguna baru). a. Registrasi Pengguna Registrasi adalah langkah pertama bagi pengguna untuk mendaftar pada aplikasi. Pengguna memberikan informasi seperti nama, email, dan kata sandi, yang kemudian disimpan dalam database. Contoh formulir registrasi: <form method="POST...