Belajar Vue.js 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.

BEGINNER77 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

  1. Spesifikasi minimal komputer milik siswa:
  2. Sistem operasi : Windows, Linux, atau MacOS.
  3. Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas).
  4. RAM : 1GB (Rekomendasi 2GB).
  5. 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 API05:00
Setup Project Dan Cara Kerja Composition API05:00
Membuat Data pada Composition API07:20
Memanfaatkan Ref Untuk Data Reactive05:00
Membandingkan Fungsi Ref Dengan Reactive05:00
Manipulasi Data Dengan Computed Property05:00
Memantau Perubahan Data Dengan Watch05:00
Menggunakan Props Di Composition API05:00
Implementasi Lifecycle Hooks Vue 305:00
Kuis - Belajar Vue 3 dan Firebase Studi Kasus Blog - Topik 100.00

Membuat Fake REST API dan Mencoba Async Await05:00
Membuat dan Memanggil Fungsi di Luar Component05:00
Membuat Fungsi untuk Memanggil Single Data Post05:00
Mempelajari Promise Async Await untuk Menampilkan Loading05:00
Membuat Halaman Create Post dan Input Tags05:00
Membuat Fungsi Create Post untuk Menambah Data Baru05:00
Kuis - Belajar Vue 3 dan Firebase Studi Kasus Blog - Topik 200.00

Menginstall Library Pihak Ketiga Untuk Template Blog05:00
Integrasi Vue dengan Template Bootstrap05:00
Desain Halaman ShowPost05:00
Mempercantik Halaman Create Post05:00
Menampilkan Data Post Berdasarkan Tag05:00
Kuis - Belajar Vue 3 dan Firebase Studi Kasus Blog - Topik 300.00

Membuat Project Layanan Firebase05:00
Konfigurasi Sdk Firebase Di Vue Cli05:00
Membuat Collection Di Firestore05:00
Menampilkan Seluruh Data Collection Firestore Dalam Vue05:00
Menampilkan Satu Data Collection Dalam Vue05:12
Menambah Data Collection Dari Vue05:00
Menghapus Collection Dari Vue05:00
Kuis - Belajar Vue 3 dan Firebase Studi Kasus Blog - Topik 400.00
Penyusun Materi

Prev
Next
Ahmad Hakim
Ahmad Hakim

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

Testimoni Oleh Siswa

  • Semua
  • Bintang 5
  • Bintang 4
  • Bintang 3
  • Bintang 2
  • Bintang 1
4.8

(77 reviews)

5 Bintang
83%
4 Bintang
13%
3 Bintang
1%
2 Bintang
3%
1 Bintang
0%
Alfonso Lai
Alfonso Lai
Penjelasan dari mentor sangat jelas dan detail. Materi yang disampaikan sangat lengkap dan berkualitas.
Ridwan Alfarezi
Ridwan Alfarezi
Mudah dipahami dan diikuti oleh pemula ditambah materi seputar firebase yang useful untuk digunakan ke depannya
R M ABUDZAR ALGHIFARI
R M ABUDZAR ALGHIFARI
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya belajar sebagai pemula!
Henhen Imam Muldani
Henhen Imam Muldani
Materinya bagus dan dijelaskan secara terstruktur jadi mudah dipraktekan dan dimengerti sehingga bisa diikuti dengan baik
Muhammad Fikri Firmansyah
Muhammad Fikri Firmansyah
Informatif
Aprianus Ndunu Turaamah
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..
Vilisia Ludmilla Piranda
Vilisia Ludmilla Piranda
Informatif
Rian Priansyah
Rian Priansyah
Recommended
Jimmi Kevin
Jimmi Kevin
Mudah dipahami,Keren sekali,Recommended
Fuji Halim Rabbani
Fuji Halim Rabbani
Terima kasih buat mas hakim dan para FM yang sudah membantu. Mantap, Authornya keren, Sangat membantu, Solutif,
;
...
Lihat Rekaman
Rp. 199,000
Beli sekali akses selamanya
Beli Sekarang
Rp. 79,000
Sewa kelas dan akses selama 1 bulan
Sewa Sekarang
Yang akan kamu dapatkan :
31 Modul
3 jam durasi
Forum Diskusi Tanya Jawab
Klaim Sertifikat Digital

Kelas Populer Lainnya

Prev
Next