PHP Native & MySQL : Membangun Website OLX Clone dengan AI Assist Windsurf
Di kelas ini kamu akan belajar step by step membangun website **OLX Clone** menggunakan **PHP 8 dan MySQL**, mulai dari konsep dasar hingga sistem yang benar-benar bisa online. Bedanya, kamu akan dibantu dengan **AI Assist Windsurf**, sebuah teknologi yang bisa mempercepat proses coding, memberi rekomendasi, dan membantu debugging. Jadi kamu nggak cuma belajar bikin website, tapi juga bagaimana memanfaatkan AI untuk meningkatkan produktivitas sebagai programmer.
Tentang Kelas
Tentang Kelas
Di kelas ini kamu akan belajar step by step membangun website OLX Clone menggunakan PHP 8 dan MySQL, mulai dari konsep dasar hingga sistem yang benar-benar bisa online. Bedanya, kamu akan dibantu dengan AI Assist Windsurf, sebuah teknologi yang bisa mempercepat proses coding, memberi rekomendasi, dan membantu debugging. Jadi kamu nggak cuma belajar bikin website, tapi juga bagaimana memanfaatkan AI untuk meningkatkan produktivitas sebagai programmer.
Materi yang Akan Dipelajari
- Mengapa Harus Belajar AI
- Apakah AI Menggantikan Programmer?
- Skenario Sistem yang Akan Dibuat
- Tools yang Dibutuhkan
- Sekilas tentang Windsurf
- Apa Itu Database dan Kenapa Diperlukan?
- Membuat Tampilan Beranda (HTML)
- Membuat Form Register (HTML)
- Membuat Form Login (HTML)
- Membuat Form Pasang Iklan (HTML)
- Membuat Halaman Detail Iklan
- Detail Database: users & ads
- Koneksi Database dengan PHP
- Proses Register ke Database
- Proses Login - Session
- Logout User
- Simpan Iklan ke Database
- Tampilkan Semua Iklan di Beranda
- Menampilkan Detail Iklan Dinamis
- Validasi Pasang Iklan Harus Login
- Validasi Gambar Upload
- Tampilkan Nama User Pemilik Iklan
- Navigasi Dinamis (Header/Navbar)
- Responsive Design Mobile
- Final Testing & Review
- Deploy ke layanan hosting
Target Peserta
- Kamu yang baru belajar PHP & MySQL dan ingin langsung praktik bikin website nyata.
- Kamu yang penasaran gimana cara kerja website iklan baris seperti OLX.
- Kamu yang ingin tahu cara memanfaatkan AI untuk membantu coding lebih cepat.
- Kamu yang ingin punya portfolio real project untuk kebutuhan kuliah, kerja, atau freelance.
Hasil yang Diharapkan
Setelah mengikuti kelas ini, kamu akan:
- Paham dasar-dasar PHP, MySQL, dan cara membangun website dinamis.
- Bisa membuat sistem OLX Clone lengkap dengan login, register, upload iklan, dan halaman detail.
- Terbiasa menggunakan AI Assist Windsurf untuk mempercepat pengembangan aplikasi.
- Mampu melakukan deploy ke hosting sehingga websitenya bisa diakses online.
- Punya portfolio proyek nyata yang bisa ditunjukkan ke klien, dosen, atau recruiter.
Daftar Materi
| Introduction | 02:07 | |
| Mengapa AI | 04:07 | |
| Apakah AI Akan Menggantikan Programmer | 05:14 | |
| Skenario Yang Akan Dibuat | 02:54 | |
| Tools yang dibutuhkan apa saja | 03:21 | |
| Sekilas Tentang Agentic IDE | 03:46 | |
| Apa Itu Database | 03:38 | |
| Instalasi Windsurf Editor | 04:12 | |
| Instalasi XAMPP | 05:46 | |
| User Persona | 06:23 | |
| Merancang Database | 04:52 | |
| Konfigurasi Dulu | 07:05 | |
| Relasi dan Table | 15:05 | |
| Halaman Utama | 11:51 | |
| Halaman Detail | 06:11 | |
| Halaman Login dan Register | 04:37 | |
| Halaman Pasang Iklan | 08:36 | |
| Konfigurasi Awal | 06:06 | |
| Skema Register | 11:44 | |
| Skema Login | 08:19 | |
| Kategori dinamis pada post ad | 09:22 | |
| Location dinamis pada post ad | 11:03 | |
| Post ad bagian 1 | 13:31 | |
| Post ad bagian 2 | 06:05 | |
| Testing pasang iklan | 06:03 | |
| Skenario Halaman Beranda | 08:42 | |
| Skenario Halaman Detail | 09:26 | |
| Percantik Halaman Detail | 05:51 | |
| Halaman Iklan Saya | 07:36 | |
| Fitur Edit dan Hapus Iklan Saya | 12:27 | |
| Session Notice dan Logout | 04:12 | |
| Halaman Edit Profile | 09:09 | |
| Testing Semua Fitur | 08:54 | |
| Persiapan Launch Market | 04:10 | |
| Hosting Bagian 1 | 16:36 | |
| Hosting Lanjutan dan Final Testing | 08:01 |
Penyusun Materi
Bahrul Rozak
Teaching everything, is my passion | Github : https://github.com/Bahrul-Rozak
Testimoni Oleh Siswa
(1 reviews)
Yoyon Haryono
materi yang disampaikan cukup mudah untuk dimengerti bagi saya yang baru mulai belajar, penjelasan detail, penyampaian materi tidak kaku, terimakasih telah berbagi ilmunya, mudah-mudahan bermanfaat untuk saya pribadi khususnya dan umumnya untuk orang lain