Belajar Vue 3 dan Firebase Studi Kasus Blog

Composition API adalah fitur utama yg dibuat pada Vue 3 untuk mempermudah proses development untuk aplikasi yg kompleks. Di kelas ini akan kita coba pelajari bersama fitur-fitur pada Vue 3 dengan realtime database yaitu Firebase untuk membangun contoh project blog.

BEGINNER74 penilaian476 peserta

Tentang Kelas

Arsitektur dalam pengembangan aplikasi khususnya pada teknologi web sudah banyak berkembang. Baik menggunakan monolithic, microservice sehingga terciptanya istilah backend dan frontend. Vue js adalah framework yg popular digunakan untuk teknologi frontend yang lebih dinamis dan progresif dan Firebase adalah layanan google yang memudahkan web developer untuk membangun teknologi backend tanpa harus repot setup manual atau ngoding sendiri. Kita akan gabungkan Vue 3 dengan Firebase untuk membuat blog sederhana menggunakan template bootstrap.

Target dan Sasaran Siswa

Kelas ini di desain untuk peserta yang sudah mempelajari tentang javascript
Ditunjukkan bagi peserta yang ingin mendalami framework JavaScript
Mampu membuat aplikasi berbasis single page application dan realtime database

Silabus

Modul 1: Memahami Composition API
Modul 2: Fetch REST API dengan json server
Modul 3: Integrasi Vue CLI project dengan Template Bootstrap
Modul 4: Menggunakan Database Firestore di dalam Vue CLI

Metode Ajar

Online Self-paced Learning
1. Total belajar adalah selama 2 jam 59 menit
2. Siswa dapat menentukan sendiri waktu belajarnya
Fasilitas Pengajaran
1. Materi bacaan elektronik: Materi disediakan berupa video
2. Forum tanya jawab: Forum digunakan apabila siswa mendapatkan kendala saat belajar, dan akan dibalas oleh tim support CodePolitan
3. Grup telegram: Berisi member CodePolitan (khusus pembelian membership)
4. Evaluasi pembelajaran: Ujian di akhir modul dan ujian di akhir kelas
5. Sertifikat kelulusan
Peralatan Belajar Siswa
Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux

Spesifikasi minimal komputer milik siswa:
Sistem operasi : Windows, Linux, atau MacOS.
Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas).
RAM : 1GB (Rekomendasi 2GB).
Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080)

Software:
1. Visual Studio Code sebagai text editor
2. Node.js sebagai server
3. NPM sebagai Package Manager
4. Browser: Chrome / Firefox

Daftar Materi

	Gambaran Composition API	05:00
	Setup Project Dan Cara Kerja Composition API	05:00
	Membuat Data pada Composition API	07:20
	Memanfaatkan Ref Untuk Data Reactive	05:00
	Membandingkan Fungsi Ref Dengan Reactive	05:00
	Manipulasi Data Dengan Computed Property	05:00
	Memantau Perubahan Data Dengan Watch	05:00
	Menggunakan Props Di Composition API	05:00
	Implementasi Lifecycle Hooks Vue 3	05:00
	Kuis - Belajar Vue 3 dan Firebase Studi Kasus Blog - Topik 1	00.00

	Membuat Fake REST API dan Mencoba Async Await	05:00
	Membuat dan Memanggil Fungsi di Luar Component	05:00
	Membuat Fungsi untuk Memanggil Single Data Post	05:00
	Mempelajari Promise Async Await untuk Menampilkan Loading	05:00
	Membuat Halaman Create Post dan Input Tags	05:00
	Membuat Fungsi Create Post untuk Menambah Data Baru	05:00
	Kuis - Belajar Vue 3 dan Firebase Studi Kasus Blog - Topik 2	00.00

	Menginstall Library Pihak Ketiga Untuk Template Blog	05:00
	Integrasi Vue dengan Template Bootstrap	05:00
	Desain Halaman ShowPost	05:00
	Mempercantik Halaman Create Post	05:00
	Menampilkan Data Post Berdasarkan Tag	05:00
	Kuis - Belajar Vue 3 dan Firebase Studi Kasus Blog - Topik 3	00.00

	Membuat Project Layanan Firebase	05:00
	Konfigurasi Sdk Firebase Di Vue Cli	05:00
	Membuat Collection Di Firestore	05:00
	Menampilkan Seluruh Data Collection Firestore Dalam Vue	05:00
	Menampilkan Satu Data Collection Dalam Vue	05:12
	Menambah Data Collection Dari Vue	05:00
	Menghapus Collection Dari Vue	05:00
	Kuis - Belajar Vue 3 dan Firebase Studi Kasus Blog - Topik 4	00.00

Penyusun Materi

Ahmad Hakim

Founder & Mentor IDStack | CTO di Nusabot | Software Engineer di GovTech Edu | Former Software Engineer di Track&ROLL

Testimoni Oleh Siswa

4.8

(74 reviews)

5 Bintang

82%

4 Bintang

14%

3 Bintang

2 Bintang

1 Bintang

Henhen Imam Muldani

Materinya bagus dan dijelaskan secara terstruktur jadi mudah dipraktekan dan dimengerti sehingga bisa diikuti dengan baik

Muhammad Fikri Firmansyah

Informatif

Aprianus Ndunu Turaamah

materi yang bagus dan cara penyampaiannya juga sangat baik, joss pokoknya...semoga saya mendapatkan wawasan yang lebih luas lagi tentang web development.thk u..