JavaScript Indonesia Channel

Latihan bagian ketiga membuat aplikasi peta dengan Angular dan Leaflet JS, yaitu membuat pop up modal Service

https://alligator.io/angular/angular-and-leaflet-popup-service/

#angular #maps #leaflet

alligator.io

Building Maps in Angular using Leaflet, Part 3: The Popup Service

Build stylish maps in Angular using Leaflet

746 viewsRian YW, 22:51

JavaScript Indonesia Channel

Latihan membuat pelacak posisi Object di peta Open Street Maps dengan bantuan React Gatsby JS dan Leaflet JS

https://www.freecodecamp.org/news/create-your-own-santa-tracker-with-gatsby-and-react-leaflet/

#leaflet #gatsby #map #tracker

freeCodeCamp.org

How to Create your own Santa Tracker with Gatsby and React Leaflet

The Christmas season is a magical time of year. We have Santa flying around spreading cheer and Elf roaming around New York during our yearly rewatch with family and friends. Buddy the Elf wavingTo get in the spirit, we’re going to spin up a web app that…

855 viewsRian YW, 00:14

JavaScript Indonesia Channel

Latihan bagian keempat membuat aplikasi peta di Angular dengan Open Street Map dan Leaflet JS

https://alligator.io/angular/angular-and-leaflet-shape-service/

#angular #maps #leaflet #openstreetmap

alligator.io

Building Maps in Angular using Leaflet, Part 4: The Shape Service

In this post you'll learn how to use Leaflet with Angular to generate shapes on a dynamic and mobile-friendly map.

487 viewsRian YW, 00:39

JavaScript Indonesia Channel

Cara membuat halaman peta Maps dengan Leaflet JS di React JS ataupun di JavaScript murni (Vanilla JS)

https://www.smashingmagazine.com/2020/02/javascript-maps-react-leaflet/

#maps #leaflet #react

Smashing Magazine

How To Create Maps With React And Leaflet — Smashing Magazine

Leaflet is a very powerful tool, and we can create a lot of different kinds of maps. This tutorial will help you understand how to create an advanced map along with the help of React and Vanilla JS. In this article, Shajia Abidi is going to represent the…

1.2K viewsRian YW, 00:30

JavaScript Indonesia Channel

Latihan panjang membuat dashboard sebaran COVID19 dengan Gatsby JS , React , Node JS , dan peta Leaflet JS

https://www.freecodecamp.org/news/how-to-create-a-coronavirus-covid-19-dashboard-map-app-in-react-with-gatsby-and-leaflet/

#nodejs #gatsby #react #leaflet #maps

freeCodeCamp.org

How to create a Coronavirus (COVID-19) Dashboard & Map App in React with Gatsby and Leaflet

The Coronavirus (COVID-19) pandemic has swiftly changed how all of us interact day to day. How can we use available APIs to build a mapping app that shows the impact it has had on the world? Update: The original NovelCOVID API v1 endpoint has been deprecated.…

1.1K viewsRian YW, 23:52

JavaScript Indonesia Channel

Membuat layering dasar untuk tampilan map dengan Mapbox dan Leaflet JS pada aplikasi web Gatsby JS

https://www.freecodecamp.org/news/how-to-set-up-a-custom-mapbox-basemap-with-gatsby-and-react-leaflet/

#mapbox #leaflet #gatsby #layer

freeCodeCamp.org

How to set up a custom Mapbox basemap style with React Leaflet and Leaflet Gatsby Starter

Building maps can be pretty powerful, but often you’re stuck with open source options for the map imagery that might not help the readability of your data. How can we leverage Mapbox’s tile APIs to add a custom basemap to our React Leaflet app? * What are…

1.5K viewsRian YW, 00:00

JavaScript Indonesia Channel

Menggunakan TypeScript until membuat model dan operasi CRUD ke MongoDb

https://medium.com/swlh/using-typescript-with-mongodb-393caf7adfef

#mongodb #typescript
-

Membuat dashboard COVID 19 dengan Gatsby JS dan Leaflet
https://www.freecodecamp.org/news/how-to-create-a-coronavirus-covid-19-dashboard-map-app-in-react-with-gatsby-and-leaflet/

#gatsby #react #leaflet
-

Konfigurasi Apollo Server GraphQL di Express JS

https://dev.to/givehug/next-js-apollo-client-and-server-on-a-single-express-app-55l6

#apollo #express #graphql

Medium

Using TypeScript with MongoDB

Combine the power of TypeScript and MongoDB to create a scalable, production-grade database

1.1K viewsRian YW, 23:51

JavaScript Indonesia Channel

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

freeCodeCamp.org

How to add Coronavirus (COVID-19) case statistics to your React map dashboard with Gatsby

Previously, we walked through creating a map that shows an interactive look at Coronavirus (COVID-19) cases per country. How can we extend this with some case statistics to show recent data about the impacts on our world? Author's note: Similar to before…

1.2K viewsRian YW, 00:29

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 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

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

JavaScript Indonesia Channel

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

Digitalocean

How To Build Maps in Angular with Leaflet, Part 1: Generating Maps | DigitalOcean

Learn how to build dynamic and stylish maps in Angular using Leaflet.

991 viewsRian YW, 01:38

JavaScript Indonesia Channel

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

DEV Community

Interactive Maps using Leaflet

Leaflet.js is an open-source JavaScript library for mobile-friendly interactive maps. It's lightweigh...

1.2K viewsRian YW, 00:30

JavaScript Indonesia Channel

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

Medium

How to Create Marker and Marker Cluster with Leaflet Map

A method of creating markers and layers in the Leaflet map architecture and then clustering markers.

423 viewsRian YW, 00:15

JavaScript Indonesia Channel

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

YouTube

Build a IP Tracking App With Vue 3, Tailwind CSS & Leaflet.js (Composition API)

in this video we build an ip tracking app using vue 3 & the composition api, tailwind css & leaflet.js. We cover all the basics of setting up an application using the Vue 3 Composition API such as: setting up the "setup option", creating data values & functions…

684 viewsRian YW, 00:35

JavaScript Indonesia Channel

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

Medium

Build an Offline Map using Ionic and Leaflet

Building an Ionic PWA app that shows a map that works offline (Part 1)

673 viewsRian YW, 01:38

JavaScript Indonesia Channel

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

Medium

Build an Offline Map using Ionic and Leaflet

Building an Ionic PWA app that shows a map that works offline (Part 1)

943 views01:03

JavaScript Indonesia Channel

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

strapi.io

Create a Temperature converter using NextJs, Tailwind CSS & Strapi

In this tutorial you will learn how to build a Temperature Converter with Next.js and Tailwind CSS as frontend and Strapi headless CMS as backend.

816 views00:35

JavaScript Indonesia Channel

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

freeCodeCamp.org

HTML and CSS Project – How to Build A YouTube Clone Step by Step

In this tutorial we will build a YouTube clone step by step. You'll learn how to create layouts and add content to those layouts. If you have been struggling to build a real website with HTML & CSS, this is the article for you. Because I am about to teach

648 views23:34

JavaScript Indonesia Channel

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

SitePoint

Build Your Own ChatGPT Clone with React and the OpenAI API

In this step-by-step tutorial, we walk through how to build a fully-functioning and stylish ChatGPT clone with React and the OpenAI API.

636 views00:22

About

Blog

Apps

Platform