AI Programming untuk Web Developer adalah kursus yang dirancang untuk membantu Anda menguasai AI Programming untuk pengembangan web modern.
1. Pengenalan AI Programming untuk Web Developer
Tujuan: Memahami bagaimana AI dapat membantu proses pengembangan web modern.
- Apa itu AI Programming & AI-assisted Coding
- Pengenalan tools AI coding: Cursor, Copilot, Codeium, dsb
- Studi kasus: Workflow developer modern dengan AI tools
- Keunggulan & keterbatasan AI coding tools
2. Instalasi & Setup Tools AI Coding (Cursor)
Tujuan: Peserta mampu menginstall, setup, dan menggunakan Cursor serta tools AI sejenis di VS Code/IDE.
- Instalasi Cursor dan ekstensi AI lain di VS Code atau IDE lain
- Konfigurasi API key, settings, dan workspace
- Tips penggunaan optimal: prompt engineering untuk coding
3. Dasar Pengembangan Laravel & Next.js
Tujuan: Memahami struktur proyek dan dasar framework Laravel & Next.js.
- Inisialisasi proyek Laravel & Next.js (create laravel-project, npx create-next-app)
- Struktur folder & file utama
- Dasar penggunaan command line tools (Artisan, Next CLI)
- Membuat komponen pertama (route, controller, page, dsb)
4. Praktik Menggunakan Cursor untuk Laravel
Tujuan: Peserta dapat menggunakan Cursor untuk mempercepat pembuatan aplikasi dengan Laravel.
- Prompt dasar: generate controller, model, migration, seeder otomatis dengan AI
- Refactor kode, generate test, dan dokumentasi dengan prompt AI
- Praktik: membuat fitur CRUD dengan AI (prompt: “Buatkan controller CRUD untuk produk”)
- Membaca, memahami, dan memperbaiki kode dengan bantuan AI
- Studi kasus: generate API, validasi, dan autentikasi dengan prompt AI
5. Praktik Menggunakan Cursor untuk Next.js
Tujuan: Peserta dapat menggunakan Cursor untuk membangun aplikasi Next.js secara efisien.
- Generate komponen, page, dan API routes otomatis via prompt AI
- Membuat frontend dinamis (fetch data, handle event) dengan bantuan AI
- Optimasi kode, refactor, dan generate dokumentasi via AI
- Studi kasus: membuat halaman produk, integrasi API, dan login page menggunakan AI
6. Integrasi Backend-Frontend dengan AI
Tujuan: Memahami workflow integrasi Laravel (backend) dan Next.js (frontend) dengan bantuan AI.
- Membuat REST API di Laravel, konsumsi di Next.js dengan fetch/Axios
- Generate endpoint dan client code otomatis via prompt AI
- Praktik: integrasi form, autentikasi, dan dashboard
- Debugging dan troubleshooting dengan AI untuk integrasi
7. Testing, Deployment, & Best Practice dengan AI
Tujuan: Mengoptimalkan testing, deployment, dan workflow harian dengan tools AI.
- Generate unit/feature test dengan prompt AI (PHPUnit, Jest, dsb)
- Otomatisasi dokumentasi API & kode
- Saran optimasi performa dan keamanan dari AI
- Studi kasus: deploy ke Vercel (Next.js) dan VPS/Shared Hosting (Laravel) dengan AI prompt
8. Proyek Akhir: Real World AI-assisted Fullstack Development
Tujuan: Menerapkan seluruh materi untuk membangun aplikasi nyata secara kolaboratif dengan AI.
- Desain dan implementasi aplikasi (misal: toko online, dashboard admin, dsb)
- Breakdown task ke dalam prompt AI untuk efisiensi development
- Review, debugging, dan deployment bersama AI
- Presentasi hasil dan refleksi penggunaan AI dalam workflow developer
Catatan:
Setiap sesi akan diisi dengan praktik langsung menggunakan Cursor atau tools AI lain sesuai kebutuhan, serta tips prompt engineering untuk hasil optimal.