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

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

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)

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

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

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

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

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.