Description

Kami Baba Studio telah berdiri selama 17 tahun dengan 130 ribu murid dan alumni. Beberapa Pencapaian Baba Studio
adalah:
1. Peraih Ratusan Penghargaan
2. Termasuk 5 ICT Award dari Menkominfo

Tentang materi

Tujuan Pelatihan           :

1. Tujuan Umum :  Diakhir Pelatihan peserta mampu memahami dan menguasai bahasa           pemrograman serta dapat membuat aplikasi Chat dengan Vue

2. Tujuan Khusus :

• Menguasai dan memahami cara   Instalasi Vue CLI
• Memahami  apa itu method, Event data Binding, Looping
• Menguasai dan memahami  Pengenalan Hook pada Vue JS
• Menguasai dan memahami  cara Menampilkan Blog dari API JSON Placeholder
• Menguasai dan memahami cara  Membuat Filter Pencarian Dengan Vue JS
• Menguasai dan memahami cara membuat  Aplikasi Chat dengan Vue js
• Menguasai dan memahami cara membuat Vue Chat and Show Location

Sasaran Kompetensi            : Pelatihan ini ditujukan untuk para programmer , dan data science yang                                                          ingin mengembangkan kemampuanya di bidang programming. Standar                                                        yang digunakan dalam pelatihan ini adalah standar kompetensi                                                                      SKKK/SKKNI

Sasaran Kelompok Peserta   :   Pelatihan ini dapat diikuti oleh peserta minimal Pendidikan SMA dan                                                              memiliki komputer atau laptop. Tingkat kesulitan pelatihan ini adalah                                                              tingkat pemula / dasar.

Metode Ajar                             : Metode Ajar yang digunakan dalam pelatihan ini yaitu LMS.

Durasi Pelatihan                     :  11 Jam 36 Menit 18 Detik

Mekanisme Evaluasi               :  Quiz dan Post Test

Hasil yang didapat dari kursus ini

Di Materi ini kamu akan mempelajari:

1. Introduction

• Introduction Vue js
• Instalasi Vue JS
• Pengenalan Method Pada Vue JS
• Pengenalan Event Object
• Pengenalan Data Binding
• Keyboard Event
• Data Dua Arah Dengan Binding
• Looping dengan V-for pada Vue JS
• Vue CLI

• Pengenalan File dan Folder Yang Ada Di Dalam Project Vue CLI
• Data Function pada Vue JS
• Navbar pada Vue JS
• Pengertian Scoped
• Pengenalan Passing Data dengan Props
• Event Pada Vue JS
• Pengenalan Hook pada Vue JS
• Menampilkan Blog dari API JSON Placeholder
• Filter Data Part 1 Pada Vue JS
• Membuat Filter Pencarian Dengan Vue JS

• Instalasi Vue Router
• Vue Router Navigation
• Vue Router Parameter

• Instalasi Vue JS Project
• Instalasi CSS Materialsis dengan Vue JS
• Komponen Navbar pada Vue JS
• Show Content pada Vue JS
• Delete Data Lokal Dengan Vue JS
• Buat Databse di Firebase
• Konfigurasi Firebase Dengan Vue JS
• Show Data Dari Firebase
• Delete Data Dari Firebase
• Membuat Form Add Data Kursus
• Input Data
• Insert Data ke Firebase
• Edit Data
• Update Data pada Vue JS
• Upload Project ke Firebase
• Vue Project Chat Real Time

• Membuat Form Input Name Chat
• Route Chat Vue
• Route Vue JS Validasi
• Form Chatting Room
• Input Chat Part Pertama
• Input Chat ke Firebase
• Show Chat
• Change Date dan Time Chat
• Scroling Chat pada Vue JS
  

6. Vue Chat and Show Location

• Instalasi Project 3 : Show Location
• Menambahkan Navbar
• Map
• Show Map pada Vue JS
• Membuat Form Registrasi
• VIF Form Input
• Insert Data ke Firebase
• Navbar Router
• Logout Part
• Form Login pada Vue
• Action Login Submit pada Vue
• Show Location
• Update Location User
• Validasi Session Login
• Show Session User
• Show Data Location
• Show User Profile
• Buat Koleksi Data Chat Real Time
• Insert Comment
• Show Chatting
• Styling Comment
• Style Scroling Chat
• Uploading Webiste

Curriculum

• Expand All
• 80 Videos
• 40 Hari