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.1Trailer08 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.2Setup09 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.1Fetch17 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.2Tabular Data23 May 2019This second part of the lesson looks at loading and parsing a CSV file (comma-separated values) with the web fetch() API. 
-  #1.3Graphing with Chart.js23 May 2019The lesson continues working with tabular data (CSV) and examines how to graph the data in an HTML5 canvas with Chart.js. 
-  #1.4JSON25 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.5Mapping Geolocation with Leaflet.js27 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.6Refreshing 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.1Server-side with Node.js30 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.2Geolocation Web API31 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.3HTTP 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.4Saving to a Database04 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.5Database Query05 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.6Saving Images and Base64 Encoding06 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.7Project Wrap-up: Accessibility and Design07 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.1API 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.2Open Air Quality API in Node.js13 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.3Mapping Database Entries with Leaflet.js14 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.4Hiding API Keys with Environment Variables (dotenv) and Pushing Code to GitHub17 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.5Web 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.