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
2. Instalasi 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
3. Vue Router
  • Instalasi Vue Router
  • Vue Router Navigation
  • Vue Router Parameter

4. Vue Project 1
  • 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
5. Instalasi Project 2 : Aplikasi Chat
  • 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

    • Introduction Vue js
    • 06:28
    • Instalasi Vue JS
    • 10:56
    • Pengenalan Method Pada Vue JS
    • 04:21
    • Pengenalan Event Object
    • 09:37
    • Pengenalan Data Binding
    • 09:37
    • Keyboard Event
    • 06:08
    • Data Dua Arah Dengan Binding
    • 02:08
    • Looping dengan V-for pada Vue JS
    • 11:41
    • Instalasi Vue CLI
    • 08:14
    • Pengenalan File dan Folder Yang Ada Di Dalam Project Vue CLI
    • 04:26
    • Data Function pada Vue JS
    • 05:20
    • Navbar pada Vue JS
    • 10:01
    • Pengertian Scoped
    • 03:18
    • Pengenalan Passing Data dengan Props
    • 17:06
    • Event Pada Vue JS
    • 09:02
    • Pengenalan Hook pada Vue JS
    • 12:51
    • Menampilkan Blog dari API JSON Placeholder
    • 14:32
    • Filter Data Part 1 Pada Vue JS
    • 04:45
    • Membuat Filter Pencarian Dengan Vue JS
    • 07:14
    • Instalasi Vue Router
    • 15:26
    • Vue Router Navigation
    • 05:08
    • Vue Router Parameter
    • 05:41
    • Instalasi Vue JS Project
    • 08:15
    • Instalasi CSS Materialsis dengan Vue JS
    • 03:16
    • Komponen Navbar pada Vue JS
    • 08:59
    • Show Content pada Vue JS
    • 15:24
    • Delete Data Lokal Dengan Vue JS
    • 07:25
    • Buat Databse di Firebase
    • 12:20
    • Konfigurasi Firebase Dengan Vue JS
    • 07:42
    • Show Data Dari Firebase
    • 13:03
    • Delete Data Dari Firebase
    • 06:17
    • Membuat Form Add Data Kursus
    • 14:19
    • Input Data Part Satu
    • 08:46
    • Form Input Data Part Dua
    • 11:34
    • Input Data Part Tiga
    • 04:22
    • Insert Data ke Firebase
    • 10:06
    • Insert Data ke Firebase Part Dua
    • 06:01
    • Edit Data Part Satu
    • 19:38
    • Edit Data Part Dua
    • 07:08
    • Edit Data Part Tiga
    • 08:24
    • Update Data pada Vue JS
    • 04:33
    • Upload Project ke Firebase
    • 12:10
    • Instalasi Project 2 : Aplikasi Chat
    • 13:31
    • Membuat Form Input Name Chat
    • 14:58
    • Route Chat Vue
    • 11:28
    • Route Vue JS Validasi
    • 06:48
    • Form Chatting Room
    • 07:37
    • Input Chat Part Pertama
    • 10:31
    • Input Chat ke Firebase
    • 10:45
    • Show Chat
    • 11:49
    • Change Date dan Time Chat
    • 04:51
    • Scroling Chat pada Vue JS
    • 04:19
    • Instalasi Project 3 : Show Location
    • 09:33
    • Menambahkan Navbar
    • 09:08
    • Map Part Satu
    • 04:36
    • Map Part Dua
    • 05:31
    • Show Map pada Vue JS
    • 10:28
    • Membuat Form Registrasi
    • 15:16
    • VIF Form Input Part Satu
    • 04:00
    • VIF Part Dua
    • 08:27
    • VIF Part Tiga
    • 05:17
    • Insert Data ke Firebase
    • 05:50
    • Navbar Router
    • 06:15
    • Logout Part Satu
    • 05:58
    • Logout Part Dua
    • 04:36
    • Form Login pada Vue
    • 11:09
    • Action Login Submit pada Vue
    • 10:36
    • Show Location
    • 05:40
    • Update Location User
    • 11:12
    • Validasi Session Login
    • 06:52
    • Show Session User
    • 05:47
    • Show Data Location
    • 06:02
    • Show User Profile
    • 12:00
    • Buat Koleksi Data Chat Real Time
    • 02:38
    • Insert Comment Part Satu
    • 07:20
    • Insert Comment Part Dua
    • 07:52
    • Show Chatting
    • 12:30
    • Styling Comment
    • 06:46
    • Style Scroling Chat
    • 04:11
    • Uploading Webiste
    • 05:34

Atau Tambahkan Ke

Includes:
  • Materi Up to Date
  • Sertifikat Resmi
  • Instruktur selalu Online
  • Tersedia tampilan mobile

Metode Pembayaran bisa dilakukan dengan cara :

  1. Transfer ATM
  2. Mobile Banking
  3. Internet Banking
  4. SMS Banking