
Learn to connect to the YouTube API from scratch with fetch in JavaScript, search terms, and render video title, image, id, and description with links.
Set up a web page to connect JavaScript with the YouTube search API, including input, a search button, and an output area; use Brackets and obtain a YouTube API key.
Learn how to obtain a YouTube data API v3 key, enable it in a project, and use JavaScript in a web browser to make requests to the YouTube API.
Create a fetch request to the YouTube API, test the API key and URL, parse the JSON response, and output results to the page and console.
Learn to wire an event handler in JavaScript by selecting the input and button, encoding the search term, and triggering a YouTube API fetch to return results.
Use the JavaScript map prototype to transform a YouTube API response into a compact object with title, description, image, and id, feeding only these fields to show.
Explore how you can use JavaScript fetch method to connect to an API like YouTube and get data back to add to your web projects.
Source Code and resources are included to get you started quickly.
Course is designed to highlight using JavaScript to make a connection to the YouTube API - JavaScript IS A Prerequisite TO THIS COURSE *****Beginner JavaScript knowledge is required ***** as the course covers only JavaScript relevant to the using Fetch and manipulating elements with object data. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused.
No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.
Course Covers
Web page setup for prepare to receive content
Getting YouTube API key and resources for more information about the YouTube API
How to use the JavaScript Fetch method
DOM event handler click event on element
Get JSON data as JavaScript Object
Using JavaScript Map Prototype to built a custom array object
Fetch Update with elements and event trigger
Handling multiple pages with next and previous
All this and more
Step by step learning with all steps included.
Along with friendly support in the Q&A to help you learn and answer any questions you may have.
Try it now you have nothing to lose, comes with a 30 day money back guarantee.
Start building your own version of the application today!!!!