O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

A Complete JSON AJAX API Course - Beginner to Professional

Video Description

Learn how to use JSON and get JSON data using this AJAX course

About This Video

  • Web development experience is the only requirement—Basic HTML and JavaScript
  • The source code is included so you can jump right in and start building applications
  • This course covers everything you need to learn about JSON and AJAX, including practice exercises, loads of examples, source code, and step-by-step training
  • Includes practice exercises and examples using JSON and AJAX

In Detail

JSON is the preferred format for data being transferred between coding languages. It’s easy to read, create, and work with. In this course, you’ll learn about JSON how it works and how you can use it within your own applications. AJAX provides the ability for your JavaScript code to make HTTP requests to get data and update your page content with the new data. The data is commonly in JSON format, which makes it ideal for use within JavaScript applications. Together, AJAX and JSON are used everywhere and go hand in hand, powering many of the top web applications and providing users with what they expect from modern websites. Technologies used within this course include: JavaScript, HTML, CSS, Node.JS, AJAX, jQuery, SQLite, plus several npm packages.

JSON - JavaScript Object Notation - A lightweight data-interchange format that is easy for humans to read and write.

AJAX - Asynchronous JavaScript and XML - AJAX for building web based interactive applications that process user requests immediately. No page reload bring data into your application.

Table of Contents

  1. Chapter 1 : Introduction to course content and resources
    1. Introduction to JSON and AJAX 00:03:30
    2. Course Overview and how to use this course 00:02:42
    3. Course Development Environment and tools 00:03:29
  2. Chapter 2 : JSON JavaScript Object Notation Introduction
    1. What is JSON 00:05:49
    2. JSON in JavaScript 00:07:19
    3. JSON Overview 00:09:54
    4. JavaScript Objects 00:06:20
    5. Creating JSON 00:04:28
    6. More complex nesting JSON 00:09:12
    7. Back to JavaScript 00:07:18
    8. Multiple Values in Object 00:07:17
    9. Use JavaScript with JSON 00:06:34
    10. JSON on the web 00:12:55
    11. Session storage JSON 00:12:08
    12. Store Values as String 00:06:28
  3. Chapter 3 : JSON exercise Task List
    1. JSON exercise getting to know JSON 00:02:46
    2. JSON Exercise Setup Data 00:07:00
    3. JSON Exercise Use String Values as Data 00:11:16
    4. JSON Exercise Make it Interactive 00:09:33
    5. JSON Exercise JSON better structure 00:05:46
    6. JSON Exercise Use the new Data with JavaScript 00:08:58
    7. JSON Exercise Store Current Data Instance 00:08:10
    8. JSON Exercise Add new items to the list 00:07:38
    9. JSON Exercise Tweaks and Bug Fixes 00:12:01
    10. JSON Exercise sessionStorage ready data 00:03:47
    11. JSON Exercise Delete a Task 00:09:01
    12. JSON exercise AJAX and JSON 00:09:18
  4. Chapter 4 : AJAX various AJAX options in JavaScript
    1. Section Introduction 00:04:27
    2. AJAX introduction for Fetch and XHR 00:07:48
    3. XHR requests across the web 00:11:53
    4. Exercise Random User XHR options 00:06:23
    5. Exercise Random User AJAX Load Data 00:05:39
    6. More XHR practice 00:04:26
    7. XHR Request Data 00:09:34
    8. JavaScript Fetch 00:05:23
    9. Fetch Promise Response 00:08:23
    10. Fetch Options 00:05:17
    11. Post with Fetch 00:05:07
    12. Fetch Form Submit Data 00:10:35
    13. AJAX section Overview 00:01:57
  5. Chapter 5 : AJAX libraries jQuery and Axios
    1. Axios and jQuery Introduction 00:05:19
    2. Introduction to jQuery 00:03:12
    3. AJAX with jQuery 00:07:52
    4. jQuery AJAX output to element 00:06:39
    5. jQuery in Codepen 00:07:38
    6. jQuery AJAX shorthand 00:03:09
    7. jQuery Mulitple Items API 00:04:19
    8. jQuery Post example 00:08:23
    9. jQuery post with AJAX 00:04:17
    10. JQuery Exercise Overview 00:03:30
    11. JavaScript libraries for AJAX 00:08:10
    12. AXIOS Get Data Update HTML 00:01:55
    13. Loop Multiple Items in Object 00:03:33
    14. Axios AJAX post 00:04:46
    15. Axios Exercise Overview 00:04:24
  6. Chapter 6 : JSON Server Exercise Practice JSON and AJAX locally
    1. JSON server Introduction 00:04:46
    2. How to Setup Local JSON Database 00:09:49
    3. Postman Tool for AJAX 00:04:10
    4. Create your HTML elements 00:04:37
    5. Interactive Button 00:07:26
    6. XHR request data 00:07:00
    7. XHR post data to JSON DB 00:05:23
    8. Exercise JSON server interface 00:14:17
    9. Exercise Build Page Comments 00:06:35
    10. Post create new posts 00:06:03
    11. Search JSON server 00:05:45
    12. List Comments 00:05:46
    13. Add Post Comments 00:07:36
    14. Code Review JSON server 00:05:29
  7. Chapter 7 : Google Sheet API data GET POST with jQuery
    1. Google Sheet Data API 00:02:48
    2. Setup Sheet Data 00:05:29
    3. Google Sheet Get Sheet Data as JSON 00:05:43
    4. JSON Output Sheet Data 00:06:39
    5. Apps Script Google Scripting Server Side 00:08:37
    6. Use Google Script to Create Output 00:15:37
    7. Create JSON feed from Google Sheets 00:06:08
    8. Google Script POST data 00:12:02
    9. Form Setup to Post on webpage 00:04:23
    10. Post data to Google Sheets 00:05:58
    11. Random User Data API 00:06:30
    12. Project Overview and Review 00:08:25
  8. Chapter 8 : AJAX request tester using GET and POST exercise
    1. AJAX tester Tool Introduction 00:03:25
    2. Setup Page Elements 00:03:56
    3. Make first AJAX Request 00:02:55
    4. Dynamic Input data 00:11:03
    5. AJAX Add jQuery 00:08:34
    6. Add Axios AJAX 00:04:54
    7. Add Fetch AJAX 00:04:51
    8. Add Post Data Option 00:08:15
    9. Update for POST 00:03:32
    10. Update post for Fetch and Axios 00:04:21
    11. AJAX tester Code Review 00:07:58
  9. Chapter 9 : JavaScript AJAX API exercise YouTube and Wikipedia API
    1. Popular API requester mini application introduction 00:02:39
    2. Page and Element Setup 00:04:17
    3. Bring in the XHR Object 00:09:20
    4. Connect to Wikipedia API 00:06:29
    5. Output Data into web Page 00:08:10
    6. YouTube API with JavaScript 00:05:29
    7. Add YouTube API search 00:05:59
    8. Style data output 00:08:17
    9. Information app source code review 00:04:42
  10. Chapter 10 : More APIs Trivia API and more
    1. Introduction to working with AJAX 00:01:51
    2. Element and Page Setup 00:03:34
    3. AJAX Make Request Callback 00:03:28
    4. Connect Get API content 00:04:19
    5. Output Question format 00:04:59
    6. Dynamic Build Buttons JavaScript 00:06:20
    7. JavaScript Dynamically Build Elements 00:04:26
    8. Tweak Quiz and add Scoring 00:06:05
    9. Show correct answer 00:07:00
    10. More fun with APIs 00:07:11
    11. AJAX API section conclusion 00:02:40
  11. Chapter 11 : Setup a RESTful API from Scratch Node jQuery JavaScript SQLite
    1. Introduction to RESTful API 00:09:14
    2. Introduction to the Terminal CLI 00:03:17
    3. Learn NPM Node Package Manager 00:04:23
    4. Creating a Node project from scratch Create indexjs 00:02:20
    5. Exploring Node modules 00:05:19
    6. Setting up HTTP Localhost 00:09:02
    7. Read Files output Data 00:04:57
    8. Amazing helpful packages Express and Nodemon 00:03:53
    9. API web resources Postman CRUD 00:04:23
    10. Body Parser npm 00:04:29
    11. How to use Middleware app use 00:03:13
    12. Simple login check Login CheckSetup 00:04:22
    13. Create Public index file 00:07:30
    14. Static Frontend JavaScript 00:04:52
    15. Send Data from Front to Back 00:06:57
    16. Getting Response data 00:04:29
    17. Restful API put and Delete CRUD 00:06:30
    18. Output Data to page 00:04:03
    19. CRUD Methods Delete and update Data 00:10:40
    20. Tweaks and Put Data 00:08:41
    21. Updates to Data 00:02:41
    22. Setup a helper file and code refactoring 00:10:03
    23. Updates Styling and Tweaks 00:10:40
    24. Add SQLite Database 00:08:33
    25. Database to Frontend 00:15:27
    26. Code Review and Resources 00:10:53
  12. Chapter 12 : RealTime Message Application Exercise
    1. Introduction to real time message exercise 00:07:13
    2. Node Application Setup 00:03:04
    3. NPM setup Localhost 00:06:57
    4. Setup Pusher 00:03:53
    5. Setup Static index page 00:03:27
    6. More MiddleWare 00:03:54
    7. Pusher Trigger 00:03:51
    8. Push Message to Frontend 00:03:47
    9. Setup HTML elements 00:03:52
    10. JavaScript Interactive AJAX 00:10:03
    11. Load Comments Pusher 00:05:02
    12. Source Code Review 00:08:00
  13. Chapter 13 : API request and Fetch Practice Exercise
    1. CryptoCurrency API Exercise 00:02:18
    2. Setup Backend 00:03:01
    3. Setup Server with Packages 00:03:14
    4. Setup Static Index file 00:02:26
    5. HTML frontend code 00:05:51
    6. Output Data to HTML 00:06:20
    7. Get individual Currency Details 00:05:26
    8. Node Requests with Routes 00:08:25
    9. Update with New Routes 00:09:15
    10. More Route Options 00:03:35
    11. Last Route Setup 00:06:10
  14. Chapter 14 : Twitter API Exercise Get tweets and post to Twitter AJAX
    1. Twitter API introduction 00:03:08
    2. Course Development Environment 00:02:51
    3. Setup Local Server Nodejs NPM 00:07:18
    4. Get Packages NPM 00:04:50
    5. Setup Twitter Developer App 00:10:45
    6. Output Tweet Object as JSON 00:05:11
    7. Setup Index Frontend Code 00:07:30
    8. Output Tweet Data 00:08:01
    9. Make the tweets look nice Styling 00:02:17
    10. Post a Tweet from index page 00:09:01
    11. Twitter API AJAX application Source Code Review 00:07:25
  15. Chapter 15 : Course Review and Conclusion
    1. Congratulations on completion of the course 00:01:15