Terima kasih telah mengirimkan pertanyaan Anda! Salah satu anggota tim kami akan segera menghubungi Anda.
Terima kasih telah mengirimkan pemesanan Anda! Salah satu anggota tim kami akan segera menghubungi Anda.
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
Testimoni (1)
Saya mendapatkan pengetahuan tentang perpustakaan streamlit dari Python dan tentu saja saya akan mencoba menggunakannya untuk meningkatkan aplikasi di tim saya yang dibuat dengan R Shiny
Michal Maj - XL Catlin Services SE (AXA XL)
Kursus - GitHub Copilot for Developers
Diterjemahkan Mesin