Website
Beginner

AI Programming untuk Web Developer

Live Class

Live

Durasi

3 Bulan

Konsultasi

Selamanya

AI Programming untuk Web Developer

Deskripsi Kursus

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.

Materi:

  • 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.

Materi:

  • 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.

Materi:

  • 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.

Materi:

  • 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.

Materi:

  • 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.

Materi:

  • 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.

Materi:

  • 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.

Materi:

  • 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.

Yang Akan Kamu Pelajari

Memahami konsep AI-assisted programming dalam pengembangan web
Mampu menginstal dan mengkonfigurasi tools AI coding seperti Cursor
Menguasai dasar pengembangan dengan Laravel dan Next.js
Dapat menggunakan AI untuk mempercepat pembuatan fitur Laravel
Mampu membangun aplikasi Next.js dengan bantuan AI
Mampu mengintegrasikan backend Laravel dengan frontend Next.js
Mampu melakukan testing, debugging, dan deployment dengan bantuan AI
Menghasilkan proyek aplikasi nyata menggunakan pendekatan AI-assisted development
Terbiasa membuat prompt efektif untuk tugas coding sehari-hari
Siap menghadapi workflow modern sebagai developer fullstack berbasis AI

Materi Pembelajaran

1

Pengenalan AI Programming untuk Web Developer

2

Instalasi & Setup Tools AI Coding (Cursor)

3

Dasar Pengembangan Laravel & Next.js

4

Praktik Menggunakan Cursor untuk Laravel

5

Praktik Menggunakan Cursor untuk Next.js

6

Integrasi Backend-Frontend dengan AI

7

Testing, Deployment, & Best Practice dengan AI

8

Proyek Akhir: Real World AI-assisted Fullstack Development

Persyaratan Kursus

Memiliki laptop atau PC
Terinstall VS Code atau IDE sejenis
Terhubung ke internet stabil
Dasar pemahaman HTML, CSS, dan JavaScript

Tools yang Dibutuhkan

Visual Studio Code (VS Code)
Cursor AI (plugin AI coding)
Node.js & NPM
Composer
Laravel CLI
Git & GitHub

Rp 3.499.000

Rp 1.749.500

Hemat 50%
Akses Selamanya
Sertifikat
Konsultasi
Source Code
Harga Asli: Rp 3.499.000
Diskon Kursus (50%): -Rp 1.749.500
Total Bayar: Rp 1.749.500
Pembayaran Aman
Garansi 7 Hari
Midtrans

Siap Untuk Memulai?

Bergabung sekarang dan mulai perjalanan belajar Anda bersama mentor berpengalaman

Daftar Kursus

Pilih metode pembayaran

Rp 3.499.000
Rp 1.749.500 -50%
Pembayaran Aman dengan Midtrans