Belajar Vue 3 dan Firebase Studi Kasus Blog

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.

BEGINNER58 penilaian332 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 API05:00
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:00
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

Belum ada keterangan

Testimoni Oleh Siswa

4.8

(58 reviews)

5 Bintang
83%
4 Bintang
14%
3 Bintang
0%
2 Bintang
3%
1 Bintang
0%
Yofandi Riki Winata
Yofandi Riki Winata
Kontennya menarik
Rizki Ramadhan
Rizki Ramadhan
Mudah dipahami,Keren sekali,Kontennya menarik,Recommended
Tiara Asa Nurani
Tiara Asa Nurani
Informatif
Muhammad Ihsan
Muhammad Ihsan
Mudah dipahami,Kontennya menarik,Informatif
Inayah Rizkia Kaimudin
Inayah Rizkia Kaimudin
Mudah dipahami,Keren sekali,Kontennya menarik
Muhammad Fauzan Yanuar Putra
Muhammad Fauzan Yanuar Putra
Mudah dipahami,Keren sekali
Rachmat Hidayat
Rachmat Hidayat
Kontennya menarik
Achmad Alvin Ardiansyah
Achmad Alvin Ardiansyah
Kontennya menarik
Ilham Yoga Perdana
Ilham Yoga Perdana
Mudah dipahami,Recommended,Informatif
Nur Afifah Fauziyyah
Nur Afifah Fauziyyah
Informatif
...
Lihat Rekaman
Rp. 249,000
Beli sekali akses selamanya
Rp. 70,000
Rp. 59,00016% off
Hemat Rp. 11,0001 Hari tersisa Diharga ini!
Sewa kelas dan akses selama 1 bulan
Yang akan kamu dapatkan :
31 Modul
3 jam durasi
Forum Diskusi Tanya Jawab
Klaim Sertifikat Digital

Kelas Populer Lainnya

Prev
Next