Booking options
£22.99
£22.99
On-Demand course
1 hour 15 minutes
All levels
Explore using JavaScript XHR and fetch to connect to multiple web API endpoints retrieve JSON data and update HTML
Access several popular web APIs and retrieve response content for web applications. This course covers how to make AJAX requests using the XMLHttpRequest within JavaScript as well as fetch. JavaScript code knowledge is a prerequisite for the course. Scope of this course is focused on using JavaScript to connect to web APIs.
Examples and source code accessing over 7 different APIs
Course Covers: - - Explore what XHR is and how it works
- How to use JSON response data
- Connect to Joke API to get new content and update it in your HTML page
- JavaScript Objects and how it relates to JSON data
- How to iterate JSON data and output it on your HTML
- Use JavaScript fetch
- Error handling and responses
- Setting up your own JSON endpoints to practice connecting to JSON content
- ES6 JavaScript fetch and short functions
- Learn how to build an api that output country data
- Online resources and more
- Connecting to web APIs
- Practice AJAX
You will be amazed at how easy it can be to do some much. Go ahead and hit that "take this course" button to start learning the how to use JavaScript to connect to web APIs Today. Taught by an instructor with over 20 years of web development experience. What are you waiting join now to start learning JavaScript API connections, you have nothing to lose. All the code and supporting files for this course are available at: https://github.com/PacktPublishing/API-for-Beginners-JavaScript-and-Getting-Started-with-APIs-and-AJAX
??Use AJAX to get JSON data into their web pages
??Use XHR requests to connect to servers and APIs
??Explore how to connect to APIs
This course is for JavaScript developers and web developers who want to practice connecting to APIs. Anyone who wants to use JavaScript XHR to connect to APIs or wants to use JavaScript fetch to connect to APIs and also for anyone who wants to learn more about XHR.
Step by step instruction on how to access web APIs using JavaScript XHR and fetch to get JSON data and update your web content.
You only need JavaScript, HTML and CSS experience. * Examples and source code accessing over 7 different APIs
https://github.com/packtpublishing/api-for-beginners-javascript-and-getting-started-with-apis-and-ajax
Laurence Svekis is an experienced web application developer. He has worked on multiple enterprise-level applications, hundreds of websites, business solutions, and many unique and innovative web applications. He has expertise in HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL and is also passionate about web technologies, web application development, programming, and online marketing with a strong focus on social media and SEO. He is always willing to help his students experience what technology has to offer and looks forward to sharing his knowledge and experiences with the world.
1. Introduction to connecting to API's
In this section, step by step instruction on how to access web APIs using JavaScript XHR and fetch to get JSON data and update your web content.
1. (Free Preview): API course introduction Introduction to connecting to API's: API course introduction |
2. web developer setup Introduction to connecting to API's: web developer setup |
3. JavaScript XHR request AJAX Introduction to connecting to API's: JavaScript XHR request AJAX |
4. Tweak and Adjust AJAX request Introduction to connecting to API's: Tweak and Adjust AJAX request |
5. JSON methods Parse to JavaScript Objects Introduction to connecting to API's: JSON methods Parse to JavaScript Objects |
6. Quick Jokes API Click Button Get Joke Introduction to connecting to API's: Quick Jokes API Click Button Get Joke |
7. (Free Preview): Code Tweak AJAX. Introduction to connecting to API's: Code Tweak AJAX. |
8. Getting Results AJAX Introduction to connecting to API's: Getting Results AJAX |
9. (Free Preview): Error handling and updates Introduction to connecting to API's: Error handling and updates |
10. Introduction JavaScript fetch Introduction to connecting to API's: Introduction JavaScript fetch |
11. (Free Preview): Fetch array objects Introduction to connecting to API's: Fetch array objects |
12. fetch response methods Introduction to connecting to API's: fetch response methods |
13. (Free Preview): Fetch Error Handling Introduction to connecting to API's: Fetch Error Handling |
14. Fetch Adding Headers Params Introduction to connecting to API's: Fetch Adding Headers Params |
15. Using myJSON endpoints Introduction to connecting to API's: Using myJSON endpoints |
16. Short functions new JavaScript Introduction to connecting to API's: Short functions new JavaScript |
17. More fun with APIs Introduction to connecting to API's: More fun with APIs |
18. Country Questions mini app Introduction to connecting to API's: Country Questions mini app |
19. Country Application complete. Introduction to connecting to API's: Country Application complete. |
20. API Conclusion Lesson Introduction to connecting to API's: API Conclusion Lesson |