Latihan panjang dari Traversy Media dan Gwen membuat aplikasi fullstack Javascript dengan Vue JS , Gridsome , Strapi CMS dan GraphQL dengan contoh kasus aplikasi manajemen acara atau daftar event

https://youtu.be/vB6rmWCmANA

---

Latihan melakukan visualisasi data COVID19 dengan Vue JS dan Chart JS

https://dev.to/23subbhashit/fetching-and-visualizing-data-in-vue-using-axios-and-chart-js-k2h

---

Membuat instance baru untuk Axios HTTP dengan mudah

https://dev.to/erenyatkin/creating-http-client-instance-with-axios-in-vue-3an2

---

Latihan menggunakan Composition API di Vue JS dan alternatif dari Vuex

https://dev.to/thomasferro/composition-api-v-renderless-components-let-s-use-vue-3-s-features-to-clean-our-components-n25
-
https://dev.to/thomasferro/emancipate-yourself-from-vuex-with-vue-3-s-composition-api-3b9g

---

#vue #gridsome #vuex #composition #axios #chartjs #strapi #cms #graphql

Memahami penggunaan framework Express JS untuk backend Node JS

https://dev.to/mikitashah/let-s-understand-the-express-js-framework-3j5n

—-

Panduan menggunakan NPM Node Package Manager untuk manajemen dependency di Node JS

https://medium.com/javascript-in-plain-english/what-is-npm-beginners-guide-9317c52be5bc

—-

Latihan panjang membuat aplikasi Sosial Media dengan MERN Stack dan Node JS , dan mobile app React Native

https://medium.com/javascript-in-plain-english/how-i-built-a-full-featured-social-media-application-with-react-native-and-nodejs-6b7179858a69

—-

Membuat aplikasi MERN Stack dengan pengaman JWT, cookie-session, Auth0, and Passport JS

https://medium.com/javascript-in-plain-english/secure-react-express-apps-jsonwebtoken-cookie-session-auth0-and-passport-tutorial-e58d6dce6c91

—-

Visualisasi data dengan Chart JS dan React

https://medium.com/javascript-in-plain-english/an-introduction-to-data-visualization-in-react-using-chart-js-bf21ccf8ca3a

—-

#nodejs #npm #express #react #mern #jwt #auth #chartjs

Latihan panjang dan berseri membuat aplikasi web daftar menu pesanan makanan dengan Vue Nuxt JS, Node JS Apostrophe CMS, dan Docker. Tautan artikel selanjutnya ada di dalam blog berikut.

https://apostrophecms.com/blog/building-an-online-menu-using-apostrophe-headless-nuxt-nginx-part-1

https://apostrophecms.com/blog/apostrophe-headless-nuxt-nginx-part-2

—-
Apostrophe CMS hadir untuk melengkapi trend Headless CMS yang mulai banyak digunakan setelah post-WordPress era, dimana pengembangan aplikasi web berbasis CMS semakin modular dengan Node JS Stack

https://apostrophecms.com/blog/the-jamstack

---

Latihan panjang sekali membuat aplikasi web Medium tiruan atau clone dengan Vue JS

https://kriss.io/building-medium-clone-with-vue-3/

---

Latihan membuat Chart JS component di Vue JS

https://blog.logrocket.com/creating-chart-components-in-vue-with-chart-js/

---

Latihan sederhana melakukan migrasi dari Vuex ke Vue Composition API

https://dev.to/lukasborawski/rewriting-vuex-module-to-composition-api-1ee3

---

Latihan dasar membuat Unit Testing di Vue JS dengan Jest

https://reactgo.com/unit-testing-vue/

---

Menggunakan Vue JS sebagai templating atau static site generator dengan Node JS

http://thecodebarbarian.com/using-vue-as-a-node-js-static-site-generator.html

---

Panduan lengkap tentang penggunaan Nuxt JS

https://levelup.gitconnected.com/the-complete-nuxt-guide-940751e1a6a5

#vue #nuxt #guide #aposthrope #cms #menu #chartjs #mediumClone #composition #nodejs

Tips migrasi dari WordPress ke layanan Netlify Headless CMS dan Nuxt JS dengan teknik JAMStack

https://dev.to/lukeocodes/migration-from-wordpress-to-jamstack-nuxt-edition-59ak

---

Latihan panjang dan berseri membuat aplikasi web daftar menu pesanan makanan dengan Vue Nuxt JS, Node JS Apostrophe CMS, dan Docker. Tautan artikel selanjutnya ada di dalam blog berikut.

https://apostrophecms.com/blog/building-an-online-menu-using-apostrophe-headless-nuxt-nginx-part-1

https://apostrophecms.com/blog/apostrophe-headless-nuxt-nginx-part-2

—

Apostrophe CMS hadir untuk melengkapi trend Headless CMS yang mulai banyak digunakan setelah post-WordPress era, dimana pengembangan aplikasi web berbasis CMS semakin modular dengan Node JS Stack

https://apostrophecms.com/blog/the-jamstack

---

Latihan panjang sekali membuat aplikasi web Medium tiruan atau clone dengan Vue JS

https://kriss.io/building-medium-clone-with-vue-3/

---

Latihan membuat Chart JS component di Vue JS

https://blog.logrocket.com/creating-chart-components-in-vue-with-chart-js/

---

Latihan sederhana melakukan migrasi dari Vuex ke Vue Composition API

https://dev.to/lukasborawski/rewriting-vuex-module-to-composition-api-1ee3

---

Latihan dasar membuat Unit Testing di Vue JS dengan Jest

https://reactgo.com/unit-testing-vue/

---

Menggunakan Vue JS sebagai templating atau static site generator dengan Node JS

http://thecodebarbarian.com/using-vue-as-a-node-js-static-site-generator.html

---

Panduan lengkap tentang penggunaan Nuxt JS

https://levelup.gitconnected.com/the-complete-nuxt-guide-940751e1a6a5

#vue #nuxt #guide #aposthrope #cms #menu #chartjs #mediumClone #composition #nodejs #nowordpress

Programming With Erik merilis latihan pengenalan React Next JS 10 dan melakukan komparasi dengan Vue Nuxt JS

https://youtu.be/dVQDaaUIrIM

---

Latihan menambahkan Chart JS ke dalam React

https://dev.to/harshilparmar/how-to-use-chart-js-in-react-17jp

---

Latihan membuat aplikasi daftar film dengan React JS

https://www.freecodecamp.org/news/react-movie-app-tutorial

---

Latihan panjang membuat aplikasi JAMStack dengan React Redwood JS, Fauna Db, dan deploy ke Vercel

https://css-tricks.com/deploying-a-serverless-jamstack-site-with-redwoodjs-fauna-and-vercel/

---

#nextjs #nuxtjs #redwood #react #movie #faunadb #chartjs

Menggunakan Google Sheets dan Google App Script untuk membuat dashboard dengan Chart JS

https://towardsdatascience.com/how-to-create-dashboard-for-free-with-google-sheets-and-chart-js-8c319ab8809b

#sheet #appScript #dashboard #chartjs

Latihan sederhana membuat dashboard grafik dengan Chart JS dan Angular

https://medium.com/javascript-in-plain-english/create-dashboard-using-chartjs-and-angular-13e7df06d899

#angular #chartjs

Latihan membuat chart dengan library Chart JS dan dikonfigurasi agar bersifat responsive

https://javascript.plainenglish.io/build-interactive-and-responsive-charts-with-chart-js-1bc2b6586d8f

—-

Cara implementasi fungsi multi bahasa atau i18n dengan JavaScript

https://javascript.plainenglish.io/internationalization-i18n-javascript-3caa3da01c3a

—-

Beberapa module dan package Node JS yang biasanya sering dipakai

https://javascript.plainenglish.io/6-useful-node-js-modules-developers-should-know-in-2021-4fa9e3d563ed

—-

#chartjs #library #i18n #nodejs

Latihan menggunakan React JS Grid dan pembuat diagram dengan Chart JS

https://hackernoon.com/using-reactgrid-and-chartjs-to-create-a-financial-liquidity-planner-pj2733ke

—-

Alur belajar atau roadmap untuk belajar React JS

https://javascript.plainenglish.io/the-ultimate-react-developer-roadmap-for-2021-a68c7fa56734

—-

Membuat forms dengan React Hooks

https://javascript.plainenglish.io/forms-in-react-with-hooks-809a3f38ed4

---

Membuat state management sendiri untuk React

https://javascript.plainenglish.io/creating-your-own-state-management-1f0c894039d7

—-

Membuat table yang responsive dengan React JS dan Flexbox

https://betterprogramming.pub/how-to-create-responsive-tables-with-flexbox-and-react-d6b58574333b


#react #grid #chartjs #roadmap #hooks

Latihan menggunakan Chart JS di dalam React JS

https://blog.logrocket.com/using-chart-js-react/

---

Mengenal fitur Automatic Batching di React 18

https://javascript.plainenglish.io/whats-coming-in-react-18-automatic-batching-in-react-18-faf89a2b1aa2

—-

Beberapa package yang dapat membantu untuk optimasi aplikasi React JS

https://dev.to/nilanth/5-packages-to-optimize-and-speed-up-your-react-app-during-development-4h5f

#react #chartJS

Template atau boilerplate Next JS yang telah digabung dengan Bootstrap CSS

https://dev.to/dailydevtips1/using-bootstrap-in-nextjs-free-starter-45f9

---

Membuat fitur drag and drop dengan React dan JavaScript

https://javascript.plainenglish.io/create-a-drag-and-drop-app-with-react-and-javascript-93bcba1793c5

---

Latihan menggunakan Chart JS pada React JS

https://betterprogramming.pub/spice-up-your-data-with-chart-js-a3f5a2eac990

---

#react #nextjs #bootstrap #chartjs

Latihan menggunakan Chart JS bersama Next JS untuk visualisasi data sederhana

https://towardsdev.com/chart-js-next-js-beautiful-data-driven-dashboards-how-to-create-them-fast-and-efficiently-a59e313a3153

#react #nextjs #chartjs

Membuat tampilan Chart JS yang responsive di tampilan mobile

https://itnext.io/a-fully-responsive-chart-js-chart-91a72ef5e2c

#chartjs #responsive

Latihan dari Cand Dev membuat aplikasi dashboard harga Crypto dengan React, Chart JS dan API Coingecko

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

#candDev #dashboard #react #chartjs

Latihan menggunakan Chart JS pada Angular dan menggunakan plugin zoom in out

https://www.freecodecamp.org/news/chart-js-zooom-plugin/

#angular #chartjs #zoom

Membuat visualisasi data dengan Chart JS di Vue JS

https://blog.openreplay.com/data-visualization-in-vue-with-chartjs/

#vue #chartJS

Latihan sederhana implementasi Nuxt JS dengan Chart JS

https://medium.com/geekculture/chart-js-in-nuxt-js-how-to-implement-c255a2657b02

#nuxt #vue #chartjs

Latihan implementasi Chart JS di Angular dengan bentuk Pie dan Doughnut chart

https://www.freecodecamp.org/news/how-to-make-pie-and-doughnut-charts-using-chartjs-in-angular/


#angular #chartjs

Latihan menggunakan Chart JS di Angular

https://www.freecodecamp.org/news/how-to-make-pie-and-doughnut-charts-using-chartjs-in-angular/

#angular #chartJS #pie

Membuat tampilan Chart JS pada Angular

https://www.freecodecamp.org/news/how-to-integrate-chart-js-in-angular-using-data-from-a-rest-api/

---

Tips dalam menggunakan interface di TypeScript

https://javascript.plainenglish.io/advanced-trick-for-using-typescript-interfaces-661d406ae786

#angular #chartJS