JavaScript Indonesia Channel

Melakukan HTTP Request di Vue JS dengan Fetch API dan Axios

https://blog.bitsrc.io/requests-in-vuejs-fetch-api-and-axios-a-comparison-a0c13f241888

#axios #fetch #vue

----

Mengambil lokasi pengguna dengan contoh kasus di Vue JS, dengan menggunakan Google Maps API dan Google Places API.

https://medium.com/js-dojo/vue-js-google-maps-api-getting-user-location-f22ad96115ef

#vue #maps #location #places #googlemaps

-----

Review beberapa fitur di Vue JS 3 Beta
https://blog.bitsrc.io/vuejs-3-0-0-beta-features-im-excited-about-c70b82fac163

#vuebeta

Medium

Requests in VueJS: Fetch API and Axios — A Comparison

How and when to use the Fetch API and Axios in your VueJS projects.

791 viewsRian YW, 04:38

JavaScript Indonesia Channel

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

freeCodeCamp.org

How to Create a Travel Bucket List Map with Gatsby, React Leaflet, & Hygraph

Traveling is fun and we all have a lot of places we want to visit, but rarely do we have time to do it all at once. That’s what bucket lists are for! How can we create a custom mapping app that we can show all of our the destinations

1.8K viewsRian YW, 23:16

JavaScript Indonesia Channel

Latihan menggunakan library Vue Materials di Vue JS

https://medium.com/js-dojo/using-vue-materials-an-open-source-material-design-library-for-native-app-like-ui-ux-d2d94c026623

---

Contoh penggunaan Vuex State Management dan komunikasi antar component

https://medium.com/js-dojo/component-communication-and-state-management-in-vue-js-cc59389d4c01

---

Membuat peta SVG Maps yang bersifat interaktif di Vue JS

https://medium.com/js-dojo/how-to-integrate-interactive-svg-map-in-vuejs-fafc067baf5f

#vue #materialdesign #svg #maps

1.2K viewsRian YW, 01:03

JavaScript Indonesia Channel

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

YouTube

Address Geocoding with Google Maps API, Firebase, and VueJs

In this tutorial, we're going to be geocoding addresses using the Google Maps API, Firebase, and VueJs. For those that don't know, geocoding is the process of taking an address and converting it to latitude and longitude. It is something that is extremely…

1.1K viewsRian YW, 02:00

JavaScript Indonesia Channel

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

LogRocket Blog

Building an interactive map with Vue and Leaflet - LogRocket Blog

This tutorial shows you how to use Leaflet in Vue by building a map showcasing local attractions in the San Francisco area.

969 viewsRian YW, 00:16

JavaScript Indonesia Channel

Latihan panjang menggunakan Collection di Javascript seperti Maps dan Sets

https://www.freecodecamp.org/news/how-to-use-javascript-collections-map-and-set/

---

Latihan pengenalan Javascript Iterators yang terkadang sulit dipahami.

https://dmitripavlutin.com/javascript-iterators/

---

Latihan membuat aplikasi Todo List dengan bantuan LocalStorage

https://dev.to/vladimirschneider/simple-to-do-list-using-localstorage-29on

#hashmap #maps #sets #collections #iterator #todolist #localstorage

freeCodeCamp.org

How to Use JavaScript Collections – Map and Set

In JavaScript, objects are used to store multiple values as a complex data structure. An object is created with curly braces {…} and a list of properties. A property is a key-value pair where the key must be a string and the value can be of any type....

1.1K viewsRian YW, 00:02

JavaScript Indonesia Channel

Latihan panjang pengenalan Next JS untuk membuat aplikasi web modern

https://www.smashingmagazine.com/2020/10/getting-started-with-next-js/

---

Latihan mendapatkan data Geolocation dengan Javascript Geocoding API, dan ditampilkan ke dalam Google Maps API untuk React JS

https://medium.com/javascript-in-plain-english/using-geolocation-to-a-locate-a-user-on-google-maps-in-react-redux-4dc33a34bf2e

#nextjs #react #redux #maps

Smashing Magazine

Getting Started With Next.js — Smashing Magazine

Next.js is a React framework that is bound to ease your life as a React developer by abstracting away the common and redundant tasks (such as routing) into relatively simpler and powerful APIs. That way, you can focus on writing your apps instead of reinventing…

737 viewsRian YW, 03:36

JavaScript Indonesia Channel

Latihan menggunakan Google Maps API untuk aplikasi pemetaan di aplikasi web

https://dev.to/ritaxcorreia/building-a-geolocation-app-using-google-maps-api-in-vanilla-js-484i

---

Latihan dan contoh Codepen membuat tampilan peta wilayah dengan SimpleMap dan SVG JS

https://dev.to/lucafaggianelli/interactive-svg-js-map-2ind

---

Layanan atau template untuk membuat portfolio web dengan mudah

https://dev.to/mjmaurya/responsive-portfolio-website-using-html-css-bootstrap-and-javascript-updated-3mp5

---

#maps #geolocation #svg #simplemaps #portfolio #template

DEV Community

Building a geolocation app using Google Maps API in Vanilla JavaScript

Recently I worked on this geolocation-based app that fetches and maps real-time availability of Londo...

1.1K viewsRian YW, 00:37

JavaScript Indonesia Channel

Latihan menggunakan Mapbox pada aplikasi React Native

https://medium.com/javascript-in-plain-english/build-awesome-map-apps-with-react-native-and-mapbox-6f0709fd5efa

---

Beberapa library React Native untuk membantu mengakses fitur Native API di Android

https://blog.bitsrc.io/react-native-libraries-for-native-features-31795a2917e6

---

Mengenal library color picker yang bernama React Colorful

https://blog.bitsrc.io/react-colorful-a-minimalist-and-fast-alternative-to-react-color-8d408e1b9ebb

#react #mapbox #maps #native #colorPicker

Medium

Build Awesome Map Apps with React Native and Mapbox

Are you building mobile applications with React Native and want to add map components to your project? Look no further, we will be…

877 viewsRian YW, 00:46

JavaScript Indonesia Channel

Medium

Build a Real-Time Chat App with Ionic, React, and Stream

There is a massive difference between platforms such as React Native and Flutter compared to Ionic. Ionic believes that the open…

1.1K viewsRian YW, 01:22

About

Blog

Apps

Platform