Menguasai Framework VueJs untuk Frontend Developer

Deskripsi Pelatihan

Pelatihan ini dirancang untuk membekali peserta dengan keterampilan dan pengetahuan yang dibutuhkan dalam pengembangan aplikasi web modern. Tujuan umum dari pelatihan ini adalah untuk meningkatkan kemampuan peserta dalam menggunakan VueJs, sebuah framework JavaScript yang populer untuk membangun antarmuka pengguna yang interaktif dan responsif. Secara khusus, pelatihan ini akan membantu peserta memahami konsep dasar hingga lanjutan VueJs, termasuk Vue Router, Vuex, dan integrasi API. Pelatihan ini ditujukan untuk para frontend developer yang ingin memperdalam kompetensi mereka di bidang pengembangan frontend dengan VueJs. Peserta akan dilatih untuk menguasai berbagai kompetensi seperti pembuatan komponen, pengelolaan state, dan penerapan best practices dalam pengembangan aplikasi VueJs. Pembelajaran akan dilakukan secara bertahap dengan metode blended learning yang menggabungkan 8 sesi online dan praktik langsung. Dengan mengikuti pelatihan ini, peserta diharapkan mampu membangun aplikasi web yang efektif dan efisien menggunakan VueJs, serta siap menghadapi tantangan di dunia kerja sebagai Programmer menurut Indonesia’s Critical Occupation List (COL) 2018.

Tujuan Umum Pelatihan

Peserta mampu membuat aplikasi manajemen tugas dengan VueJS sesuai dengan standar industri dengan menunjukkan minimal 60 persen penguasaan materi pada saat unjuk keterampilan.

Tujuan Khusus Pelatihan

- Peserta mengenali program pembelajaran, dapat memahami Instalasi dan Setup Untuk Membuat Program JavaScript, Variable, Data Type Primary, Conditional

- Peserta dapat memahami Perulangan di JavaScript (Nested Loop, Syntax break and continue in looping, Mengenal Fungsi, Data Type Structural, , Built-in Method (Function) dari JavaScript)

- Peserta dapat membuat website dari HTML dan CSS

- Peserta dapat memahami Vue.js, Development Environment, Vue.js Setup dengan Vite, Vue Directive, Vue.js Component

- Peserta dapat memahami konsep  Vue, Vue.js Concept, Development Environment, Vue.js Setup dengan Vite, Vue Directive

- Peserta dapat memahami konsep dari Single Page Application, Vue Router, Basic Router, Nested Route, URL Parameters, Programmatic Navigation, Protracted Route

- Peserta dapat mengimplementasikan konsep dari  State Management, Pinia, Define Store, Connecting Pinia dengan Vue Component, Exercise, Fetch API in Pinia, Pinia Store Architecture

- Peserta dapat melakukan deployment dan push aplikasi ke production

Aspek Kompetensi: Pengetahuan (Knowledge)

Pemrograman Berbasis Website, Pekerjaan Software Developer, dan Instalasi tools

Penggunaan Visual Studio code sebagai media coding

Pengaplikasian dasar HTML5 dan struktur HTML5 sebagai bahasa pemrograman dasar membuat website

Pengaplikasian framework Vue pada pembuatan website.

Komponen Struktur Website dan Bahasa Pemrograman Javascript untuk membuat website menjadi lebih dinamis

Pengembangan website secara online dengan melakukan deploy website.

Aspek Kompetensi: Keterampilan (Skill)

Peserta mampu membuat program sederhana untuk menjalankan perintah dasar dan melakukan manipulasi data menggunakan JavaScript dengan Node.js.

Mampu Menentukan pembagian struktur website

Mampu membuat website secara sederhana dengan menggunakan HTML dan CSS.

Peserta mampu merencanakan pengembangan website lebih lanjut dengan memanfaatkan framework  Vue, serta memahami keuntungan menggunakan framework Vue dibandingkan dengan pendekatan sederhana.

Mampu Melakukan penggunaan CLI untuk men-deploy landing pages secara online menggunakan 3rd Parties yaitu Netlify

Aspek Kompetensi: Sikap (Attitude)

Fokus untuk menyelesaikan tugas sebagai seorang pengembang website

Berpikir kritis dan analisis

Responsif dan proaktif dalam berdiskusi, mengumpulkan data dan fakta

Memiliki manajemen waktu yang baik pada saat membangun sebuah website

Syarat dan Ketentuan Lainnya

1. Pendidikan minimal SMA/sederajat

2. Berusia minimal 18 tahun

3. Untuk mengambil program ini, pastikan kamu telah memahami kemampuan dasar komputer (web browsing, app installation, file navigating).

4. Peserta wajib menggunakan PC/Laptop dengan jaringan internet yang stabil

5. Untuk persyaratan device minimal adalah Processor Core i3 (recommended: Core i5), RAM minimum 4GB (recommended: 8GB) dan setidaknya ada 100GB storage available

Durasi Per Sesi

Intro to Modern Javascript Part 1 120 menit

Intro to Modern Javascript Part 2 II 120 menit

HTML dan CSS 120 menit

Introduction to Vue.Js 120 menit

Vue Composition & Lifecycle 120 menit

Vue Router 120 menit

State Management Pinia 120 menit

Deployment dengan Netlify 120 menit

Total Durasi

960 menit

Kapasitas Peserta

100 Peserta

Metode Pembelajaran

Daring

Metode Evaluasi

1. Pre Test
2. Quiz
3. Post Test

Unjuk Keterampilan

Pada unjuk keterampilan, peserta akan diminta untuk membuat aplikasi manajemen tugas, dimana pengguna dapat membuat, melihat, mengedit, dan menghapus tugas-tugas yang dilakukan. Aplikasi tersebut akan menggunakan Vue.js sebagai framework frontend dan Pinia sebagai state management. Aspek yang dinilai antara lain; Fungsionalitas(25%), Kode dan Struktur Proyek(25%), Performa dan Optimisasi(25%), dan Integrasi dan Pengujian(25%).

Jenis/Klasifikasi Sertifikat

Sertifikat Penyelesaian

Profil Pengajar

Arif Setiawan
Arief telah berkarir selama lebih dari 5 tahun sebagai developer dengan keterampilan pada web and mobile application development. Dengan penguasaan di berbagai bahasa pemrograman, saat ini Arief aktif sebagai Full-stack Developer di Smart Village Lampung sekaligus menjadi instruktur di Hacktiv8.

Akbar Sahata Sakapertana
Akbar berpengalaman membangun sistem dari stage awal, memimpin perombakan arsitektur backend menjadi sistem inti. Ia juga mengedepankan kualitas kode dan standar industri dan mentoring insinyur junior. Ahli dalam digitalisasi proses operasional, integrasi ERP dan IoT, dan kolaborasi lintas fungsi.

Panduan Redeem Voucher

1. Di website Pijar Mahir (https://pijarmahir.id/), klik menu profil (nama anda) pada pojok kanan atas kemudian klik menu Voucher Saya dan klik Salin Kode (atau catat kode voucher secara manual)

2. Kunjungi auth.kode.id/signup, lakukan pendaftaran dengan memasukkan semua data yang dibutuhkan. Harap memasukkan nama yang sama dengan yang kamu daftarkan di website Prakerja. Perbedaan nama yang kamu berikan akan menghambat sertifikat kamu.

3. Setelah pendaftaran selesai kamu akan mendapatkan email untuk memverifikasi Akun kamu.

4. Bagi kamu yang sudah memiliki akun di KODE, pastikan kamu sudah sign in terlebih dahulu sebelum melakukan redeem voucher. Jika kamu belum sign in, maka kamu dapat sign in di https://auth.kode.id/signin

5. Setelah berhasil sign in maka kamu dapat langsung melakukan redeem voucher dengan mengakses link https://pay.kode.id/voucher-redeem-prakerja atau kamu dapat mengklik button “Redeem” di menu bar, kemudian pilih jenis voucher “Prakerja”.

6. Silakan memasukkan kode redemption yang kamu dapat dari dashboard Prakerja

7. Klik button “Redeem Voucher”.

8. Setelah voucher berhasil di redeem, Klik “Mulai Belajar” untuk langsung belajar di platform KODE

9. Setelah itu, kamu akan mendapat email berupa informasi seputar kelas. Pastikan selalu mengecek inbox email kamu.

Kontak Lembaga Pelatihan

Email: halo@hacktiv8.ac.id

WhatsApp: (021) 8067 5787