Web APIs JavaScript Fetch getting JSON data Fun with APIs

Explore how to access and parse JSON data, make Ajax requests with fetch, and display results in a web app. Connect to various web APIs.

Set up your web development environment with Visual Studio Code, a project folder, and a basic HTML template linked to JavaScript; run a local server, Ajax requests, and developer tools.

learn to perform an ajax fetch of a local json file and display data on a web page, using a local server to overcome file protocol limitations.

Explore JavaScript objects as containers for related data and methods, compare with JSON, practice dot and bracket notations, navigate nested objects, and output a country to HTML using DOM.

Explore JavaScript arrays, a zero-based collection that stores multiple values, supports manipulation, looping, and nested objects. Learn to access, update, and output specific items like names from a friend list.

Iterate arrays in JavaScript with for loops, for each, and for in; push items, output names with dot notation, and transform a list into array of objects with name field.

Learn how to iterate over object contents using for...in and Object.entries, access keys and values, and update objects by adding a last name to each friend, comparing with array iteration.

Learn how JSON.stringify converts objects to strings and JSON.parse converts strings back to objects, then render and update a friends array in the DOM by looping with for each.

Distinguish json from javascript by noting json's strict syntax with double quotes and no functions, then structure arrays of books and validate with json lint.

Connect to a data source via a web API using fetch to retrieve JSON data, loop through results, and render first and last names with Ajax-style requests and status checks.

Learn to use fetch and XMLHttpRequest to retrieve JSON data, compare methods, request external files, output titles to HTML, and explore response types and ready states for web APIs.

Learn to convert fetch requests to arrow expressions to simplify code and return json data. Render results on page and iterate over arrays, such as books, using promises and forEach.

Practice connecting to the random user API using fetch, AJAX, and JSON, then display each user's thumbnail, first name, last name, and title on the page by clicking a button.

Fetch five top posts from the Reddit post api in json, filter for the word test, and display each post's title with a link in html using javascript.

Fetch GitHub repo data for tetris from the GitHub API, parse the JSON, and display repo name, description, and URL on the page by loading and iterating over the results.

Extend the GitHub repo API lesson by making items clickable to fetch json data from a url, then display the html url on the page and log results.

Learn to use the Stack Overflow API to fetch JavaScript-tagged questions in JSON, practice fetch requests, parse items, and render clickable results with error handling.

Post data with fetch to a web api, sending name and message via form data and receiving a json response from the endpoint.

Learn to fetch JSON data from a Web API and paginate results by constructing a page-aware URL, displaying content in HTML, and adding previous and next controls.