Latihan membuat form input dengan kombinasi antara Vue JS Vue Formulate dengan Tailwind CSS

https://dev.to/justinschroeder/tailwind-vue-formulate-24k1

----

Membuat scrollbar halaman menjadi menyesuaikan tema Light atau Dark di Vue JS Vuetify

https://itnext.io/dark-and-light-scrollbar-at-runtime-with-vue-and-vuetify-3809076e547d

---

Latihan membuat aplikasi chat dengan Vue JS dan Apollo GraphQL

https://www.8base.com/blog/how-to-build-a-chat-app-in-20-minutes



#vue #vuetify #darkmode #formulate #tailwindcss #graphql

Latihan panjang membuat konversi koordinat dan sebaliknya dan ditampilkan ke dalam peta Google Maps dengan Geocoding , menggunakan Vue JS, Firebase dan Maps Geocoding API

Video
https://www.youtube.com/watch?v=L6DhmAnq_IY

Latihan tertulis
https://medium.com/javascript-in-plain-english/address-geocoding-with-google-geocoding-api-vuejs-and-firebase-694c0922df52

—-

Latihan menggunakan Vue Formulate untuk membuat form generator di Vue JS
https://www.youtube.com/watch?v=XZF71ij463Y

—-

Latihan membuat Translator Bahasa dengan Vue JS dan AWS Amplify
https://www.youtube.com/watch?v=VVb_qQFqE4M

——

Latihan membuat aplikasi Todo List dengan Vue JS , Vuetify, VueFire, Firebase

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


#vue #maps #geocoding #firebase #vueformulate #form #generator #todolist #vuetify

Latihan membuat aplikasi pemilih film movie bagian pertama dari channel Diligent Dev , dibuat dengan Vue JS 3 , Firebase , dan Vuetify

https://youtu.be/qK5I6b3ylAo

---

Cara menggunakan Lodash di Vue JS dengan metode import modular

https://dev.to/samanthaming/how-to-use-lodash-with-vue-gao

---

Membuat slider atau Carousel pada Swiper JS di Ionic Vue atau React

https://dev.to/aaronksaunders/creating-slides-with-ionic-framework-with-react-or-vue-accessing-the-full-swiperjs-api-3399

---

#vue #firebase #lodash #vuetify #ionic #swiperjs

Latihan bagian kedua dari Diligent Dev tentang membuat aplikasi pemilihan film dengan Vue JS , Vuetify , Vuefire , dan Firebase

https://youtu.be/mPLaF3zUf3M

Latihan bagian pertama ada di dalam deskripsi videonya.

---

Beberapa kelebihan menggunakan Nuxt JS jika dibandingkan dengan Vue JS biasa dengan Vue CLI

https://medium.com/javascript-in-plain-english/when-should-you-use-nuxt-js-instead-of-vue-js-8558a33b91c6

---

Panduan menggunakan Vue JS 3 dengan Tailwind CSS

https://dev.to/yashints/get-started-with-vue-3-and-tailwindcss-63m

---

Vue Splide , Vue component untuk membuat Carousel dan Slider di Vue JS

https://vuejsexamples.com/a-powerful-and-flexible-slider-and-carousel-for-vue-js/

---

Latihan membuat aplikasi chat dengan Vue JS , Quasar , dan Amazon AWS Amplify

https://blog.bitsrc.io/vuejs-and-serverless-the-right-combination-for-a-realtime-chat-app-5437443711ce

---

#vue #nuxt #ssr #spa #ssg #tailwind #slider #carousel #firebase #vuetify #vuefire

Latihan bagian ketiga dari Diligent Dev tentang membuat aplikasi film dengan Vue JS , Vuetify , dan Firebase Database.

https://youtu.be/GNCY8O05pXw

---

Latihan sederhana membuat aplikasi Vue dengan Authentication , menggunakan Vuex dan Vue Router

https://www.smashingmagazine.com/2020/10/authentication-in-vue-js/

---

Beberapa tools dan library penting yang sering dipakai dalam pengembangan aplikasi Vue JS

https://www.smashingmagazine.com/2020/10/useful-tools-vue-javascript-web-development/

---

Latihan panjang tentang pengenalan Vue Router untuk navigasi halaman di aplikasi Vue JS SPA Single Page Application

https://www.smashingmagazine.com/2020/08/vue-router-features/

#vue #vuetify #movie #firebase #router #vuex #tools

Latihan menggunakan Lodash di dalam aplikasi web Vue JS

https://www.samanthaming.com/journal/3-how-to-use-lodash-with-vue/

---

Komparasi antara Vuetify , Quasar , dan Bootstrap untuk framework CSS di Vue JS

https://blog.bitsrc.io/quasar-vs-vutify-vs-bootstrap-vue-choosing-the-right-vuejs-ui-library-cf566f61bc4

#vue #bootstrap #vuetify #quasar

Beberapa proyek menarik di Github yang dibuat dengan Vue JS

https://medium.com/javascript-in-plain-english/top-7-vue-js-projects-on-github-19ba006d34e8

---

Latihan dasar memulai menggunakan Vue JS

https://levelup.gitconnected.com/getting-started-with-vue-js-fe0d2ac38d07

---

Menggunakan CSS Flexbox di dalam Vuetify

https://medium.com/front-end-weekly/vuetify-flexbox-78ea34b933aa

---

Melakukan testing pada Component di Nuxt JS

https://blog.logrocket.com/component-testing-in-nuxt-js/

---

Menerapkan form Validation di Form Vuetify Vue JS

https://blog.logrocket.com/how-to-implement-form-validation-with-vuetify-in-a-vue-js-app/

---

Tips melakukan testing dan user acceptance test di Vue JS

https://blog.logrocket.com/a-guide-to-user-acceptance-testing-in-vue-js/

---

#vue #vuetify #github #sample #nuxt #form #vuetify #uat

Latihan bagian kelima dari channel Diligent Dev membuat aplikasi pilihan film dengan Vue JS , Firebase , dan Vuetify

https://youtu.be/p3VtY_y_bC8

---

Beberapa hal fitur baru yang ada di Vue JS 3

https://www.smashingmagazine.com/2020/11/new-vue3-update/

---

Latihan panjang membuat aplikasi blog dengan Nuxt JS , Cosmic Headless CMS , dan deploy ke layanan VPS Digital Ocean

https://www.cosmicjs.com/articles/install-a-cosmic-powered-nuxtjs-app-on-digital-ocean-in-5-minutes-jikkdwsi

#vue #nuxt #cosmic #cms #digitalocean #firebase #vuetify #blog #movie

Referensi beberapa static site generator yang berbasis Vue JS

https://blog.bitsrc.io/best-static-site-generators-for-vue-js-e273d52ea208

---

Latihan dasar memulai menggunakan Nuxt JS

https://medium.com/javascript-in-plain-english/getting-started-with-nuxt-4652bc83ddc6

---

Membuat Toolbar Menu dengan Vuetify

https://medium.com/javascript-in-plain-english/vuetify-dynamic-toolbar-content-and-system-bar-bee5e8e88926

---

Membuat menu Breadcrumb dengan Vuetify

https://medium.com/javascript-in-plain-english/vuetify-breadcrumbs-fd9a8ed5fb0d

---

Membuat tema warna yang berubah ubah dengan Vue JS

https://medium.com/javascript-in-plain-english/how-to-create-dynamic-themes-with-vue-81d27ffd9414

---

#vue #ssg #nuxt #vuetify #theme #css

Membuat header datatable yang bersifat dinamis dengan Vue JS dan Vuetify

https://blog.logrocket.com/building-a-selectable-header-data-table-with-vue-js-and-vuetify/

---

Latihan panjang tentang penggunaan Axios di Vue JS untuk mengambil data endpoint REST API dari Hackernews

https://dev.to/eaetukudo/how-to-implement-an-api-using-vuejs-axios-3m95

---

Latihan membuat aplikasi MEVN Stack dalam bentuk Todo List

https://dev.to/aumayeung/create-a-full-stack-web-app-with-the-mevn-stack-4k4

---

Membuat fungsi Redirect dan Alias di Vue Router

https://dev.to/aumayeung/redirect-and-alias-with-vue-router-4hd8

---

Contoh penggunaan Nested Route di Vue Router

https://dev.to/aumayeung/defining-nested-routes-with-vue-router-4kb0

---

Cara menambahkan Vuex Store yang bersifat modular

https://dev.to/aumayeung/adding-modules-to-a-vuex-store-46f0

---

#vue #vuetify #datatable #header #axios #vuex #router #mevn

Cara melakukan unit testing dengan Vue Component

https://dev.to/jankaritech/unit-testing-vue-components-5gk1

---

Membuat menu di dalam Vuetify

https://javascript.plainenglish.io/vuetify-menu-6112770ea167

---

#vue #testing #menu #vuetify

Review framework component Vuetify 3.x yang telah dirilis versi stabil untuk Vue JS 3

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

#vue #vuetify #programWithErik

Membuat tema dinamis dengan menggunakan Vuetify dan Vue JS

https://blog.logrocket.com/building-dynamic-vuetify-themes/

#vue #vuetify

Latihan penggunaan Vue JS, Adonis JS, dan Inertia JS untuk aplikasi fullstack JavaScript

https://blog.logrocket.com/getting-started-inertia-js-vue-js-adonisjs/

---

Contoh sederhana penggunaan V-switch directive di Vuetify component

https://blog.logrocket.com/using-v-switch-vuetify-switch-component/

#nodejs #vue #inertia #vue #adonis #vuetify #vswitch

Membuat Grid System dengan Vuetify

https://blog.openreplay.com/creating-a-custom-grid-system-with-vuetify/

#grid #vuetify

The Next Vuetify - VueConf US 2023

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

#vue #vuetify

Easy Interfaces with Vuetify 3

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

#vuetify #vue