Kerangka Materi

Pendahuluan tentang Generative AI untuk Front-End

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

Pembangunan UI Berbasis Prompt

  • Membuat prompt untuk struktur dan komponen HTML
  • Menghasilkan dan memodifikasi gaya CSS dengan AI
  • Menggunakan AI untuk mendirikan elemen interaktif di JavaScript

Prototip Layout dengan Alat Generatif

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

Komponenisasi dan Keterulangan

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

Peninjauan Kode dan Debugging Berasistensi AI

  • Memperbaiki bug layout dan masalah aksesibilitas dengan LLMs
  • Menyempurnakan kinerja kode HTML/CSS/JS
  • Menjelaskan kesalahan dan memberikan saran perbaikan melalui prompt AI

Kerja Sama dalam Desain dan Pembuatan Konten

  • Menggunakan AI untuk menghasilkan konten dummy, salinan, dan tempat penempatan
  • Bekerja dengan desainer untuk membuat wireframe dan gaya secara kolaboratif
  • Mengekspor ide yang dihasilkan oleh AI menjadi template HTML yang dapat digunakan

Proyek: Membangun Aplikasi Web Berbasis AI

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

Ringkasan dan Langkah Berikutnya

Persyaratan

  • Pemahaman dasar tentang HTML, CSS, dan JavaScript
  • Ketahui tentang front-end frameworks atau sistem desain
  • Minat dalam menerapkan AI untuk mempercepat workflow UI/UX

Audience

  • Front-end developers
  • UX engineers
  • Web designers dan creative technologists
 14 Jam

Jumlah Peserta


Biaya per Peserta

Kursus Mendatang

Kategori Terkait