, , ,

Build Web App with Framework: Vue.js

Durasi Pelatihan : 4 Hari

Pelatihan Pemrograman menggunakan Framework Vue.js ini dirancang untuk pengembang aplikasi berbasis website yang fokus pada sisi front-end agar lebih cepat dan efisien selama proses pengembangan aplikasi. Vue.js tidak membutuhkan pengetahuan tentang webpack, Babel, npm ataupun yang lainnya karena library ini memang terfokus pada pengembangan lingkup front-end saja, sehingga pengembang baru tidak merasa tersesat dalam penggunaan Vue.js ini.

Pelatihan Pemrograman menggunakan Framework Vue.js ini dirancang untuk pengembang aplikasi berbasis website yang fokus pada sisi front-end agar lebih cepat dan efisien selama proses pengembangan aplikasi. Vue.js tidak membutuhkan pengetahuan tentang webpack, Babel, npm ataupun yang lainnya karena library ini memang terfokus pada pengembangan lingkup front-end saja, sehingga pengembang baru tidak merasa tersesat dalam penggunaan Vue.js ini.

Manfaat Pelatihan

Setelah menyelesaikan pelatihan ini, peserta akan dapat

  • Mendapatkan informasi apa saja kebutuhan dasar pengembangan aplikasiberbasis website dengan framework Vue
  • Melakukan instalasi Vue CLI (Command Line Interface)
  • Menggunakan perintah untuk menjalankan Vue CLI
  • Menyimpan proyek Vue di repositori GitHub
  • Melakukan integrasi berbagai alat untuk pengembangan Vue di browser dan dieditor
  • Menggunakan berbagai komponen Vue
  • Membuat komponen dalam satu file (Single Page Application)
  • Mendemonstrasikan template sendiri dari komponen Vue
  • Mendemonstrasikan style komponen menggunakan CSS
  • Mendapatkan informasi perbedaan Directives, Interpolations, Events, Methodsdan Watchers
  • Menggunakan Computed Properties untuk menyimpan perhitungan daninformasi
  • Menentukan kapan menggunakan Computed Properties, Methods atau Watchers
  • Mendapatkan informasi penggunan Props, Slots dan Filters
  • Mendapatkan informasi penggunaan komunikasi antar komponen
  • Mendemonstrasikan penggunaan library Vuex untuk menangani komponen dannavigasinya
  • Menggunakan Vue Router untuk merutekan atau menavigasikan setiapkomponen
  • Menggunakan metode CRUD (Create Read Update Delete)
  • Memanfaatkan data json
  • Menerapkan penanganan form beserta validasinya

Course Outline

Dengan demikian, peserta akan menjadi seorang Web Developer menggunakan Framework Laravel

  1. Pengenalan Vue
    • Menginterpretasikan Vue sebagai kerangka kerja dalam pengembangan aplikasi berbasis website
  2. Ruang Lingkup Vue
    • Mengunduh kebutuhan sistem meliputi Node.js, teks editor dan alat-alat untuk menunjang pengembangan aplikasi Vue
    • Mengkonfigurasi teks editor untuk pengembangan Vue
  3. Komponen Vue
    • Membuat komponen baru dari Vue
    • Membuat komponen Vue yang bisa digunakan berulang kali (reusable)
    • Menentukan komponen Vue untuk mengembangkan aplikasi
    • Membuat dan mengintegrasikan template HTML kedalam Vue
    • Menambahkan style komponen Vue kedalam aplikasi
  4. Blok Diagram Komponen
    • Membuat komponen dengan dengan model interpolation dan directives
    • Menggunakan ekspresi, kondisi, perulangan, events, methods, modifiers dan mengkustomisasinya
    • Menggunakan watchers untuk menyimpan dan menampilkan data komponen
    • Menggunakan computed properties untuk menyimpan dan menampilkan data komponen
    • Mendemonstrasikan penggunaan props, slots dan filters dalam komponen
  5. Komunikasi, Managemen State dan Perutean Komponen
    • Menggunakan props untuk komunikasi antar komponen secara 1 arah (dari parent ke child)
    • Menggunakan events untuk komunikasi antar komponen secara 1 arah (dari child ke parent)
    • Menggunakan event bus untuk komunikasi antar setiap komponen secara 2 arah (child – parent)
    • Menggunakan library Vuex untuk menangani komunikasi antar komponen
    • Menggunakan Vue Router untuk menangani komunikasi antar komponen
  6. Penanganan Database
    • Membaca, menulis, mengubah dan menghapus data dengan json
    • Menerapkan penanganan form dan valiasi menggunakan vuelidate

Reviews

There are no reviews yet.

Be the first to review “Build Web App with Framework: Vue.js”

Your email address will not be published. Required fields are marked *