JavaScript Dynamic Web Pages AJAX 30 Projects APIs JSON (Udemy.com)

Full Stack JavaScript coding course - build your own Java Script Projects with Vanilla JavaScript and DOM interaction.

Enroll now to get instant access to:

• 23.5+ hours of premium lessons

• 129 page downloadable workbook Guide source code, tips, resources and challenges

• Premium instructor support to help you learn

• Lifetime access to course updates

One of the MOST common questions I get is using AJAX making requests to the server and returning JSON data outputting it to a web Page.  Here it is THE MOST asked for course content with over 30 Projects to build your skills with AJAX and JavaScript DOM manipulation.  This is a unique course loaded with modern JavaScript content - coding examples and challenges in almost every lesson!!!  Also includes a 100+ Page PDF AJAX JavaScript Guide.

Perfect to do over 30 days or faster.  Fun unique projects that will AMAZE you and help you learn updating skills with AJAX.   Explore how YOU can create Dynamic and Interactive Web content with data loaded from an API.

Please note this is a fast paced course with prerequisites - it demonstrates how to use and apply JavaScript to connect with various endpoints, make requests and return JSON formatted data demonstrated in interactive fun projects.  Prior coding experience is required as lessons focus on applying necessary JavaScript functions to create interactions and dynamic content.  There will be a focus on DOM based coding and use of JSON and JavaScript Objects. 

Taught by an instructor with over 20 years of Web Development experience ready to help you learn more about JavaScript. 

1. Create a dynamic list JSON LocalStorage List - project #1 Create an interactive List that gets JSON data from a json file and generates a list. Using JavaScript create page elements, add event listeners for user interactive content. Store JSON data as a string to local storage and load JSON list as a JavaScript Object on Page load. Create a dynamic list for users to add and remove list items, check list items off as completed.

2. Create AJAX to Simple JSON file and get JSON with JavaScript - project #2 Practice coding creates AJAX requests to local JSON files - Create a JSON file valid JSON to JavaScript Object. Load local JSON file data and use it with JavaScript to create page content. Add user event listener to trigger AJAX request using JavaScript Fetch method.

3. AJAX to get JSON data from Wiki API - project #3 Using JavaScript Connect to an API endpoint get Wiki Data and update JavaScript create and update Page content with JSON data. JSON data from wikipedia API - using modern javascript fetch make a request to the wikipedia endpoint - return response JSON. Custom request parameters from user input field. Generate page content using JavaScript DOM.

4. JSON from WikiMap API examples with JavaScript Code - project #4 Explore how to connect to WikiMap API to get JSON data to update and manipulate page contents using JavaScript. Coding example of practice project to learn more and explore more about connecting to APIs and how to use JavaScript Fetch to get JSON data and output to the web pages.

5. Multiple Endpoint Loading JSON data Tester - project #5 Explore connecting to various JSON endpoints - test JSON data to Page content with JavaScript. Using interactive JavaScript web pages to select and make AJAX requests to various endpoints and outputting the JSON data as content to web pages.

6. Generate Random User Data Output to Page AJAX and JS Random User API 5 - project #6 Create an interactive Dynamic application that connects to random user API generates pages content depending on user selection. Fully interactive web application using AJAX requests from user page selections - get JSON data and output to yoru web pages with JavaScript Code. Fetch request methods - use of interactive coding to API and customizing the request parameters and request URL from HTML input fields on the webpage.

7. Weather Data App with API JSON data - project #7 Connecting to a weather API to output data with user input values. Create custom query requests to get back JSON data to use on your webpage. AJAX to weather endpoint with page element creation using JavaScript.

8. Jokes API get fun Jokes for Web Page Content - project #8 Connect to the Chuck Norris open Joke API - get Jokes - Get Category list - return joke data from user selected categories and more. User interactive Dynamic content with JavaScript AJAX requests.

9. Interactive App with Star Wars Data - project #9 Create a fully interactive web application that dynamically loads Star Wars data from an Open API source. Return JSON data and output the data object with JavaScript to your webpage.

10. Dynamic Data driven Trivia DataBase Game - project #10 Create a fully functional Trivia game, track game progress, let the user select the number of questions, difficulty and category. Load the data from a JSON endpoint. Output page contents from JSON data. Users can interact and make selections and JavaScript makes the AJAX requests to load requested data for the user. Game functions adding gameplay with scoring and ability to play unlimited rounds of Trivia Questions all dynamically loaded with AJAX.

11. Stackexchange API tester Request JSON - project #11 Massive API loaded with data and request URL - perfect to practice and get more familiar with complex JSON data - multiple routes for request URLs and loading JSON data to web pages with JavaScript Coding. Explore how you can connect to the Stackexchange API and Request JSON Data to test and build interactive web applications that are data driven and fully dynamic with JavaScript Code. This API has a lot of data and great to familiarize yourself with making AJAX requests with fetch method in JavaScript, Getting JSON data to use within JavaScript Code, Create your own JavaScript code examples of AJAX requests and using JavaSCript to create interactive web page content.

12. Select Country Data from API - project #12 Connect to a countries API that lists over 250 countries with a complex JSON object rich with data including objects and image paths and arrays. Chunk page data into multiple pages allowing the user to select and interact with JSON data content.

13. User Search Country by Name get JSON data - project #13 Dynamic and interactive page content with JavaScript - loading JSON data into JavaScript coding objects and outputting and creating page element content with JavaScript DOM.