Deskripsi workshop

Pernahkah kamu membayangkan membuat aplikasi chatting seperti WhatsApp Web di mana pesannya masuk detik itu juga tanpa perlu me-refresh halaman? Membuat sistem real-time dari nol biasanya butuh konfigurasi backend (seperti WebSockets) yang rumit. Tapi tahukah kamu kalau Firebase punya cara gampang buat menyelesaikannya tanpa perlu repot mengurus server sendiri?

Di workshop paling interaktif ini, kita akan membongkar kecanggihan ekosistem Firebase Web! Kita akan menggunakan HTML murni dan JavaScript Vanilla yang digabungkan dengan Firebase Firestore untuk membangun aplikasi web chat secara instan.

Workshop ini berlangsung selama 3 jam dengan format 100?rorientasi praktik: 30% sesi teori untuk membangun fondasi konsep database NoSQL, dan 70% sesi hands-on langsung coding di depan laptop. Peserta akan melakukan setup project Firebase dari nol, mendesain UI obrolan sederhana dengan HTML/CSS, lalu menghubungkannya dengan fungsi Real-Time Data Listeners (onSnapshot) supaya aplikasi bisa menerima dan mengirim pesan secara langsung.

Semua ini dilakukan menggunakan arsitektur Backend-as-a-Service (BaaS) yang sangat efisien — arsitektur yang sering dipakai oleh startup modern untuk mempercepat rilis produk MVP. Di akhir sesi, peserta membawa pulang sebuah mini-project fungsional (Web Chat) yang live di internet (menggunakan Firebase Hosting) dan bisa langsung dimasukkan ke portofolio.

Apa yang akan saya pelajari ?

  • Memahami konsep Backend-as-a-Service (BaaS) dan ekosistem Firebase.
  • Mampu melakukan setup project Firebase dan integrasi SDK Web ke HTML/JS.
  • Mampu mengelola database NoSQL dan sinkronisasi data real-time menggunakan fungsi onSnapshot.
  • Mampu mendeploy (hosting) aplikasi web secara online ke internet menggunakan Firebase Hosting.

Persyaratan

  • Laptop pribadi dengan koneksi internet yang stabil.
  • Akun Google aktif (untuk login ke Firebase Console).
  • Pemahaman dasar terkait HTML, CSS, dan JavaScript.
  • Aplikasi Code Editor (Visual Studio Code direkomendasikan).
  • Aplikasi Node.js yang sudah ter-install di laptop.

Pertanyaan yang sering diajukan

Tidak harus jago, namun Anda wajib memiliki pemahaman dasar tentang HTML, CSS, dan JavaScript. Panitia akan menyediakan kerangka dasar UI, sehingga kita bisa fokus belajar logika Firebase-nya.

Tidak perlu! Kita akan menggunakan layanan Firebase versi gratis (Free Tier) yang sangat cukup dan aman untuk keperluan sesi praktik hingga deployment ini.

Anda hanya perlu menyiapkan Code Editor (seperti VS Code), Web Browser (Chrome/Edge), dan Node.js untuk keperluan Firebase CLI. Panduan instalasinya akan dikirimkan pada H-3 acara.
Learning path

Silabus workshop

Ikuti alur workshop melalui modul, live class, materi, dan rekaman kelas yang tersusun rapi.

0 Modules
0 Live class
Iya Rekaman Materi

No module has been added yet.

Foto Alvin

Alvin Afalen

IT Enthusiast

Alvin Afalen is a seventh-semester student in the D4 Software Engineering Technology Program, Information Technology Department, at Politeknik Negeri Padang. He has a strong interest in Backend Development, Web, and Mobile technologies, with hands-on experience building scalable applications and robust databases.He has a diverse portfolio of software development projects. He served as a Backend Developer and Tester for a web-based Company Profile and Human Resources Management application. Additionally, he worked as a Fullstack Developer on a web-based ordering information system for the MSME "Kue Pancong Lumer", and built a mobile-based Electronics Store sales application, also as a Fullstack Developer.Alvin is proficient in various programming languages and modern frameworks such as Node.js, Next.js, JavaScript, PHP, Python, and SQL. Currently, he is expanding his professional experience as a Backend Developer Intern at Inatechno. He is an adaptive, collaborative individual with a strong passion for creating robust, secure, and user-focused digital solutions.
Membangun Web Chat Real-Time dengan Firebase Firestore & HTML

Rp 20.000

Rp 25.000

Start date

27 September 2026

Modules

0

Live class

0

Peserta Telah Mendaftar

0

Materials

Iya

E-certificate

Iya

Rekaman Materi

Iya

Bagikan workshop ini