Latihan bagian kedua membuat dashboard statistik Corona Virus dengan Gatsby JS , Node JS , Leaflet JS , dan React

https://www.freecodecamp.org/news/how-to-add-coronavirus-covid-19-case-statistics-to-your-map-dashboard-in-gatsby-and-react-leaflet/

#nodejs #gatsby #leaflet #react #corona #covid19
-

Beberapa library atau package penting yang sering dipakai dalam pengembangan backend Node JS , seperti Chalk, Chokirdar, CORS dan mkdirp .


https://medium.com/javascript-in-plain-english/node-js-4-of-the-most-popular-and-useful-libraries-cbf9fa758432

#package #library

-

Menelusuri beberapa fitur API bawaan Node JS
https://www.smashingmagazine.com/2020/04/nodejs-internals/

#nodejs #module #api

Latihan panjang membuat Travel Maps dengan Gatsby JS , React , Graph CMS , dan Leaflet

https://www.freecodecamp.org/news/how-to-create-a-travel-bucket-list-map-with-gatsby-react-leaflet-graphcms/

---

Beberapa template dashboard untuk React JS

https://dev.to/amelia19/28-best-react-js-admin-dashboard-templates-46b1

---

Berbagi component kode yang sama antara web app dengan desktop app Electron dengan layanan Bit Service

https://blog.bitsrc.io/sharing-react-components-between-a-web-app-and-an-electron-desktop-app-dc0ae9c97205

---

Latihan dasar menggunakan Next JS untuk JAMStack web app development

https://dev.to/stackbit/getting-started-with-next-js-for-jamstack-development-3djb

#gatsby #react #graphcms #leaflet #maps #admin #dashboard #nextjs #electron
#jamstack

Latihan membuat peta interaktif dengan Vue JS dan Leaflet JS dengan data dari Foursquare API

https://blog.logrocket.com/building-an-interactive-map-with-vue-and-leaflet/

---

Beberapa teknik pengambilan data dari API server pada lifecycle di Vue JS

https://blog.logrocket.com/advanced-data-fetching-techniques-in-vue/

---

Cara deploy aplikasi Vue JS ke Github Pages

https://levelup.gitconnected.com/how-to-deploy-your-vue-app-to-github-pages-897136799e19

#vue #maps #leaflet #fetch #axios #githubPages

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 panjang dan berseri membuat aplikasi pemetaan dengan Angular dan Leaflet JS

https://www.digitalocean.com/community/tutorials/angular-angular-and-leaflet

---

Cara melakukan update atau pembaruan versi dari Angular 10 ke Angular 11

https://javascript.plainenglish.io/updating-from-angular-10-to-angular-11-ea8c8c79a8ab

---

Cara membuat fitur lazy loading halaman via Angular Router

https://javascript.plainenglish.io/lazy-loading-angular-applications-62ee1518b219

#angular #leaflet #router #upgrade

Membuat peta interaktif dengan library peta Leaflet JS

https://dev.to/sinhapiyush/interactive-maps-using-leaflet-559

---

Membuat fungsi tracking interaksi aplikasi web dan peristiwa error dengan JavaScript

https://format-express.dev/blog/how-to-track-client-side-javascript-errors

#leaflet #maps #tracking

Latihan menggunakan Leaflet JS untuk membuat aplikasi peta sederhana

https://javascript.plainenglish.io/how-to-create-marker-and-marker-cluster-with-leaflet-map-95e92216c391

#leaflet #marker #map

Latihan panjang dari John Komarnicki membuat aplikasi tracking IP Address dengan Vue JS 3 Composition API, Tailwind CSS, dan Leaflet JS

https://www.youtube.com/watch?v=z-hhIrLqYM0

---

Tips dan trik dalam menggunakan Vue JS

https://betterprogramming.pub/advanced-vue-tricks-6e315347c378



#tailwind #vue #johnkomarnicky #tailwind #leaflet #tracking #ipaddress #maps

Latihan membuat aplikasi mobile dengan fitur map offiline dengan Ionic dan Leaflet JS

https://javascript.plainenglish.io/use-ionic-angular-leaflet-to-build-a-pwa-to-show-a-map-that-works-offline-part-1-b69126386ce6

#ionic #angular #leaflet #offline

Latihan panjang membuat aplikasi pemetaan dengan Ionic dan Leaflet JS

https://javascript.plainenglish.io/use-ionic-angular-leaflet-to-build-a-pwa-to-show-a-map-that-works-offline-part-1-b69126386ce6

#ionic #leaflet #angular

Latihan panjang membuat aplikasi konversi suhu dengan Next JS, Tailwind CSS, dan Strapi CMS

https://strapi.io/blog/create-a-temperature-converter-using-next-js-tailwind-css-and-strapi

---

Membuat fungsi rating produk dengan Next JS dan Strapi CMS

https://strapi.io/blog/build-a-rating-app-with-react-and-strapi

---

Latihan menggunakan Leaflet JS pada React JS

https://blog.logrocket.com/react-leaflet-tutorial/

---

#nextjs #react #strapi #leaflet

Latihan panjang membuat YouTube Clone dengan HTML dan CSS

https://www.freecodecamp.org/news/how-to-build-a-website-with-html-and-css-step-by-step/

---

Pengenalan tentang properties hr atau horizontal line pada HTML

https://www.freecodecamp.org/news/html-horizontal-line-hr-tag-example/

---

Latihan membuat tampilan peta maps dengan bantuan Leaflet JS

https://www.sitepoint.com/leaflet-create-map-beginner-guide/

#html #css #clone #leaflet #hr #horizontalLine

Membuat aplikasi ChatGPT clone dengan React dan Open AI API

https://www.sitepoint.com/build-chatgpt-clone-react-openai-api/

—-

Beberapa library untuk membuat visualisasi data di React JS

https://www.sitepoint.com/best-react-data-visualization-chart-libraries/

---

Beberapa library untuk validation data di React dan Next JS

https://dev.to/zeeshanmustfai/top-5-form-validation-libraries-in-react-js-and-next-js-2i50

---

Membuat aplikasi berbagi location dengan React JS, Socket IO, dan Leaflet

https://dev.to/manishmehra/building-a-real-time-location-sharing-app-with-react-socketio-and-leaflet-236l

#react #chatgpt #openAI #library #visualization #validation #location #socketio #leaflet