Membuat visualisasi data COVID19 dengan menggunakan Postman, D3 JS , dan Bootstrap CSS

https://blog.bitsrc.io/visualize-covid-19-data-using-postman-d3-js-and-bootstrap-5db94063399b

---

Latihan menggunakan Fullscreen API dengan Javascript dan CSS
https://www.digitalocean.com/community/tutorials/js-fullscreen-api

#fullscreen #covid19 #visualization #d3 #bootstrap

Menambahkan Chart D3 JS ke dalam Angular dan fungsi interaksi chart yang dinamis

https://itnext.io/add-interactivity-to-your-charts-in-angular-2-applications-with-d3-js-78fd3718e6fb

---

Latihan pengenalan NGXS State Management untuk Angular

https://medium.com/front-end-weekly/introduction-to-ngxs-angular-state-management-2516b2d9917e

#angular #state #ngxs #chart #d3

Latihan visualisasi data grafik dengan D3 JS di Angular

https://blog.logrocket.com/data-visualization-angular-d3/

---

Latihan menggunakan Angular Universal untuk fungsi CRUD ke backend

https://www.djamware.com/post/5f1f7b3360eaaf117a3022d5/angular-10-universal-server-side-rendering-ssr-crud-example

#angular #universal #ssr #d3 #graphic #chart

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

Latihan membuat tampilan untuk mobile web dengan Mint UI dan Vue JS

http://blog.logrocket.com/building-mobile-ui-using-mint-ui-vue-js/

---

Membuat visualisasi data dengan Vue JS dan D3 JS

https://blog.logrocket.com/data-visualization-with-vue-and-d3/

---

Cara membuat plugin untuk Vuex State Management

https://blog.logrocket.com/how-to-create-a-custom-vuex-plugin/

---

Tips struktur project dan design pattern Vue JS untuk aplikasi skala besar

https://blog.bitsrc.io/4-best-practices-for-large-scale-vue-js-projects-9a533450bdb2

---

Menambahkan rich text editor WYSIWG ke dalam aplikasi Nuxt JS

https://medium.com/js-dojo/how-to-add-rich-text-editor-in-nuxtjs-cfc3d1ee3ecf


#vue #d3 #chart #vuex #pattern #scaling #mobile #mintUI #nuxt #wysiwg

Latihan dasar pengenalan React JS Component dan Props

https://www.freecodecamp.org/news/react-components-jsx-props-for-beginners/

---

Menggunakan D3 JS bersama React JS

https://blog.logrocket.com/using-d3-js-v6-with-react/

---

Komparasi antara pengalaman developer dan kenyamanan developer dalam menggunakan framework Next JS dan React JS

https://blog.logrocket.com/next-js-vs-react-developer-experience/

---

Membuat sistem komentar blog dengan Next JS dan Sanity IO service

https://css-tricks.com/how-to-create-a-commenting-engine-with-next-js-and-sanity/

---

Konfigurasi Next JS agar menggunakan TypeScript

https://creativedesignsguru.com/how-to-set-up-next-js-with-typescript/

#react #nextjs #d3 #chart #typescript #comment #sanity

Latihan deploy aplikasi Angular ke layanan Netlify Serverless

https://medium.com/weekly-webtips/how-to-deploy-angular-app-to-netlify-simple-and-clean-48faba1f314

—-

Membuat grafik line chart dengan D3 JS dan Angular

https://medium.com/weekly-webtips/build-a-simple-line-chart-with-d3-js-in-angular-ccd06e328bff

—-

Membuat custom Context Menu ketika event klik kanan / right click pada aplikasi web Angular

https://medium.com/weekly-webtips/create-custom-context-menu-in-angular-efeae0137e1a

—-

Penerapan prinsip pemrograman SOLID dalam aplikasi web fullstack TypeScript Angular dan Nest JS

https://medium.com/better-programming/how-to-follow-the-dependency-inversion-principle-in-nestjs-and-angular-8d344303dc3b

—-

Membuat fungsi breadcrumb Component untuk petunjuk navigasi halaman pada aplikasi web Angular

https://medium.com/better-programming/add-breadcrumbs-to-your-angular-app-in-just-5-minutes-3119e376e901

—-

Daftar best practices untuk pengembangan aplikasi web berbasis Angular

https://medium.com/weekly-webtips/10-top-practices-of-angular-to-follow-for-web-app-development-in-2020-21-7e13b176d1ed

—-

Menggunakan fitur lazy loading component Dialog Modal pada aplikasi web Angular

https://netbasal.com/lazy-load-modal-components-in-angular-8cb54bba7bf7

---

Latihan sederhana membuat Angular Component

https://dev.to/walkingriver/a-simple-angular-component-25ao

#angular #netlify #d3 #chart #breadcrumb #contextMenu #tips #modal

Menggunakan D3 JS untuk membuat tampilan calendar

https://blog.logrocket.com/using-d3-to-create-a-calendar-app/

---

Latihan menggunakan AnyChart untuk visualisai data hasil pemilu Amerika ke dalam peta dan Bubble chart

https://medium.com/javascript-in-plain-english/building-bubble-map-with-javascript-to-visualize-election-results-70c24fe0eadf

#d3 #graphic #chart #anychart

Latihan dasar dan tips menambahkan style CSS di dalam Vue JS

https://blog.logrocket.com/styling-a-vue-js-application-using-css/

---

Menambahkan grafik atau Chart ke aplikasi Vue JS dengan library D3 JS

https://medium.com/javascript-in-plain-english/adding-graphics-to-a-vue-app-with-d3-8bdfc92a8235

---

Menggunakan Pug JS templating di Vue JS

https://blog.logrocket.com/using-pug-js-with-vue-js/

---

#vue #css #d3 #chart #pug

Latihan dari Smashing Magazine membuat aplikasi Streaming Video dengan Node JS, Express, Vue Nuxt JS

https://www.smashingmagazine.com/2021/04/building-video-streaming-app-nuxtjs-node-express/

---

Membuat data untuk chart D3 JS pada Vue JS

https://medium.com/front-end-weekly/loading-data-into-a-vue-app-with-d3-80ab48852234

---

Latihan membuat aplikasi cuaca dengan Vue JS 3

https://javascript.plainenglish.io/create-a-weather-app-with-vue-3-and-javascript-9cd8fac99e

#vue #nuxt #video #streaming #nodejs #d3

Latihan panjang menggunakan D3 JS untuk visualisasi data dengan JavaScript

https://www.freecodecamp.org/news/d3js-tutorial-data-visualization-for-beginners/

#d3 #visualization #data

Latihan panjang menggunakan visualisasi data dengan D3 JS

https://www.freecodecamp.org/news/d3js-tutorial-data-visualization-for-beginners/

#d3 #visualization

Latihan panjang membuat visualisasi data dengan backend Node JS dan library D3 JS disisi front end.

https://blog.logrocket.com/data-visualization-d3-js-node-js/

#nodejs #d3 #data #visualization

Latihan dari Freecodecamp tentang cara mengambil element terakhir dalam suatu Array JavaScript

https://www.freecodecamp.org/news/how-to-get-the-last-item-in-an-array-in-javascript/

---

Cara mengurutkan Array data Integer dengan benar

https://javascript.plainenglish.io/how-to-sort-an-array-of-integers-correctly-with-javascript-1c33e693151f

---

Latihan panjang membuat visualisasi data cuaca dengan JavaScript dan library D3 JS

https://www.freecodecamp.org/news/visualize-weather-data-with-d3js/

#library #d3 #data #visualization #array #sort

Latihan panjang membuat visualisasi data dengan D3 JS

https://www.freecodecamp.org/news/data-visualizatoin-with-d3/

#d3 #chart #visualization

Membuat visualisasi data dengan D3 JS dan TypeScript

https://blog.logrocket.com/creating-visualizations-d3-typescript/

#d3 #typescript #visualization

101 React Tips & Tricks For Beginners To Experts
https://dev.to/_ndeyefatoudiop/101-react-tips-tricks-for-beginners-to-experts-4m11

—-

8 Great React Project Startup Tools Recommended!
https://javascript.plainenglish.io/8-great-react-project-startup-tools-recommended-ce59a3f631b5

—-

Part 2/3: How to Integrate Refresh Tokens in React
https://rabbitbyte.club/how-to-integrate-refresh-tokens-in-react-app

—-

Data visualization in React with D3.js

https://javascript.plainenglish.io/data-visualization-in-react-with-d3-js-fcac6ac8c0b1

—-

#react #d3 #visualization #tips #learning #token