Latihan dari Programming with Erik untuk pengenalan Vue JS versi 3 dengan TypeScript

https://www.youtube.com/watch?v=V9MmoBAezD8

---

Latihan membuat kalender bulanan dengan Vue JS

https://medium.com/js-dojo/how-to-make-a-monthly-calendar-with-vue-c5abdba2dc17

---

Beberapa paket plugin Vue JS untuk membuat Tabel, membuat Checkbox , dan manipulasi teks

https://medium.com/front-end-weekly/top-vue-packages-for-adding-tables-checkboxes-and-manipulating-text-ecbd4985a140

---

Beberapa tips untuk optimasi aplikasi Vue JS dan performa yang lebih baik

https://blog.logrocket.com/methods-optimizing-vue-js-applications/

---

#vue #vue3 #typescript #cli #calendar #monthly #table #checkbox #text #optimization

Latihan panjang pengenalan Vue JS 3 dengan Vuex 4 , dan Vue JS dikonfigurasi dengan menggunakan TypeScript

https://www.youtube.com/watch?v=fh0VboqAc8k

—-

Latihan sebelumnya tentang penggunaan Vue JS 3 dengan TypeScript
https://www.youtube.com/watch?v=V9MmoBAezD8

—-

Latihan menggunakan Nuxt JS untuk membuat aplikasi web dengan JAMStack

https://medium.com/better-programming/power-up-your-jamstack-with-the-new-nuxt-9b5c3d449876

---

Latihan membuat grafik pohon Tree Graph dengan D3 JS dan Vue JS

https://levelup.gitconnected.com/building-a-rpg-like-skill-tree-98bfdbef01de

#vue #typescript #vuex #nuxt #jamstack #d3

Beberapa fitur baru di Vue JS 3 yang menarik untuk dicoba dan diimplementasikan

https://dev.to/daiyanze/vue-3-new-features-summary-2cie

---

Membuat aplikasi desktop penjadwalan waktu dengan Vue JS , Electron , dan Node Scheduler

https://dev.to/nickgottschlich/how-to-create-a-scheduler-with-with-electron-vue-and-node-schedule-33ib

---

Cara memanggil Axios Http Request dari Vuex Store

https://dev.to/ljnce/how-to-call-api-from-axios-in-vuex-store-2m3g

---

Cara menambahkan Chakra UI ke Vue Nuxt JS

https://dev.to/easybuoy/setting-up-chakra-ui-vue-with-nuxt-268m

#vue #vue3 #electron #nodejs #scheduler #chakraUI #nuxt

Programming With Erik melakukan review terhadap beberapa proyek berbasis Vue JS 3 dan contoh proyek yang dapat dipakai sebagai latihan

https://www.youtube.com/watch?v=wpBxeMvUiFc

- Vue 3 Playground
- Vite + Tailwind CSS Starter
- StackBlitz
- Movie Search
- Vue 3 Realworld Example
- Awesome Vue 3 Repo
—

Cara mengirim email langsung dari Vue JS ke tujuan email dengan bantuan library Email JS

https://www.freecodecamp.org/news/send-emails-from-your-vue-application/

#emailjs #vue #sample

Programming With Erik merilis latihan menggunakan Snowpack Build tools untuk membuat aplikasi web Vue JS 3.x yang lebih ringan dan cepat. Lalu dilakukan komparasi dengan Vue Vite build tools.

https://www.youtube.com/watch?v=6i7oMANRfMs

---

Latihan pengenalan Vue Vite build tools yang menjadi alternatif dari Vue CLI

https://vuejsdevelopers.com/2020/12/07/vite-vue-cli/

---

Latihan dari John Papa Pengenalan Vue JS 3 dan tips migrasi dari Vue JS 2

https://johnpapa.net/vue2-to-vue3/
https://dev.to/john_papa/migrating-vue-2-to-vue-3-2ial
---

Latihan menggunakan Vue Testing untuk pengujian aplikasi Web Vue JS

https://www.smashingmagazine.com/2020/11/vue-applications-vue-testing-library/

---

Tips menggunakan Router di Vue JS yang bersifat generic dan otomatis membuat router dari pages component di Vue JS

https://itnext.io/vue-tricks-smart-router-for-vuejs-93c287f46b50

---

Komparasi fitur antara Vue JS 3 dengan React JS 16.x

https://medium.com/js-dojo/vue-3-vs-react-learn-by-doing-d958b4d17e36

---

Latihan menggunakan Parcel JS sebagai module bundler dari Vue JS

https://levelup.gitconnected.com/have-you-tried-parcel-for-your-vue-projects-f188f7a5c08a

---

Membuat modal dialog slide up seperti tampilan di perangkat Apple iOS

https://itnext.io/how-to-create-apple-like-slideup-panels-in-vuejs-d0d74438139d

---

Cara deploy aplikasi Vue JS ke layanan Netlify

https://medium.com/javascript-in-plain-english/how-to-deploy-your-vue-js-app-to-netlify-8f9b96260e97

---

Contoh penggunaan State Management Vuex di Vue JS 3.x

https://dev.to/ghalex/state-management-in-vue-3-57c9

---

#vue #snowpack #vite #programmingWithErik #parcel #build #vuex

Contoh penggunaan Vue JS dengan TSX

https://areknawo.com/vue-with-tsx-the-perfect-duo/

---

Latihan menggunakan state management dengan Vuex

https://javascript.plainenglish.io/vue-js-state-management-with-vuex-a-beginners-guide-a1a281d7e91d

-

Referensi latihan tentang penggunaan Vuex

https://levelup.gitconnected.com/when-and-how-to-use-vuex-270f83c8d12a

---

Membuat dialog konfirmasi dengan Vue JS dan Tailwind CSS

https://javascript.plainenglish.io/build-a-confirmation-modal-with-vue-js-and-tailwind-7f7077f80d35

---

Membuat Countdown Timer dengan Vue JS

https://javascript.plainenglish.io/create-a-countdown-timer-app-with-vue-3-and-javascript-b064642d3a12

---

Form validation di Vue JS 3 dengan Vee Validate

https://medium.com/front-end-weekly/form-validation-in-a-vue-3-app-with-vee-validate-4-validation-and-submission-1a0068c871e4

#vue #vuex #dialog #modal #tailwind #countdown #tsx #validation #veevalidate

Beberapa tips dalam melakukan migrasi ke Vue JS 3

https://areknawo.com/5-opinionated-vue-3-migration-tips/

---

Beberapa cara dalam melakukan implementasi Vue v-model

https://dev.to/vcpablo/vuejs-2-different-ways-to-implement-v-model-1mjf

---

Referensi beberapa template admin untuk Vue JS

https://dev.to/flatlogic/10-noteworthy-bootstrap-admin-themes-made-with-the-latest-version-of-vue-32l1

---

Membuat theme switcher pada aplikasi Vue JS

https://medium.com/codex/build-a-css-theme-switcher-in-vue-js-34cdeb101ea9

---

#vue #switcher #theme #vmodel

Latihan pengenalan state management Pinia untuk Vue JS dari Programming With Erik

https://youtu.be/Ok6vO98RV_Q

#pinia #programmingWithErik #state #vuex

Latihan membuat plugin untuk Vue JS 3 bersama Programming With Erik

https://youtu.be/ui717bVHS4I

#vue #programmingWithErik #plugin

Latihan bersama Programming With Erik tentang routing dalam Nuxt JS

https://youtu.be/-mJj_5ISNO8

---

Mendeteksi event mouse hover pada Vue JS

https://javascript.plainenglish.io/vue-hover-c8b8eb786814

---

#vue #nuxt #routing #event #mouseHover

Latihan dari Program With Erik tentang penggunaan TypeScript di Vue JS 3

https://www.youtube.com/watch?v=vf84v0e4q3Q

—-

Beberapa cara membuat layout di Vue JS 3

https://itnext.io/3-ways-to-create-a-multiple-layouts-system-vue-3-b24c0736b7bb

—-

#vue #typescript #programWithErik

Pengenalan Nuxt DevTools bersama John Komarnicki

https://www.youtube.com/watch?v=oj7i4JUp-DA

#vue #nuxt #johnKomarnicky #devtools

Latihan dari John Komarnicky menambahkan fitur Social Share dan link preview pada aplikasi web Nuxt JS

https://youtu.be/JGl8kx4n9xc

---

Cara memulai project Vue JS di tahun 2023

https://blog.bitsrc.io/getting-started-with-a-new-vue-js-project-in-2023-7ea97498ab6a

---

Membuat fungsi global di Vue JS

https://javascript.plainenglish.io/how-to-make-helper-functions-globally-available-to-single-file-components-with-vue-js-26e77b1e09a7

---

Penggunaan Vue JS untuk micro front end

https://blog.bitsrc.io/building-vue-js-micro-frontends-5d572d236d4

#vue #project #global #function #social #share #johnKomarnicky

A Better Way To Handle Vue Props?
https://www.youtube.com/watch?v=b395fBUFEQg


#vue #props

Don't Make This Simple Mistake In Nuxt
https://www.youtube.com/watch?v=gSUJBWxqtSM

#vue #nuxt

Nuxt Course #1 | What is Nuxt?
https://www.youtube.com/watch?v=vq94izZSRb0

—-

Improving the Performance of Vue Sites with Tree Shaking
https://blog.openreplay.com/improving-performance-of-vue-sites-with-tree-shaking/

#vue #nuxtjs

Nuxt Course #2 | Creating a Nuxt App & File Directory Structure
https://www.youtube.com/watch?v=Uo59GMJusUI

#vue #nuxtjs #course

Creating Pages (File Based Routing) | Nuxt Course #4
https://www.youtube.com/watch?v=Jk58KR8zEfE

#vue #nuxtjs

Navigating Pages With NuxtLink | Nuxt Course #7

https://www.youtube.com/watch?v=dR8LCV6zt3c

#vue #nuxtjs