Section 1 : Introduction to course content and resources

Lecture 1 Introduction to JSON and AJAX 00:03:10 Duration
Lecture 2 Course Overview and how to use this course 00:03:23 Duration
Lecture 3 Course Development Environment and tools 00:03:29 Duration

Section 2 : JSON JavaScript Object Notation Introduction

Lecture 1 What is JSON 00:05:38 Duration
Lecture 2 JSON in JavaScript 00:07:11 Duration
Lecture 3 JSON Overview 00:09:46 Duration
Lecture 4 JavaScript Objects 00:06:13 Duration
Lecture 5 Creating JSON 00:04:22 Duration
Lecture 6 More complex nesting JSON 00:09:06 Duration
Lecture 7 Back to JavaScript 00:07:10 Duration
Lecture 8 Multiple Values in Object 00:07:10 Duration
Lecture 9 Use JavaScript with JSON 00:06:28 Duration
Lecture 10 JSON on the web 00:12:48 Duration
Lecture 11 Session storage JSON 00:12:01 Duration
Lecture 12 Store Values as String 00:06:21 Duration

Section 3 : JSON exercise Task List

Lecture 1 JSON exercise getting to know JSON 00:02:49 Duration
Lecture 2 JSON Exercise Setup Data 00:06:53 Duration
Lecture 3 JSON Exercise Use String Values as Data 00:11:09 Duration
Lecture 4 JSON Exercise Make it Interactive 00:09:26 Duration
Lecture 5 JSON Exercise JSON better structure 00:05:38 Duration
Lecture 6 JSON Exercise Use the new Data with JavaScript 00:08:52 Duration
Lecture 7 JSON Exercise Store Current Data Instance 00:08:02 Duration
Lecture 8 JSON Exercise Add new items to the list 00:07:31 Duration
Lecture 9 JSON Exercise Tweaks and Bug Fixes 00:11:53 Duration
Lecture 10 JSON Exercise sessionStorage ready data 00:03:40 Duration
Lecture 11 JSON Exercise Delete a Task 00:08:55 Duration
Lecture 12 JSON exercise AJAX and JSON 00:09:11 Duration

Section 4 : AJAX various AJAX options in JavaScript

Lecture 1 Section Introduction 00:04:19 Duration
Lecture 2 AJAX introduction for Fetch and XHR 00:07:40 Duration
Lecture 3 XHR requests across the web 00:11:46 Duration
Lecture 4 Exercise Random User XHR options 00:06:16 Duration
Lecture 5 Exercise Random User AJAX Load Data 00:05:31 Duration
Lecture 6 More XHR practice 00:04:18 Duration
Lecture 7 XHR Request Data 00:09:27 Duration
Lecture 8 JavaScript Fetch
Lecture 9 Fetch Promise Response 00:08:16 Duration
Lecture 10 Fetch Options 00:05:10 Duration
Lecture 11 Post with Fetch 00:05:00 Duration
Lecture 12 Fetch Form Submit Data 00:10:25 Duration
Lecture 13 AJAX section Overview 00:01:50 Duration

Section 5 : AJAX libraries jQuery and Axios

Lecture 1 Axios and jQuery Introduction 00:05:09 Duration
Lecture 2 Introduction to jQuery 00:03:04 Duration
Lecture 3 AJAX with jQuery 00:07:45 Duration
Lecture 4 jQuery AJAX output to element 00:06:30 Duration
Lecture 5 jQuery in Codepen 00:07:31 Duration
Lecture 6 jQuery AJAX shorthand 00:03:01 Duration
Lecture 7 jQuery Mulitple Items API 00:04:13 Duration
Lecture 8 jQuery Post example 00:08:16 Duration
Lecture 9 jQuery post with AJAX 00:04:11 Duration
Lecture 10 JQuery Exercise Overview 00:03:25 Duration
Lecture 11 JavaScript libraries for AJAX 00:08:03 Duration
Lecture 12 AXIOS Get Data Update HTML 00:01:48 Duration
Lecture 13 Loop Multiple Items in Object 00:03:26 Duration
Lecture 14 Axios AJAX post 00:04:39 Duration
Lecture 15 Axios Exercise Overview 00:04:17 Duration

Section 6 : JSON Server Exercise Practice JSON and AJAX locally

Lecture 1 JSON server Introduction 00:04:38 Duration
Lecture 2 How to Setup Local JSON Database 00:09:41 Duration
Lecture 3 Postman Tool for AJAX 00:04:03 Duration
Lecture 4 Create your HTML elements 00:04:30 Duration
Lecture 5 Interactive Button 00:07:19 Duration
Lecture 6 XHR request data 00:06:53 Duration
Lecture 7 XHR post data to json DB 00:05:16 Duration
Lecture 8 Exercise JSON server interface 00:14:09 Duration
Lecture 9 Exercise Build Page Comments 00:06:27 Duration
Lecture 10 Post create new posts 00:05:55 Duration
Lecture 11 Search JSON server 00:05:38 Duration
Lecture 12 List Comments 00:05:37 Duration
Lecture 13 Add Post Comments 00:07:29 Duration
Lecture 14 Code Review JSON server 00:05:22 Duration

Section 7 : Google Sheet API data GET POST with jQuery

Lecture 1 Google Sheet Data API 00:02:42 Duration
Lecture 2 Setup Sheet Data 00:05:22 Duration
Lecture 3 Google Sheet Get Sheet Data as JSON 00:05:35 Duration
Lecture 4 JSON Output Sheet Data 00:06:31 Duration
Lecture 5 Apps Script Google Scripting Server Side 00:08:30 Duration
Lecture 6 Use Google Script to Create Output 00:15:30 Duration
Lecture 7 Create JSON feed from Google Sheets 00:05:58 Duration
Lecture 8 Google Script POST data 00:11:55 Duration
Lecture 9 Form Setup to Post on webpage 00:04:14 Duration
Lecture 10 Post data to Google Sheets 00:05:51 Duration
Lecture 11 Random User Data API 00:06:23 Duration
Lecture 12 Project Overview and Review 00:08:18 Duration

Section 8 : AJAX request tester using GET and POST exercise

Lecture 1 AJAX tester Tool Introduction 00:03:18 Duration
Lecture 2 Setup Page Elements 00:03:49 Duration
Lecture 3 Make first AJAX Request 00:02:47 Duration
Lecture 4 Dynamic Input data 00:10:54 Duration
Lecture 5 AJAX Add jQuery 00:08:27 Duration
Lecture 6 Add Axios AJAX 00:04:48 Duration
Lecture 7 Add Fetch AJAX 00:04:45 Duration
Lecture 8 Add Post Data Option 00:08:08 Duration
Lecture 9 Update for POST 00:03:25 Duration
Lecture 10 Update post for Fetch and Axios 00:04:14 Duration
Lecture 11 AJAX tester Code Review 00:07:50 Duration

Section 9 : JavaScript AJAX API exercise YouTube and Wikipedia API

Lecture 1 Popular API requester mini application introduciton 00:02:32 Duration
Lecture 2 Page and Element Setup 00:04:10 Duration
Lecture 3 Bring in the XHR Object 00:09:12 Duration
Lecture 4 Connect to Wikipedia AP 00:06:22 Duration
Lecture 5 Output Data into web Page 00:08:03 Duration
Lecture 6 YouTube API with JavaScript 00:05:20 Duration
Lecture 7 Add YouTube API search 00:05:52 Duration
Lecture 8 Style data output 00:08:10 Duration
Lecture 9 Information app source code review 00:04:35 Duration

Section 10 : More APIs Trivia API and more

Lecture 1 Introduction to working with AJAX 00:01:44 Duration
Lecture 2 Element and Page Setup 00:03:28 Duration
Lecture 3 AJAX Make Request Callback 00:03:21 Duration
Lecture 4 Connect Get API content 00:04:12 Duration
Lecture 5 Output Question format 00:04:52 Duration
Lecture 6 Dynamic Build Buttons JavaScript 00:06:13 Duration
Lecture 7 JavaScript Dynamically Build Elements 00:04:19 Duration
Lecture 8 Tweak Quiz and add Scoring 00:05:59 Duration
Lecture 9 Show correct answer 00:06:51 Duration
Lecture 10 More fun with APIs 00:07:02 Duration
Lecture 11 AJAX API section conclusion 00:02:33 Duration

Section 11 : Setup a RESTful API from Scratch Node jQuery JavaScript

Lecture 1 Introduction to RESTful API 00:08:35 Duration
Lecture 2 Introduction to the Terminal CLI 00:03:09 Duration
Lecture 3 Learn NPM Node Package Manager 00:04:17 Duration
Lecture 4 Creating a Node project from scratch Create indexjs 00:02:12 Duration
Lecture 5 Exploring Node modules
Lecture 6 Setting up HTTP Localhost 00:08:54 Duration
Lecture 7 Read Files output Data
Lecture 8 Amazing helpful packages Express and Nodemon 00:03:46 Duration
Lecture 9 API web resources Postman CRUD 00:04:16 Duration
Lecture 10 Body Parser npm 00:04:22 Duration
Lecture 11 How to use Middleware app use 00:03:06 Duration
Lecture 12 Simple login check Login CheckSetup 00:04:15 Duration
Lecture 13 Create Public index file 00:07:23 Duration
Lecture 14 Static Frontend JavaScript 00:04:44 Duration
Lecture 15 Send Data from Front to Back 00:06:50 Duration
Lecture 16 Getting Response data 00:04:22 Duration
Lecture 17 Restful API put and Delete CRUD 00:06:26 Duration
Lecture 18 Output Data to page 00:03:56 Duration
Lecture 19 CRUD Methods Delete and update Data 00:10:35 Duration
Lecture 20 Tweaks and Put Data 00:08:36 Duration
Lecture 21 Updates to Data 00:02:35 Duration
Lecture 22 Setup a helper file and code refactoring 00:09:57 Duration
Lecture 23 Updates Styling and Tweaks 00:10:40 Duration
Lecture 24 Updates Styling and Tweaks 00:10:35 Duration
Lecture 25 Add SQLite Database 00:08:27 Duration
Lecture 26 Database to Frontend 00:15:21 Duration
Lecture 27 Code Review and Resources 00:10:49 Duration

Section 12 : RealTime Message Application Exercise

Lecture 1 Introduction to real time message exercise 00:02:47 Duration
Lecture 2 Node Application Setup 00:02:57 Duration
Lecture 3 NPM setup Localhost 00:06:50 Duration
Lecture 4 Setup Pusher 00:03:45 Duration
Lecture 5 Setup Static index page 00:03:20 Duration
Lecture 6 More MiddleWare 00:03:47 Duration
Lecture 7 Pusher Trigger
Lecture 8 Push Message to Frontend 00:03:40 Duration
Lecture 9 Setup HTML elements 00:03:45 Duration
Lecture 10 JavaScript Interactive AJAX 00:09:54 Duration
Lecture 11 Load Comments Pusher 00:04:55 Duration
Lecture 12 Source Code Review

Section 13 : API request and Fetch Practice Exercise

Lecture 1 CryptoCurrency API Exercise 00:02:11 Duration
Lecture 2 Setup Backend 00:02:54 Duration
Lecture 3 Setup Server with Packages 00:03:07 Duration
Lecture 4 Setup Static Index file 00:02:19 Duration
Lecture 5 HTML frontend code 00:05:43 Duration
Lecture 6 Output Data to HTML 00:06:13 Duration
Lecture 7 Get individual Currency Details 00:05:17 Duration
Lecture 8 Node Requests with Routes 00:08:11 Duration
Lecture 9 Update with New Routes 00:09:07 Duration
Lecture 10 More Route Options 00:03:28 Duration
Lecture 11 Last Route Setup 00:06:03 Duration

Section 14 : Twitter API Exercise Get tweets and post to Twitter AJAX

Lecture 1 Twitter API introduction 00:02:51 Duration
Lecture 2 Course Development Environment 00:02:44 Duration
Lecture 3 Setup Local Server Nodejs NPM 00:07:11 Duration
Lecture 4 Get Packages NPM 00:04:42 Duration
Lecture 5 Setup Twitter Developer App 00:10:38 Duration
Lecture 6 Output Tweet Object as JSON 00:05:04 Duration
Lecture 7 Setup Index Frontend Code 00:07:22 Duration
Lecture 8 Output Tweet Data 00:07:54 Duration
Lecture 9 Make the tweets look nice Styling 00:02:08 Duration
Lecture 10 Post a Tweet from index page 00:08:52 Duration
Lecture 11 Twitter API AJAX application Source Code Review 00:07:19 Duration

Section 15 : Promises Examples

Lecture 1 intro JavaScript Promises 00:02:16 Duration
Lecture 2 API connection 00:06:54 Duration
Lecture 3 Create Elements 00:06:51 Duration
Lecture 4 Map new Array of Data 00:05:31 Duration
Lecture 5 Output Content DOM 00:06:58 Duration
Lecture 6 New Promise 00:04:25 Duration
Lecture 7 Promise Resolve 00:03:34 Duration
Lecture 8 Function Recursion 00:07:11 Duration
Lecture 9 Tweaks and Adjustments 00:07:53 Duration
Lecture 10 Code Review 00:01:21 Duration

Section 16 : API Quiz game JSON data to web page practice exercise

Lecture 1 Dynamic Quiz Introduction section 00:01:53 Duration
Lecture 2 Web dev Setup 00:03:31 Duration
Lecture 3 Setup HTML and CSS 00:03:18 Duration
Lecture 4 JavaScript Select Page Elements 00:04:03 Duration
Lecture 5 Request spreadsheet data 00:04:57 Duration
Lecture 6 JavaScript Elements Create Question 00:08:02 Duration
Lecture 7 Check Answer Next Question 00:03:18 Duration
Lecture 8 Bug Fixes Updates to Game 00:05:37 Duration
Lecture 9 Random Order Array 00:02:13 Duration
Lecture 10 Make it look Nice CSS 00:04:08 Duration
Lecture 11 Google Web App Data 00:07:50 Duration
Lecture 12 Create Google Web App Google Web App Data 2 00:06:09 Duration
Lecture 13 Updated New IDE using forEach 00:08:01 Duration
Lecture 14 Dynamic Quiz Conclusion 00:05:51 Duration

Section 17 : Course Review and Conclusion

Lecture 1 How to Load Text File with JavaScript 00:07:57 Duration
Lecture 2 How to use Ajax fetch to Load JSON 00:08:41 Duration
Lecture 3 Congratulations on completion of the course 00:01:31 Duration
Lecture 4 How to create Dynamic Checkboxes using JavaScript add to HTML from Data 1 00:09:30 Duration
Lecture 5 How to use CreateElement to dynamically create HTMl elements using JavaScript 00:08:35 Duration
Lecture 6 How to update objects to Array objects for more flexible JSON data 00:07:15 Duration
Lecture 7 How to add elements to List create a interactive Checklist Dynamic CheckBoxes JS 00:08:14 Duration

Section 18 : AJAX JSON practice Application with JSON endpoints load

Lecture 1 Fetching JSON data JSON endpoints listed with JavaScript 00:08:30 Duration
Lecture 2 Fetching JSON data 2 create mini app to retrieve JSON data from endpoints AJAX 00:05:53 Duration
Lecture 3 Fetching JSON data 3 Load and try getting various JSON objects and output page 00:13:40 Duration