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

Deksripsi Pelatihan :  

Dengan mengikuti pelatihan ini peserta akan menjadi seorang pengembang website
Sebagai seorang pengembang website, peserta dapat menganalisis, merancang dan mengembangkan situs internet dengan menerapkan campuran seni dan kreativitas dengan pemrograman perangkat lunak, bahasa script dan interaksi dengan lingkungan system operasi; dimana nantinya peserta bisa membuat fitur dalam website berupa fitur chat secara langsung dengan program vue js

Menurut data dari world economic forum ( https://bit.ly/3wrrD9g ) kebutuhan akan pengembang website (web development ) akan terus meningkat, Pekerjaan sebagai pengembang website juga menjadi pekerjaan yang paling di cari nomor 2 di tahun 2016 oleh banyak perusahaan. Jika peserta mempunyai keahlian ini, maka tidak akan sulit bagi peserta untuk menemukan pekerjaan di masa sekarang ini

Di pelatihan ini peserta akan memahami kegunaan seluruh tools yang ada pada pemrograman vue js. Sehingga peserta dapat menggunakan tools tersebut untuk membuat fitur Vue JS pada website peserta sesuai dengan kebutuhan

Pelatihan ini dibuat dengan merujuk kepada Acuan KBJI 2014 ( 2166.10 ) dan menggunakan Standar Kompetensi Kerja Nasional Indonesia ( SKKNI ) Nomor 282 Tahun 2016 Pemrograman

Sesuai dengan kebutuhan industri, Kompetensi yang akan anda pelajari pada program pelatihan ini yaitu :
1. Kompeten Menguasai dan memahami cara Instalasi Vue CLI
2. Kompeten Memahami apa itu method, Event data Binding, Looping
3. Kompeten Menguasai dan memahami Pengenalan Hook pada Vue JS
4. Kompeten Menguasai dan memahami cara Menampilkan Blog dari API JSON Placeholder
5. Kompeten Menguasai dan memahami cara Membuat Filter Pencarian Dengan Vue JS
6. Kompeten Menguasai dan memahami cara membuat Aplikasi Chat dengan Vue js
7. Kompeten Menguasai dan memahami cara membuat Vue Chat and Show Location


Short Description (Ringkasan Deskripsi) *: 

Dengan mempelajari materi ini, peserta akan menjadi seorang pengembang website dengan kemampuan memahami method, Event Data Binding dan Looping serta memahami cara instalasi VueCLI, menampilkan Blog dari API JSON Placeholder, membuat filter pencarian dengan vue js, membuat aplikasi chat dengan vue js, dan membuat Vue Chat dan Show Location. 


Tujuan Umum : 

Diakhir pelatihan Menjadi Pengembang Website Dengan Vue JS Peserta Mampu Mengembangkan sebuah website dengan menggunakan Vue Js 


Tujuan Khusus  :

1. Kompeten Menguasai dan memahami cara Instalasi Vue CLI
2. Kompeten Memahami apa itu method, Event data Binding, Looping
3. Kompeten Menguasai dan memahami Pengenalan Hook pada Vue JS
4. Kompeten Menguasai dan memahami cara Menampilkan Blog dari API JSON Placeholder 5.
5. Kompeten Menguasai dan memahami cara Membuat Filter Pencarian Dengan Vue JS
6. Kompeten Menguasai dan memahami cara membuat Aplikasi Chat dengan Vue js
7. Kompeten Menguasai dan memahami cara membuat Vue Chat and Show Location

Aspek Kompetensi: Pengetahuan (Knowledge)

Dengan mempelajari pelatihan ini, siswa: 

1.Menguasai dan memahami cara Instalasi Vue CLI
2.Memahami apa itu method, Event data Binding, Looping
3.Menguasai dan memahami Pengenalan Hook pada Vue JS
4.Menguasai dan memahami cara Menampilkan Blog dari API JSON Placeholder 5.
5.Menguasai dan memahami cara Membuat Filter Pencarian Dengan Vue JS
6.Menguasai dan memahami cara membuat Aplikasi Chat dengan Vue js
7.Mampu Menguasai dan memahami cara membuat Vue Chat and Show Location


Aspek Kompetensi: Keterampilan (Skill) 

Dengan mempelajari pelatihan ini, siswa:
1. Mampu Mengidentifikasi cara Instalasi Vue CLI
2.Mampu mengidentifikasi method, Event data Binding, Looping
3.Mampu menentuka Hook pada Vue JS
4.Mampu Menampilkan Blog dari API JSON Placeholder 5.
5.Mampu Membuat Filter Pencarian Dengan Vue JS
6.Mampu membuat Aplikasi Chat dengan Vue js
7.Mampu membuat Vue Chat and Show Location


Aspek Kompetensi: Sikap (Attitude) 

"Dengan mempelajari pelatihan ini, siswa: 

1. Mengidentifikasi cara Instalasi Vue CLI dengan teliti
2.mengidentifikasi method, Event data Binding, Looping dengan teliti
3.menentukan Hook pada Vue JS sesuai dengan kebutuhan
4.Menampilkan Blog dari API JSON Placeholder sesuai kebutuhan.
5.Membuat Filter Pencarian Dengan Vue JS sesuai kaidah pemrograman
6.membuat Aplikasi Chat dengan Vue js sesuai kebutuhan user
7.membuat Vue Chat and Show Location sesuai kebutuhan user


Kelompok Sasaran :

1) Pendidikan minimal SMA/SMK
2) memiliki Komputer / Laptop
3) Memiliki pengetahuan dasar pemrograma komputer
4) Memiliki pengetahuan dasar HTML dan CSS


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