Javascript Intermediate level 3 - JSON

Access and manipulate data in JavaScript objects with dot and bracket notation, using the console to edit arrays of objects, their keys and values, and JSON.

Learn to access and manipulate data inside arrays by editing a data object, using splice to remove items, and adding items with push for JSON and JavaScript objects.

Master looping through JavaScript objects with a for loop, building a data object and outputting its properties to prepare for parsing JSON in real applications.

Demonstrate looping through a JavaScript object with a for-in loop, access keys using bracket notation, and output dynamic HTML list items with anchor tags while debugging with console.log.

Explore looping through a JavaScript object and updating data into HTML elements by selecting an element by its id, and manipulating object arrays with methods like splice and split.

Explore looping through an array of objects using a for loop, access keys with bracket notation, and apply a safety check with hasOwnProperty to handle dynamic properties.

Set up a local server using LAMP or MAMP to enable AJAX communication with a server, send JSON data, and verify it via the console on localhost.

Write AJAX requests to a server using XMLHttpRequest to fetch JSON data with GET, and monitor readyState and status for successful responses. Build this from scratch before moving to jQuery.

Learn to fetch json data with ajax by creating a data.json file on the server, formatting valid json, and debugging client-side scripts.

Send an AJAX request, retrieve JSON data, and parse it with JSON.parse from the server response; verify via the browser console and network tab while handling a 200 OK response.

Learn to fetch JSON data from a server with jQuery's getJSON, use AJAX, and integrate the data into the page via CDN-hosted jQuery.

Set up a project folder with an index, link Bootstrap and the gallery stylesheet, and use json data with Mustache templates to render an image slider.

Create a data.json file in the project, load it with JavaScript, and build a Mustache micro-template to render car images, illustrating a minimal logic-less templating approach.

Set up the template and script for rendering car images with Mustache and jQuery, fetch data from data.json, render into the slider container, and prepare navigation controls.

Learn to build an image slider by loading data from JSON, using the jQuery cycle plugin, and configuring effects, pause on hover, speed, and navigation controls.

Set up the slider controls by configuring left and right buttons with bootstrap classes and icons. Assign IDs and classes to navigation elements to enable interactive slider navigation.

Explore cross site requests to a different domain and how the same domain policy blocks access due to origin headers; the lecture demonstrates the blockage and previews a workaround.

Learn to request data from another website and bypass the same domain policy by wrapping JSON data in a data handler function, then wire it into your index page.