6 - Convert JSON Data to HTML - JSON APIs and AJAX - freeCodeCamp Tutorial

We look at extracting values from our JSON data and then selecting and modifying HTML elements to display them on our page.

Link to challenge : https://www.freecodecamp.org/learn/data-visualization/json-apis-and-ajax/convert-json-data-to-html Concepts: forEach() The forEach() method executes a provided function once for each array element. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

Object.keys() The Object.keys() method returns an array of a given object's own enumerable property names, iterated in the same order that a normal loop would. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

innerHTML The Element property innerHTML gets or sets the HTML or XML markup contained within the element. https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML -————————————————————————————————————- JSON (JavaScript Object Notation) is an open standard file format, and data interchange format, that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and array data types.

Ajax is a set of web development techniques using many web technologies on the client side to create asynchronous web applications. With Ajax, web applications can send and retrieve data from a server asynchronously without interfering with the display and behavior of the existing page.

freeCodeCamp (also referred to as “Free Code Camp”) is a non-profit organization that consists of an interactive learning web platform, an online community forum, chat rooms, online publications and local organizations that intend to make learning web development accessible to anyone. Beginning with tutorials that introduce students to HTML, CSS and JavaScript, students progress to project assignments that they complete either alone or in pairs. Upon completion of all project tasks, students are partnered with other nonprofits to build web applications, giving the students practical development experience.

Thanks for Watching! ... https://www.youtube.com/watch?v=5IheAM_phAo