you indicated that the code was available to download so i could work through it myself with my own repo. I didn't see a way to download the code. I think I could have done with the button for input for the search or using the dom for output. i didn't see were the q parameter was a variable that w
JavaScript YouTube API Course
Explore how to connect to web API's like YouTube and get data from the API place it on your web page using JavaScript
Development,Web Development,Javascript
Lectures -13
Resources -1
Duration -47 mins
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
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.
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!!!!
Who this course is for:
- Beginners to JavaScript
- Anyone who wants to practice writing JavaScript
- Developers who want to connect to web api's like YouTube
- Web developers
- Beginners to JavaScript curious about Document Object Model and JavaScript Methods
Goals
- How to use JavaScript
- How to create elements dynamically
- Manipulate elements using JavaScript
- Explore JavaScript Document Object Model
Prerequisites
- Fundamental JavaScript concepts
- Access to computer
- Use of editor to write code
- HTML and CSS knowledge
![JavaScript YouTube API Course JavaScript YouTube API Course](https://d3mxt5v3yxgcsr.cloudfront.net/courses/3305/course_3305_image.jpg)
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
12 Lectures
-
YouTube API Introduction 02:54 02:54
-
Setup web Page 06:07 06:07
-
YouTube API key 02:21 02:21
-
Create Fetch request 04:22 04:22
-
Event Handler 03:55 03:55
-
Handle Response Data 06:44 06:44
-
JavaScript Map Prototype 05:39 05:39
-
Fetch Update 02:36 02:36
-
Next Page 04:35 04:35
-
Next Page 2 04:50 04:50
-
Code Review YouTube API 03:26 03:26
-
File Resources
Instructor Details
![Laurence Svekis](https://www.tutorialspoint.com/assets/profiles/212399/profile/200_204767-1592451022.jpg)
Laurence Svekis
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Feedbacks
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)