Workshop Praktis 3 Jam

Ngoding Web App Pertama dengan Bantuan AI

5/5 100 reviews 3 Jam Beginner Software Engineering
Workshop FlexLabs

Workshop “Ngoding Web App Pertama dengan Bantuan AI” dirancang untuk peserta pemula yang ingin memahami cara membuat aplikasi web sederhana secara praktis dan mudah dipahami.

Dalam workshop ini, peserta tidak hanya belajar menulis kode, tetapi juga belajar cara berpikir seperti software engineer: memahami masalah, memecah fitur menjadi bagian kecil, menyusun struktur halaman, membuat interaksi, melakukan validasi form, dan mengelola data sederhana di browser.

Peserta akan membangun sebuah Simple Task Manager App, yaitu aplikasi sederhana untuk mencatat tugas, menandai tugas selesai, menghapus tugas, dan menyimpan data sementara menggunakan localStorage. Project ini dipilih karena mudah dipahami oleh pemula, tetapi tetap mencakup konsep penting dalam pengembangan aplikasi web modern.

Selain praktik coding, peserta juga akan belajar bagaimana menggunakan AI sebagai partner belajar dan partner coding. AI akan digunakan untuk membantu memahami konsep, membuat struktur kode, mencari error, memperbaiki bug, dan memberikan ide improvement tanpa membuat peserta hanya copy-paste kode secara buta.

Di akhir workshop, peserta diharapkan memiliki pengalaman membangun web app pertama mereka dan memahami alur dasar software engineering modern: dari ide, struktur, coding, interaksi, validasi, debugging, sampai improvement.

3 Jam

Durasi workshop dibuat padat dan fokus.

Beginner

Level materi disesuaikan dengan kebutuhan peserta.

Software Engineering

Topik diarahkan ke skill digital yang relevan.

5/5

Berdasarkan 100 review peserta.

What You Will Learn

Yang akan dipelajari

Workshop ini dibuat praktis, fokus, dan langsung bisa dipakai.

Memahami perbedaan antara coding biasa dan cara berpikir software engineer dalam membangun aplikasi.
Mampu memecah ide aplikasi menjadi fitur-fitur kecil yang lebih mudah dikerjakan.
Membuat tampilan web app sederhana menggunakan HTML, CSS, dan Bootstrap.
Memahami konsep event handling untuk membuat halaman web menjadi interaktif.
Menggunakan DOM manipulation untuk menampilkan, mengubah, dan menghapus data di halaman.
Membuat form validation agar input user lebih aman, rapi, dan mudah dipahami.
Mengelola data sederhana menggunakan array, object, dan localStorage di JavaScript.
Menggunakan AI untuk membantu membuat struktur kode, memahami error, debugging, dan memberikan ide improvement.
Membangun Simple Task Manager App sebagai project web app pertama yang bisa dikembangkan lagi menjadi portfolio.

Workshop ini cocok untuk

Workshop ini cocok untuk pemula yang ingin mulai belajar software engineering dan web development dari dasar.

Target peserta:
- Pelajar atau mahasiswa yang ingin mulai belajar coding
- Fresh graduate yang ingin memahami dasar pembuatan web app
- Career switcher yang ingin masuk ke dunia teknologi
- Pemula yang pernah belajar HTML/CSS tetapi belum paham cara membuat aplikasi interaktif
- Non-programmer yang ingin memahami cara kerja aplikasi web modern
- Calon peserta bootcamp atau kelas lanjutan web development

Peserta tidak wajib memiliki pengalaman coding yang kuat. Yang penting peserta bisa menggunakan laptop, browser, dan memiliki rasa ingin tahu untuk belajar membangun aplikasi web sederhana.

About This Workshop

Ringkasan workshop

Workshop praktis untuk pemula yang ingin belajar membuat web app sederhana dari nol dengan bantuan AI. Peserta akan belajar memahami struktur aplikasi, membuat tampilan dengan HTML, CSS, dan Bootstrap, menambahkan interaksi menggunakan JavaScript, serta menggunakan AI untuk membantu menyusun ide, membuat kode, dan debugging.