Working With Data & APIs
This course is for aspiring developers who want to learn how to work with data in web applications. How do you retrieve, collect, and store data? The course will be taught through a series of creating three data projects. The first will be client-side only and examine how to load data with fetch() and present on a web page. Viewers will learn about handling asynchronous events with Promises and how to render data to the DOM as well as draw to HTML5 canvas with p5.js. The second and third project will introduce “full stack” development adding server-side programming with node.js for data persistence and API authentication.
Fetch17 May 2019
This video is client-side only and covers the web fetch() API, loading image data and focusing on handling asynchronous events with Promises (async / await).
Tabular Data23 May 2019
This second part of the lesson looks at loading and parsing a CSV file (comma-separated values) with the web fetch() API.
Graphing with Chart.js23 May 2019
The lesson continues working with tabular data (CSV) and examines how to graph the data in an HTML5 canvas with Chart.js.
JSON25 May 2019
With our previous projects, we learned about fetch() and tabular data. This next project will show you how to work with JSON data from an API including how to load JSON data with fetch() and update DOM element.
Mapping Geolocation with Leaflet.js27 May 2019
In this video I use Leaflet.js to add an interactive map to the page and place the ISS location as a marker.
Refreshing Data with setInterval()29 May 2019
The lesson covers on refreshing new data from the ISS API and updating the HTML DOM accordingly once per second with setInterval().
Server-side with Node.js30 May 2019
Geolocation Web API31 May 2019
Before diving into communication between client and server (GET and POST requests), let’s look at the Geolocation Web API with navigator.geolocation. This data will be sent to the server and stored in a database in upcoming videos.
HTTP Post Request with fetch()03 Jun 2019
Saving to a Database04 Jun 2019
It’s time to add a database! Let’s learn why databases are important. For this video, I’ll start by using NeDB for the Data Selfie App.
Database Query05 Jun 2019
It’s time to start querying data from the database! For this, we create a new HTTP GET request route, make the request with the fetch() function, and search the database with find().
Saving Images and Base64 Encoding06 Jun 2019
Project Wrap-up: Accessibility and Design07 Jun 2019
We’ve come a long way! Still have questions? A lot will be addressed in the next module. Until then, let’s do a bit of cleanup and go over a few exercises that might be helpful as you move forward.
API calls from Node.js (Weather data from Dark Sky)12 Jun 2019
Welcome to Module 3! I covered a lot about node.js in the previous module, but there are still a few key elements left to discuss!
Open Air Quality API in Node.js13 Jun 2019
In the previous lesson, we started building The Weather Here application! In this video I look at spoofing different geolocations and investigate what it means to work with multiple APIs within one application.
Mapping Database Entries with Leaflet.js14 Jun 2019
In this video, I look at how to save the check-in information to a database and map all of the geolocation data on a map using Leaflet.js.
Hiding API Keys with Environment Variables (dotenv) and Pushing Code to GitHub17 Jun 2019
In this lesson, we will address how to can hide an API key using environment variables and open source the code on GitHub.