Working with Data and APIs in JavaScript

Learn to work with data in web applications through three hands-on projects that progress from client-side data handling to full-stack development. Master retrieving data using fetch(), handling asynchronous events with Promises, and rendering data to the DOM and HTML5 canvas with p5.js. Explore tabular data visualization with Chart.js, work with JSON data formats, and implement geolocation mapping using Leaflet.js. Progress to server-side programming with Node.js for data persistence and API authentication. Build skills in HTTP POST requests, database operations for saving and querying data, image handling with Base64 encoding, and integrating third-party APIs like weather and air quality services. Discover how to secure API keys using environment variables, deploy applications to platforms like Glitch and Heroku, and implement accessibility and design best practices in your data-driven web applications.

Syllabus

Working with Data and APIs in JavaScript
Setup: Everything you need to begin the course Working with Data and APIs in JavaScript
1.1: fetch() - Working With Data & APIs in JavaScript
1.2 Tabular Data - Working With Data & APIs in JavaScript
1.3: Graphing with Chart.js - Working With Data & APIs in JavaScript
1.4: JSON - Working with Data and APIs in JavaScript
1.5 Mapping Geolocation with Leaflet.js - Working with Data and APIs in JavaScript
1.6 Refreshing Data with setInterval() - Working with Data and APIs in JavaScript
2.1 Server-side with Node.js - Working with Data and APIs in JavaScript
2.2 Geolocation Web API - Working with Data and APIs in JavaScript
2.3 HTTP Post Request with fetch() - Working with Data and APIs in JavaScript
2.4 Saving to a Database - Working with Data and APIs in JavaScript
2.5 Database Query - Working with Data and APIs in JavaScript
2.6 Saving Images and Base64 Encoding - Working with Data and APIs in JavaScript
2.7 Project Wrap-up: Accessibility and Design - Working with Data and APIs in JavaScript
3.1 API calls from Node.js (Weather data from Dark Sky) - Working with Data and APIs in JavaScript
3.2 Open Air Quality API in Node.js - Working with Data and APIs in JavaScript
3.3 Mapping Database Entries with Leaflet.js - Working with Data and APIs in JavaScript
3.4 Hiding API Keys with Environment Variables (dotenv) and Pushing Code to GitHub
3.5 Web Application Deployment (Glitch and Heroku) - Working with Data and APIs in JavaScript