Previously, we have covered how to identify where the user is, based upon navigator.geolocation and based upon their IP address (there are definitely ways to make IP-based geolocation suck less). I figured that in today’s post, we would look at how to go from an arbitrary physical location (zip code or city name) to latitude …
Continue reading "Where art thou: Converting addresses to latitude and longitude."
There are times when it is very important to know as much as you can about the user of your application. A good example is how I need to know where the user physically is in order to calculate the distance between them and the park in the state parks app. Another example is if …
Continue reading "How to know your user"
Last week, I wrote about creating a cloudflare worker. When I created that worker, I knew that I wanted to leverage that for the state parks app. This week, I created three new workers: one to get the user’s location, one to get the list of parks, and one to get an individual park. Let’s …
Continue reading "State Parks App: I made some new APIs for the app"
Back in July, we looked at how Vue CLI and webpack work and I figured that it was time to look at Vue Router, as a follow-up. Vue Router is going to be pretty necessary for the state parks app, moving forward. Like I did last time, I used VueCLI and Bulma. I also put …
Continue reading "Playing with Vue Router"
This is going to be a pretty quick post (mainly because I am on vacation, next week). I was skimming through what is new in ECMAScript 2021 and spotted replaceAll(). It is already supported in everything except for Internet Explorer. Let’s take a look at a quick example. See the Pen String.prototype.replaceAll() Example by Joe …
Continue reading "New things in ECMAScript 2021: String.prototype.replaceAll()"
At work, I use webpack all the time but it is with laravel. On this blog, I haven’t written much about laravel (something that I eventually want to correct). I do want to address the deficit of webpack content today, though.
Continue reading "Playing with the Vue CLI and Webpack"
One of the things that are most important to me for phase 1 of the state parks app is to have the list of parks be sorted by how far the user is from the park. After all, Tower Hill State Park might be interesting but if you live 4 hours away, you aren’t likely …
Continue reading "How to sort a list of locations by how close they are to you"
Lazy loading is a method for optimizing a website by loading images (or iframes) on demand. If properly implemented, the browser should load the images that are at the top of the page first and wait to load the rest until the user starts to scroll down the page. This is something that is relatively …
Continue reading "Three ways to load lazily"
This is a topic that I have been avoiding (mainly because I don’t feel like I understand it enough). I figure that we have to tackle the idea eventually, though. Hoisting is a JavaScript mechanism where variable and function declarations are moved (or hoisted) to the top of the scope before the code is executed. …
Continue reading "What the heck is hoisting?"
Last week, we looked at arrow functions. This week, I figured that we would look at Classes. Support for classes was another thing added to JavaScript with ES6. See the Pen JavaScript Classes by Joe Steinbring (@steinbring) on CodePen. In the above example, there is a Person class and a Person2 class. The difference between …
Continue reading "JavaScript Classes"