AI Portfolio Lab — SMKN 2 Kota Bekasi

Bikin Website Portfolio Cukup dengan Ngeprompt AI

Ketik idemu, lihat website-mu langsung jadi dalam hitungan detik, dan bagikan link portfoliomu di /nama-kamu untuk dipamerkan di proyektor kelas!

STUDIO // PROMPT INPUT
"Buatkan portfolio modern untuk saya. Saya siswa SMK jurusan RPL, suka React & UI/UX design. Tambahkan daftar skill teknis dan kartu project yang bersih."
AI Assistant:
Siap! Saya sudah merancang portfolio dengan layout bersih bergaya modern, badge stack teknis, dan showcase kartu proyek kamu. Cek hasilnya langsung di kanan!
Live Sandbox
Budi Pratama

Frontend Developer & UI Designer • SMKN 2 Kota Bekasi

ReactTypeScriptUI/UXTailwind
Alur Pembelajaran Hari Ini

Agenda & Materi Kelas

Dari pengenalan dunia kerja developer, prompting AI yang presisi, hingga live challenge dan showcase karya.

01 //

Pengenalan & Perjalanan Dev

Sharing perjalanan belajar coding dari nol hingga berkarir di industri tech modern.

02 //

AI dalam Workflow Developer

Bagaimana engineer profesional memanfaatkan generative AI untuk mempercepat delivery kode.

03 //

AI Sebagai Tools, Bukan Pengganti

Memahami cara berpikir LLM, batasan konteks, etika teknis, dan prompting terstruktur.

04 //

Live Coding Bersama AI

Melihat langsung pembuatan website dari arsitektur awal hingga render live di browser.

05 //

Anatomi Portfolio Digital

Bedah struktur portfolio standar industri: project case studies, tech stack, dan profil kontak.

06 //

Praktik & Kustomisasi Mandiri

Siswa merancang layout sendiri secara live di sandbox dan mempublikasikannya ke domain kelas.

07 //

Debugging & Validasi Kode

Teknik mendeteksi bug, memeriksa error CSS/JS di console, dan memperbaiki hasil AI secara manual.

08 //

Showcase & Evaluasi Karya

Pamerkan hasil portfolio di layar proyektor kelas untuk review bersama dan rencana belajar lanjut.

Instant Live Preview

Hasil prompt langsung di-render secara live di sandbox aman. Ganti warna, teks, atau layout dalam hitungan detik.

URL Personal Kamu

Setelah klik Publish, portfoliomu langsung live di domain.com/nama-kamu dan siap diakses siapa saja.

Riwayat Versi & Edit Manual

Bisa beralih antar versi sebelumnya kapan saja atau membuka tab kode HTML untuk mengutak-atik langsung.

Live Teacher Monitoring

Teacher dapat memantau aktivitas proses pembuatan dan memberi masukan langsung jika kamu butuh bantuan.