When learning web development, they all tell you to find a problem in your life and create a solution using code to create a great project. Well, I drive for Uber and I wanted to know when the most flights would be coming into my local airport. The airport website has listings, but it’s a cluttered mess. I wanted something where I could just see at a glance when the most flights were coming in. I could not find a public/free API for flight information so I needed to figure out a little bit of web scraping. Code and working example is here: https://codesandbox.io/s/7zx3v5kqmq and I did a video walk-through explaining how the code works here:
I’ve been making more videos and this time I’ve been working on the freeCodeCamp selection of algorithm challenges. I’ve been doing one every day and adding them to the playlist below. I’m twelve days in and the plan is to do one every day until I’ve got them all!
This was based on something a person was asking about on a
This was a project from www.frontendmentor.io The site provides practice challenges that users can work through. They provide a project brief, style guide, and an image of the design and you have to recreate it yourself. If you’re trying to get out of the tutorial rut but need some inspiration on what to build yourself, this is a great resource.
You don’t always have to write event listeners for everything. Event delegation lets you add one listener to the parent element and then use the information from the created event object to tell which child element was the target of the event. Here’s how it’s done.
In this video I show how to add local storage to persist data and some of the problems I had to figure out before getting it working. Mainly the “
SyntaxError: Unexpected token < in JSON at position 0″ error.