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
1. Judul Pelatihan
Mengimplementasikan pemrograman terstruktur berorientsi objek dan menulis kode dengan prinsip sesuai guidlanie dalam membuat chat real time berbasis web untuk menjadi desainer website
2. Deskripsi Pelatihan
Dengan mengikuti pelatihan ini peserta akan menjadi seorang desainer website
Sebagai seorang desainer 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 ( 2513.06 ) 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
3. Tujuan Umum Pelatihan
Diakhir pelatihan Mengimplementasikan pemrograman terstruktur berorientsi objek dan menulis kode dengan prinsip sesuai guidlanie dalam membuat chat real time berbasis web untuk menjadi desainer website, Peserta Mampu mendesain sebuah website dengan menggunakan Vue Js. Pelatihan ini dibuat dengan merujuk kepada Acuan KBJI 2014 ( 2513.06 ) dan menggunakan Standar Kompetensi Kerja Nasional Indonesia ( SKKNI ) Nomor 282 Tahun 2016 Pemrograman
4. Tujuan Khusus Pelatihan
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
5. Kelompok Sasaran
1) Pendidikan minimal SMA/SMK
2) Memiliki Komputer / Laptop
3) Memiliki pengetahuan dasar pemrograma komputer
4) Memiliki pengetahuan dasar HTML dan CSS
6. Durasi Detail dan Total Durasi
1. Introduction Vue js 06:27
2. Instalasi Vue JS Bagian A 05:10
3. Instalasi Vue JS Bagian B 05:56
4. Pengenalan Method Pada Vue JS 04:20
5. Pengenalan Event Object 09:36
6. Pengenalan Data Binding 09:36
7. Keyboard Event 02:26
8. Data Dua Arah Dengan Binding 02:08
9. Looping dengan V-for pada Vue JS Bagian A 05:10
10. Looping dengan V-for pada Vue JS Bagian B 06:40
11. Instalasi Vue CLI 08:14
12. Pengenalan File dan Folder Yang Ada Di Dalam Project Vue CLI 04:25
13. Data Function pada Vue JS 05:19
14. Navbar pada Vue JS 10:00
15. Pengertian Scoped 03:17
16. Pengenalan Passing Data dengan Props Bagian A 08:10
17. Pengenalan Passing Data dengan Props Bagian B 09:06
18. Event Pada Vue JS 09:01
19. Pengenalan Hook pada Vue JS Bagian A 06:10
20. Pengenalan Hook pada Vue JS Bagian B 06:51
21. Menampilkan Blog dari API JSON Placeholder Bagian A 08:10
22. Menampilkan Blog dari API JSON Placeholder Bagian B 06:31
23. Filter Data Part 1 Pada Vue JS 04:44
24. Membuat Filter Pencarian Dengan Vue JS 07:14
25. Instalasi Vue Router Bagian A 07:10
26. Instalasi Vue Router Bagian B 08:25
27. Vue Router Navigation 05:08
28. Vue Router Parameter 05:40
29. Instalasi Vue JS Project 08:15
30. Instalasi CSS Materialsis dengan Vue JS 03:16
31. Komponen Navbar pada Vue JS 08:59
32. Show Content pada Vue JS Bagian A 07:10
33. Show Content pada Vue JS Bagian B 08:23
34. Delete Data Lokal Dengan Vue JS 07:24
35. Buat Database di Firebase Bagian A 05:10
36. Buat Database di Firebase Bagian B 07:19
37. Konfigurasi Firebase Dengan Vue JS 07:41
38. Show Data Dari Firebase Bagian A 06:10
39. Show Data Dari Firebase Bagian B 07:02
40. Delete Data Dari Firebase 06:16
41. Membuat Form Add Data Kursus Bagian A 06:10
42. Membuat Form Add Data Kursus Bagian B 08:18
43. Input Data Part Satu 08:45
44. Form Input Data Part Dua Bagian A 05:10
45. Form Input Data Part Dua Bagian B 06:33
46. Input Data Part Tiga 04:21
47. Insert Data ke Firebase 10:05
48. Insert Data ke Firebase Part Dua 06:00
49. Edit Data Part Satu Bagian A 06:10
50. Edit Data Part Satu Bagian B 06:10
51. Edit Data Part Satu Bagian C 07:38
52. Edit Data Part Dua 07:07
53. Edit Data Part Tiga 08:23
54. Update Data pada Vue JS 04:32
55. Upload Project ke Firebase Bagian A 06:10
56. Upload Project ke Firebase Bagian B 07:30
57. Instalasi Project 2 Bagian A 06:10
58. Instalasi Project 2 Bagian B 07:30
59. Membuat Form Input Name Chat 00:29
60. Route Chat Vue Bagian A 06:10
61. Route Chat Vue Bagian B 05:28
62. Route Vue JS Validasi 06:47
63. Form Chatting Room 07:36
64. Input Chat Part Pertama Bagian A 06:10
65. Input Chat Part Pertama Bagian B 04:31
66. Input Chat ke Firebase Bagian A 06:10
67. Input Chat ke Firebase Bagian B 04:44
68. Show Chat Bagian A 06:10
69. Show Chat Bagian B 05:49
70. Change Date dan Time Chat 04:51
71. Scrolling Chat pada Vue JS 04:18
72. Instalasi Project 3 : Show Location 09:33
73. Menambahkan Navbar 09:07
74. Map Part Satu 04:35
75. Map Part Dua 05:31
76. Show Map pada Vue JS Bagian A 06:10
77. Show Map pada Vue JS Bagian B 04:28
78. Membuat Form Registrasi Bagian A 07:10
79. Membuat Form Registrasi Bagian B 08:15
80. VIF Form Input Part Satu 03:59
81. VIF Part Dua 08:27
82. VIF Part Tiga 05:17
83. Insert Data ke Firebase 05:50
84. Navbar Router 06:15
85. Logout Part Satu 05:58
86. Logout Part Dua 04:35
87. Form Login pada Vue Bagian A 06:10
88. Form Login pada Vue Bagian B 05:09
89. Action Login Submit pada Vue Bagian A 06:10
90. Action Login Submit pada Vue Bagian B 04:36
91. Show Location 05:40
92. Update Location User Bagian A 06:10
93. Update Location User Bagian B 05:11
94. Validasi Session Login 06:52
95. Show Session User 05:46
96. Show Data Location 06:02
97. Show User Profile Bagian A 06:10
98. Show User Profile Bagian B 05:59
99. Buat Koleksi Data Chat Real Time 02:37
100. Insert Comment Part Satu 07:19
101. Insert Comment Part Dua 07:51
102. Show Chatting Bagian A 06:10
103. Show Chatting Bagian B 06:30
104. Styling Comment 06:45
105. Style Scrolling Chat 04:10
106. Uploading Webiste 05:34
TOTAL DURASI : 11 JAM, 06 MENIT, 26 DETIK
7. Silabus/Gambaran Materi
1. Introduction Vue js
2. Belajar Instalasi Vue JS Bagian A
3. Belajar Instalasi Vue JS Bagian B
4. Belajar Pengenalan Method Pada Vue JS
5. Belajar Pengenalan Event Object
6. Belajar Pengenalan Data Binding
7. Belajar Keyboard Event
8. Belajar Data Dua Arah Dengan Binding
9. Belajar Looping dengan V-for pada Vue JS Bagian A
10. Belajar Looping dengan V-for pada Vue JS Bagian B
11. Belajar Instalasi Vue CLI
12. Belajar Pengenalan File dan Folder Yang Ada Di Dalam Project Vue CLI
13. Belajar Data Function pada Vue JS
14. Belajar Navbar pada Vue JS
15. Belajar Pengertian Scoped
16. Belajar Pengenalan Passing Data dengan Props Bagian A
17. Belajar Pengenalan Passing Data dengan Props Bagian B
18. Belajar Event Pada Vue JS
19. Belajar Pengenalan Hook pada Vue JS Bagian A
20. Belajar Pengenalan Hook pada Vue JS Bagian B
21. Belajar Menampilkan Blog dari API JSON Placeholder Bagian A
22. Belajar Menampilkan Blog dari API JSON Placeholder Bagian B
23. Belajar Filter Data Part 1 Pada Vue JS
24. Belajar Membuat Filter Pencarian Dengan Vue JS
25. Belajar Instalasi Vue Router Bagian A
26. Belajar Instalasi Vue Router Bagian B
27. Belajar Vue Router Navigation
28. Belajar Vue Router Parameter
29. Belajar Instalasi Vue JS Project
30. Belajar Instalasi CSS Materialsis dengan Vue JS
31. Belajar Komponen Navbar pada Vue JS
32. Belajar Show Content pada Vue JS Bagian A
33. Belajar Show Content pada Vue JS Bagian B
34. Belajar Delete Data Lokal Dengan Vue JS
35. Belajar Buat Database di Firebase Bagian A
36. Belajar Buat Database di Firebase Bagian B
37. Belajar Konfigurasi Firebase Dengan Vue JS
38. Belajar Show Data Dari Firebase Bagian A
39. Belajar Show Data Dari Firebase Bagian B
40. Belajar Delete Data Dari Firebase
41. Belajar Membuat Form Add Data Kursus Bagian A
42. Belajar Membuat Form Add Data Kursus Bagian B
43. Belajar Input Data Part Satu
44. Belajar Form Input Data Part Dua Bagian A
45. Belajar Form Input Data Part Dua Bagian B
46. Belajar Input Data Part Tiga
47. Belajar Insert Data ke Firebase
48. Belajar Insert Data ke Firebase Part Dua
49. Belajar Edit Data Part Satu Bagian A
50. Belajar Edit Data Part Satu Bagian B
51. Belajar Edit Data Part Satu Bagian C
52. Belajar Edit Data Part Dua
53. Belajar Edit Data Part Tiga
54. Belajar Update Data pada Vue JS
55. Belajar Upload Project ke Firebase Bagian A
56. Belajar Upload Project ke Firebase Bagian B
57. Belajar Instalasi Project 2 Bagian A
58. Belajar Instalasi Project 2 Bagian B
59. Belajar Membuat Form Input Name Chat
60. Belajar Route Chat Vue Bagian A
61. Belajar Route Chat Vue Bagian B
62. Belajar Route Vue JS Validasi
63. Belajar Form Chatting Room
64. Belajar Input Chat Part Pertama Bagian A
65. Belajar Input Chat Part Pertama Bagian B
66. Belajar Input Chat ke Firebase Bagian A
67. Belajar Input Chat ke Firebase Bagian B
68. Belajar Show Chat Bagian A
69. Belajar Show Chat Bagian B
70. Belajar Change Date dan Time Chat
71. Belajar Scrolling Chat pada Vue JS
72. Belajar Instalasi Project 3 : Show Location
73. Belajar Menambahkan Navbar
74. Belajar Map Part Satu
75. Belajar Map Part Dua
76. Belajar Show Map pada Vue JS Bagian A
77. Belajar Show Map pada Vue JS Bagian B
78. Belajar Membuat Form Registrasi Bagian A
79. Belajar Membuat Form Registrasi Bagian B
80. Belajar VIF Form Input Part Satu
81. Belajar VIF Part Dua
82. Belajar VIF Part Tiga
83. Belajar Insert Data ke Firebase
84. Belajar Navbar Router
85. Belajar Logout Part Satu
86. Belajar Logout Part Dua
87. Belajar Form Login pada Vue Bagian A
88. Belajar Form Login pada Vue Bagian B
89. Belajar Action Login Submit pada Vue Bagian A
90. Belajar Action Login Submit pada Vue Bagian B
91. Belajar Show Location
92. Belajar Update Location User Bagian A
93. Belajar Update Location User Bagian B
94. Belajar Validasi Session Login
95. Belajar Show Session User
96. Belajar Show Data Location
97. Belajar Show User Profile Bagian A
98. Belajar Show User Profile Bagian B
99. Belajar Buat Koleksi Data Chat Real Time
100. Belajar Insert Comment Part Satu
101. Belajar Insert Comment Part Dua
102. Belajar Show Chatting Bagian A
103. Belajar Show Chatting Bagian B
104. Belajar Styling Comment
105. Belajar Style Scrolling Chat
106. Belajar Uploading Webiste
8. Aspek Kompetensi / Output Kompetnsi
Aspek Kompetensi: Pengetahuan (Knowledge)
Dengan mempelajari pelatihan Mengimplementasikan Pemrograman terstruktur Berorientasi Objek dan Menulis Kode dengan Prinsip sesuai pedoman dalam Membuat Chat Real Time berbasis Web untuk menjadi Desainer Website siswa:Aspek Kompetensi: Keterampilan (Skill)
Dengan mempelajari pelatihan Mengimplementasikan Pemrograman terstruktur Berorientasi Objek dan Menulis Kode dengan Prinsip sesuai pedoman dalam Membuat Chat Real Time berbasis Web untuk menjadi Desainer Website siswa:
Aspek Kompetensi: Sikap (Attitude)
Dengan mempelajari pelatihan Mengimplementasikan Pemrograman terstruktur Berorientasi Objek dan Menulis Kode dengan Prinsip sesuai Pedoman dalam Membuat Chat Real Time berbasis Web untuk menjadi Desainer Website siswa:9. Metode Ajar
Metode Ajar hybrid (self pace leearning)
10. Harga
Rp. 499.000
11. Tenaga Pelatih
Nama : Rudianto S.Kom
Profil Tenaga Pelatih : . Memiliki pengalaman lebih dari 5 tahun dibidang Programming dan Digital Marketing search engine optimization ( SEO ) dan juga Search Engine Marketing ( SEM) dan juga memilliki pengalaman mengajar lebih dari 3 (Tiga) tahun di bidang Desain Grafis, Pembuatan Website, Digital Marketing Seperti cara beriklan di Facebook, di Google, Twitter, Instagram, Cara beriklan di Youtube dan juga programing seperti Vue Js dan JavaScript, sebagai instruktur dan narasumber di berbagai kementerian dan perusahaan swasta seperti Telkomsel, Kominfo, Kemendikbud, LIPI, BNI dll.
JENIS/KLASIFIKASI SERTIFIKAT
Certificate of Completion & Certificate of Graduation
12. Jadwal Sesi Konseling
Rudianto S.Kom , Kamis 09.00 - 10.00
13. Nama Lembaga Pelatih
BABASTUDIO
14. Mekanime Evaluasi
Mekanisme Evaluasi pada program pelatihan ini yaitu :
1. Soal Pre Test
2. Soal Kuis
3. Soal Pop-up Kuis
4. Soal Post Test
5. Penugasan atau Tugas Akhir
Di Materi ini kamu akan mempelajari:
1. Introduction
6. Vue Chat and Show Location
Metode Pembayaran bisa dilakukan dengan cara :