API introduction use JavaScript AJAX JSON Social Connections

Explore how the XMLHttpRequest object exchanges data with a server, using open, send, ready state and status 200, with synchronous and asynchronous modes, response text, and event listeners.

Learn how to implement ajax requests with onload and onreadystatechange, check readyState and status 200, and write responseText to a page element via innerHTML.

Explore ajax methods like get, post, put, and delete to interact with api endpoints and json files. Understand api keys, access tokens, and authentication while noting javascript visibility limits.

Explore how JavaScript handles json data by creating objects, parsing json, and outputting parsed values to html, with a json generator tool.

Explore how JavaScript handles JSON as object data, parsing single and multiple objects, indexing arrays from zero, and accessing properties like id and company when working with web APIs.

Learn to validate JSON with an online linter, understand when keys stay quoted, and use JSON blob dot com to host and make POST, PUT, DELETE, or HEAD requests.

combine ajax and json to fetch json data from a bin using get, parse it, and access the resulting object information in JavaScript while preparing to connect to other APIs.

Explore how to loop through parsed JSON data with a for loop in JavaScript, extract company information, and customize the output for different object values.

Learn how to set up and integrate the Google Maps JavaScript API on your website, including optional API key, versions, callback loading, and map initialization with center and zoom options.

Learn to load Google maps asynchronously via a callback, configure map options with a separate object, set center coordinates and zoom, and render an interactive map in a canvas element.

Explore the Google Maps API properties and map options, including background color, map type id, satellite/terrain/hybrid views, and controls for pan, tilt, zoom, and click events.

Learn how to create and place a Google Maps marker, set its position and title, attach it to a map, and add click event listeners for interactivity.

Attach and customize Google Map events to a marker using JavaScript, handle click, mouse over, resize, and boundaries changing to trigger actions like console log and dynamic behavior.

Set up the Twitter API to access the user timeline and output json data on your website with JavaScript and Ajax, using authentication keys and widgets.

Authenticate with Twitter developer access to pull the feed via rest and streaming apis, using a JavaScript only solution with widgets and customizable code pens.

Explore the Twitter REST API by creating a developer app, obtaining authentication keys and access tokens, and retrieving a user timeline via Ajax and PHP backend.

Explore how to fetch a Twitter API feed with PHP using get requests and AJAX, outputting JSON for easy integration with JavaScript.

Discover how to query a hashtag with the twitter api php library, switch the get field to query, and encode or decode json for cleaner output.

Learn how to post tweets using the Twitter REST API, including authenticated requests, the required status parameter, and handling JSON responses, while avoiding exposing authentication information when using JavaScript.

Set up a Facebook API connection by creating a developer account, launching a new app, and obtaining your app ID to connect with the JavaScript SDK and like button.

Learn to add Facebook social plugins to your website, including like, share, and comments buttons, using the SDK and step-by-step code configuration.

Learn to connect to the Facebook API via the JavaScript SDK, check login status, and retrieve user ID, authentication token, and signed request after authorization.

Explore how the JavaScript SDK detects Facebook login status, handles connected and not authorized states, and fetches user information via the Facebook API for seamless web authentication.

Learn how JavaScript callbacks control execution order by passing a function as an argument and invoking it with a value. Implement first, second, and third functions to illustrate the pattern.