Working With Data & APIs
Welcome to Working with Data and APIs in Javascript!
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.
- #0.1
Trailer
08 Jul 2019This video is client-side only and covers the web fetch() API, loading image data and focusing on handling asynchronous events with Promises (async / await).
- #0.2
Setup
09 Jul 2019In this video, I outline what you need setup and ready before you begin the course Working with Data and APIs in JavaScript.
- #1.1
Fetch
17 May 2019This video is client-side only and covers the web fetch() API, loading image data and focusing on handling asynchronous events with Promises (async / await).
- #1.2
Tabular Data
23 May 2019This second part of the lesson looks at loading and parsing a CSV file (comma-separated values) with the web fetch() API.
- #1.3
Graphing with Chart.js
23 May 2019The lesson continues working with tabular data (CSV) and examines how to graph the data in an HTML5 canvas with Chart.js.
- #1.4
JSON
25 May 2019With 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.
- #1.5
Mapping Geolocation with Leaflet.js
27 May 2019In this video I use Leaflet.js to add an interactive map to the page and place the ISS location as a marker.
- #1.6
Refreshing Data with setInterval()
29 May 2019The lesson covers on refreshing new data from the ISS API and updating the HTML DOM accordingly once per second with setInterval().
- #2.1
Server-side with Node.js
30 May 2019We are now in Module #2! In our previous module, we focused on client-side Javascript. We now will learn the basics of server-side programming with Node.
- #2.2
Geolocation Web API
31 May 2019Before 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.
- #2.3
HTTP Post Request with fetch()
03 Jun 2019We are now in Module #2! In the previous module, we focused on client-side JavaScript. We now will learn the basics of server-side programming with Node.
- #2.4
Saving to a Database
04 Jun 2019It’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.
- #2.5
Database Query
05 Jun 2019It’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().
- #2.6
Saving Images and Base64 Encoding
06 Jun 2019Let’s add an image from the webcam to our database. For this project, we will be using the p5.js JavaScript library!
- #2.7
Project Wrap-up: Accessibility and Design
07 Jun 2019We’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.
- #3.1
API calls from Node.js (Weather data from Dark Sky)
12 Jun 2019Welcome 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!
- #3.2
Open Air Quality API in Node.js
13 Jun 2019In 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.
- #3.3
Mapping Database Entries with Leaflet.js
14 Jun 2019In 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.
- #3.4
Hiding API Keys with Environment Variables (dotenv) and Pushing Code to GitHub
17 Jun 2019In this lesson, we will address how to can hide an API key using environment variables and open source the code on GitHub.
- #3.5
Web Application Deployment (Glitch and Heroku)
28 Jun 2019Let’s figure out how to deploy your project to a server so that people can access it and use it. We will check out two hosting options: Heroku and Glitch.