Latihan bagian kedua membuat aplikasi mobile dengan Ionic dan Vue JS dari channel Diligent Dev

https://youtu.be/B-AIUbqxD4k

-

Bagian pertama dapat dilihat pada tautan berikut ini
https://youtu.be/F0ritmbf5rs

---

Latihan dasar pengenalan Vue JS 3 yang dikombinasikan dengan Ionic dan Firebase

https://dev.to/aaronksaunders/vue3-firebase-composable-introduction-w-ionic-framework-639

---

Menggunakan Tailwind CSS 2.x dengan Vue JS, Vuex, dan LocalStorage untuk membuat Dark Mode di dalam aplikasi web

https://dev.to/tonyketcham/vue-tailwind-2-0-dark-mode-using-vuex-localstorage-and-user-s-default-preference-439g

---

Contoh sederhana penggunaan Vue Composition API untuk menggantikan fungsi Vuex State Management

https://dev.to/lukasborawski/rewriting-vuex-module-to-composition-api-1ee3
-
https://vuejsdevelopers.com/2020/10/05/composition-api-vuex/

---

Membuat aplikasi pencari lirik lagu dengan Nuxt JS dan Lyric API

https://medium.com/javascript-in-plain-english/lyrics-finder-application-with-nuxt-js-5dec86ef7771


#vue #ionic #vuex #firebase #composition #darkmode #tailwind #nuxt

Latihan dari Academind tentang pembuatan aplikasi mobile dengan Ionic dan Vue JS

https://youtu.be/mQ4zmFy4d7Y

---

Memahami cara kerja Virtual DOM yang dipakai di dalam Vue JS

https://blog.logrocket.com/how-the-virtual-dom-works-in-vue-js/

---

Tips publikasi aplikasi Android menjadi versi produksi

https://www.freecodecamp.org/news/learn-how-to-build-and-publish-an-android-app-from-scratch/

---

#vue #ionic #vdom #android

Latihan membuat aplikasi mobile bagian ketiga dengan Ionic dan Vue JS

https://youtu.be/8Glnu4qJG9c

---

Tips Form Validation di Vue JS dengan mudah

https://css-tricks.com/happier-html5-form-validation-in-vue/

---

Memahami cara kerja Virtual DOM di Vue JS

https://blog.logrocket.com/how-the-virtual-dom-works-in-vue-js/

___

Latihan dasar pengenalan Ionic untuk membuat aplikasi mobile

https://dev.to/educative/ionic-framework-tutorial-build-your-first-cross-platform-app-280d


#vue #ionic #dom #form #validation

Latihan membuat aplikasi mobile dengan Ionic dan React JS

https://blog.logrocket.com/writing-an-android-app-with-ionic-react/

---

Latihan panjang membuat aplikasi mobile dengan Ionic

https://dev.to/educative/ionic-framework-tutorial-build-your-first-cross-platform-app-280d

---

Latihan membuat aplikasi voting atau pemilihan dengan React, library realtime socket Ably, Node JS, dan Chart JS

https://dev.to/akashgupta1116/building-a-real-time-voting-app-using-reactjs-and-ably-23pp

---

Latihan menggunakan React Navigation versi 5

https://blog.logrocket.com/a-complete-guide-to-react-navigation-5/

---

#ionic #react #vote #voting

Latihan membuat aplikasi chat dengan Ionic Capacitor dan React JS, dengan menggunakan Stream Chat API yang di deploy ke Heroku

https://medium.com/weekly-webtips/build-a-real-time-chat-app-with-ionic-react-and-stream-b3df41d6f15a

—-

Penggunaan Firebase Service untuk untuk sistem Authentication pada aplikasi React Native

https://medium.com/weekly-webtips/react-native-firebase-phone-authentication-with-typescript-646245b58aeb

—-

Contoh penerapan desain Neuromorphism di aplikasi React Native

https://medium.com/weekly-webtips/the-state-of-neumorphic-design-in-react-native-3fa27fe4f3ea

—-

Membuat fungsi Infinite Scroll pada contoh kasus Gallery Foto di React JS

https://medium.com/weekly-webtips/infinite-scroll-with-photo-gallery-in-react-c7219b8be2a0

—-

Latihan pengenalan React Hooks dan penggunaannya.
https://medium.com/weekly-webtips/react-hooks-7f3abd504097
—-
Latihan penggunaan Redux dengan React Hooks
https://medium.com/weekly-webtips/2020-redux-tutorial-with-hooks-and-thunk-8a6a4be6f9de

—-

Konsumsi REST API dengan menggunakan React Hooks dan design patterns

https://medium.com/weekly-webtips/implementing-a-rest-api-with-react-hooks-using-patterns-2ea1476e2a05

—-

Membuat aplikasi peta sederhana dengan Leaflet JS dan React JS

https://medium.com/weekly-webtips/getting-started-with-building-maps-with-react-and-leaflet-8ac6227f2099

#reactnative #react #ionic #capacitor #firebase #hooks #maps #leaflet #redux

Latihan bagian keempat atau terakhir, membuat aplikasi mobile Ionic dengan Vue JS

https://youtu.be/O77kf3Qnv1w

---

Latihan pengenalan Vue JS seperti components, props, dan slots

https://blog.logrocket.com/vue-js-simplified-components-props-and-slots/

---

Latihan dari Programming With Erik tentang penggunaan Vuex di Vue JS 3

https://youtu.be/IatqphZuN64

#vue #vuex #ionic #mobile

Latihan berseri dari channel Diligent Dev tentang membuat aplikasi mobile berbagi foto gambar dengan Ionic, Vue JS, dan Firebase

https://youtu.be/jHy1whzDk1s

---

Latihan membuat mood Generator dengan Nuxt JS dan Tailwind CSS

https://dev.to/dawntraoz/random-potato-mood-generator-using-nuxt-and-tailwindcss-26f4/

#vue #ionic #tailwind #firebase #nuxt #photo

Beberapa alternatif dari Vuex dan contoh penggunaan Composition API

https://blog.logrocket.com/do-you-really-need-vuex/

---

Beberapa catatan rilis dari Vuex 4 yang diperuntukkan bagi Vue JS 3

https://www.smashingmagazine.com/2020/12/vuex-library/

---

Latihan berseri menggunakan Supabase IO sebagai alternatif Firebase pada aplikasi Vue JS dan Ionic

https://dev.to/aaronksaunders/video-series-getting-started-vuejs-supabase-io-the-open-source-firebase-alternative-50n2

---

Latihan berseri membuat aplikasi mobile dengan Ionic Capacitor, Google Maps, dan Vue JS

https://dev.to/aaronksaunders/vue-google-maps-example-project-maps-markers-geocoder-api-map-resizing-adding-markers-adding-infowindow-2g26

---

Latihan berseri membuat aplikasi Nuxt JS dengan Dark Mode

https://dev.to/hostman_com/dark-mode-how-to-create-your-first-nuxt-js-app-part-2-35ni

—-

Latihan membuat Toggle Button dengan Vue JS

https://medium.com/javascript-in-plain-english/toggle-button-in-vue-js-89c612ad6b1a

#vue #nuxt #supabase #firebase #ionic #toggle #button #vuex #composition

Latihan dari Diligent Dev membuat aplikasi mobile Ionic dengan Vue JS dan Firebase.

https://youtu.be/OQw7AhyYlGU

—-

Untuk artikel Medium nya dapat dilihat disini

https://medium.com/javascript-in-plain-english/ionic-framework-with-vue-3-and-firebase-photo-sharing-app-a3b8f948bbcb

---

Video seri sebelumnya dapat dilihat di playlist berikut

https://youtube.com/playlist?list=PL0X1HZ56-JSBo30iQXpBu_r4bG9yWOr1D

#vue #ionic #firebase #gallery

Ionic kini menggunakan ESLint untuk aplikasi Ionic berbasis Angular

https://ionicframework.com/blog/eslint-for-ionic-angular/

---

Latihan panjang membuat aplikasi PWA dengan Ionic Capacitor

https://ionicframework.com/blog/start-build-deploy-your-first-capacitor-pwa-with-ionic/

#ionic #capacitor #pwa