Kerangka Materi

Pengenalan ke Generative AI untuk Front-End

  • Apa itu generative AI dalam pengembangan perangkat lunak?
  • Ringkasan 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 menyusun elemen interaktif dalam JavaScript

Prototipisasi Tata Letak dengan Alat Generatif

  • Membangun halaman mendarat dan tata letak multi-seksi
  • Prompt desain responsif (Flexbox, Grid)
  • Meninjau dan menguji di CodePen atau alat serupa

Komponen dan Keterpakaiannya

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

Tinjauan Kode dan Penyembuhan Bug dengan Bantuan AI

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

Desain Kolaboratif dan Generasi Konten

  • Menggunakan AI untuk menghasilkan konten fiktif, salinan, dan placeholder
  • Bekerja dengan desainer untuk menciptakan wireframe dan gaya bersama-sama
  • Mengekspor ide-ide yang dihasilkan AI menjadi template HTML yang dapat digunakan

Proyek: Bangun Aplikasi Web yang Disusun dengan AI

  • Mendesain UI berdasarkan prompt bisnis
  • Membangun komponen dan interaksi menggunakan AI
  • Memoles, menguji, dan mempresentasikan prototipe

Ringkasan dan Langkah Selanjutnya

Persyaratan

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

Audience

  • Pengembang front-end
  • Insinyur UX
  • Desainer web dan teknologi kreatif
 14 Jam

Jumlah Peserta


Harga per Peserta

Testimoni (1)

Kursus Mendatang

Kategori Terkait