Hubungi Kami
 Durasi 14 jam

Kerangka Materi

Pengantar AI Generatif untuk Front-End

  • Apa itu AI generatif dalam pengembangan perangkat lunak?
  •  Gambaran umum alat: ChatGPT, GitHub Copilot, Codeium, dll.
  • Manfaat dan keterbatasan AI dalam pengembangan UI

Generasi UI Berbasis Prompt

  • Membuat prompt untuk struktur HTML dan komponen
  • Menghasilkan dan memodifikasi gaya CSS dengan AI
  • Menggunakan AI untuk membuat kerangka elemen interaktif dalam JavaScript

Prototipe Tata Letak dengan Alat Generatif

  • Membangun halaman landing dan tata letak multi-seksi
  • Prompt desain responsif (Flexbox, Grid)
  • Pratinjau dan pengujian di CodePen atau alat serupa

Komponenisasi dan Keterulangan Pakai

  • Menghasilkan komponen UI yang dapat digunakan kembali (tombol, kartu, formulir)
  • Membuat pustaka komponen dan sistem desain dengan bantuan AI
  • Menggunakan AI dalam framework populer (React, Vue, Tailwind)

Tinjauan Kode dan Debugging Berbantuan AI

  • Memperbaiki bug tata letak dan masalah aksesibilitas dengan LLM
  • Mengoptimalkan kinerja kode HTML/CSS/JS
  • Menjelaskan kesalahan dan menyarankan perbaikan melalui prompt AI

Desain Kolaboratif dan Generasi Konten

  • Menggunakan AI untuk menghasilkan konten dummy, teks, dan placeholder
  • Bekerja sama dengan desainer untuk membuat wireframe dan gaya secara bersama
  • Mengekspor ide yang dihasilkan AI menjadi template HTML yang dapat digunakan

Proyek: Membangun Aplikasi Web Berkerangka AI

  • Merancang UI berdasarkan prompt bisnis
  • Membangun komponen dan interaksi menggunakan AI
  • Penyempurnaan, pengujian, dan presentasi prototipe

Ringkasan dan Langkah Selanjutnya

Persyaratan

  • Pemahaman dasar tentang HTML, CSS, dan JavaScript
  • Familiaritas dengan framework front-end atau sistem desain
  • Ketertarikan dalam menerapkan AI untuk mempercepat alur kerja UI/UX

Audiens

  • Pengembang front-end
  • Insinyur UX
  • Desainer web dan teknolog kreatif

Jumlah Peserta


Harga per Peserta

Testimoni (1)

Kursus Mendatang

Kategori Terkait