Free Course Image Working

Free online courseWorking

Duration of the online course: 4 hours and 36 minutes

New

Free JavaScript course on working with APIs and data: fetch, JSON, charts, maps, Node.js, databases, environment variables, and deployment.

In this free course, learn about

  • Course Overview and Setup
  • Client-Side Data Fetching and Visualization
  • Mapping and Real-Time Data Updates in the Browser
  • Building a Node.js Server and Storing Data
  • Server-Side API Aggregation, Mapping, and Deployment

Course Description

Working with Data and APIs in JavaScript is a free web development course that helps you move from basic requests to building practical, data-driven applications. You will learn how to fetch information from the web, work with common data formats, and turn raw responses into interactive experiences in the browser.

The course explores core techniques such as using fetch for GET and POST requests, handling JSON, and working with tabular datasets. You will also practice presenting information visually through charting and mapping, using popular tools to plot data and place points on interactive maps.

Beyond the browser, you will get introduced to server-side workflows with Node.js, including making API calls from the server, collecting user or location-based information with geolocation features, and persisting results. You will learn how to save and query data in a database, refresh live data at intervals, and handle tasks like saving images and working with Base64 encoding.

To round out a real-world development workflow, the course covers safer handling of secrets such as API keys with environment variables, along with guidance for pushing projects to GitHub and deploying a working web application. By the end, you will have a clearer understanding of how front-end and back-end pieces fit together when building modern apps powered by external APIs.

Course content

  • Video class: Working with Data and APIs in JavaScript 01m
  • Exercise: What is described as the main attraction of the course “Working with Data and APIs in JavaScript”?
  • Video class: Setup: Everything you need to begin the course Working with Data and APIs in JavaScript 03m
  • Exercise: Which tool becomes especially important in later modules because it’s used to run commands from the terminal?
  • Video class: 1.1: fetch() - Working With Data 15m
  • Exercise: When fetching an image file with the Fetch API, what step is needed before assigning it to an < img > element’s src?
  • Video class: 1.2 Tabular Data - Working With Data 17m
  • Exercise: When manually parsing a CSV string in JavaScript, what delimiter is used first to split the text into rows?
  • Video class: 1.3: Graphing with Chart.js - Working With Data 19m
  • Exercise: What is the main reason the chart is created only after awaiting the data-loading function?
  • Video class: 1.4: JSON - Working with Data and APIs in JavaScript 16m
  • Exercise: When retrieving ISS location data from an external API in JavaScript, which step correctly converts the fetch response into a usable JavaScript object?
  • Video class: 1.5 Mapping Geolocation with Leaflet.js - Working with Data and APIs in JavaScript 15m
  • Exercise: In Leaflet.js, what must you do to make the map background images appear (not just an empty grid with controls)?
  • Video class: 1.6 Refreshing Data with setInterval() - Working with Data and APIs in JavaScript 08m
  • Exercise: Which JavaScript feature is used to automatically refresh the ISS latitude/longitude data at a fixed rate without reloading the page?
  • Video class: 2.1 Server-side with Node.js - Working with Data and APIs in JavaScript 18m
  • Exercise: Why is Node.js introduced for the project instead of only using client-side JavaScript?
  • Video class: 2.2 Geolocation Web API - Working with Data and APIs in JavaScript 15m
  • Exercise: Why is geolocation (and similar features) often handled carefully when building client/server JavaScript apps?
  • Video class: 2.3 HTTP Post Request with fetch() - Working with Data and APIs in JavaScript 16m
  • Exercise: What Express feature must be enabled so a server can read incoming POST data as JSON in `request.body`?
  • Video class: 2.4 Saving to a Database - Working with Data and APIs in JavaScript 11m
  • Exercise: What is the main reason to use a database in a client–server JavaScript app?
  • Video class: 2.5 Database Query - Working with Data and APIs in JavaScript 13m
  • Exercise: When retrieving all records from the server to display them on a page, which combination is used to query the database and send the results back to the client?
  • Video class: 2.6 Saving Images and Base64 Encoding - Working with Data and APIs in JavaScript 12m
  • Exercise: How can a webcam frame be sent from the browser to a server as part of a POST request?
  • Video class: 2.7 Project Wrap-up: Accessibility and Design - Working with Data and APIs in JavaScript 11m
  • Exercise: Why might you fetch data from an external API using Node (server-side) instead of directly from the client?
  • Video class: 3.1 API calls from Node.js (Weather data from Dark Sky) - Working with Data and APIs in JavaScript 17m
  • Exercise: Why is a server-side (Node) proxy used to request weather data from an external API?
  • Video class: 3.2 Open Air Quality API in Node.js - Working with Data and APIs in JavaScript 16m
  • Exercise: How can one server response include data from multiple APIs in a JavaScript app?
  • Video class: 3.3 Mapping Database Entries with Leaflet.js - Working with Data and APIs in JavaScript 13m
  • Exercise: On the View Checkins page, what technique is used to display each saved checkin on the map?
  • Video class: 3.4 Hiding API Keys with Environment Variables (dotenv) and Pushing Code to GitHub 11m
  • Exercise: What is the main purpose of using a dotenv file with the dotenv package in a Node.js project?
  • Video class: 3.5 Web Application Deployment (Glitch and Heroku) - Working with Data and APIs in JavaScript 19m

This free course includes:

4 hours and 36 minutes of online video course

Digital certificate of course completion (Free)

Exercises to train your knowledge

100% free, from content to certificate

Ready to get started?Download the app and get started today.

Install the app now

to access the course
Icon representing technology and business courses

Over 5,000 free courses

Programming, English, Digital Marketing and much more! Learn whatever you want, for free.

Calendar icon with target representing study planning

Study plan with AI

Our app's Artificial Intelligence can create a study schedule for the course you choose.

Professional icon representing career and business

From zero to professional success

Improve your resume with our free Certificate and then use our Artificial Intelligence to find your dream job.

You can also use the QR Code or the links below.

QR Code - Download Cursa - Online Courses

More free courses at Web Development

Free Ebook + Audiobooks! Learn by listening or reading!

Download the App now to have access to + 5000 free courses, exercises, certificates and lots of content without paying anything!

  • 100% free online courses from start to finish

    Thousands of online courses in video, ebooks and audiobooks.

  • More than 60 thousand free exercises

    To test your knowledge during online courses

  • Valid free Digital Certificate with QR Code

    Generated directly from your cell phone's photo gallery and sent to your email

Cursa app on the ebook screen, the video course screen and the course exercises screen, plus the course completion certificate