Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
jQuery API Exercise Youtube Data WebSite
Rating: 4.3 out of 5(36 ratings)
4,070 students

jQuery API Exercise Youtube Data WebSite

AJAX connect to YouTube API get JSON data use it within your applications
Created byLaurence Svekis
Last updated 11/2024
English

What you'll learn

  • Build a web application that uses AJAX
  • Connect and use data from YouTube API

Course content

2 sections • 20 lectures • 1h 11m total length

  • Introduction to using AJAX and getting JSON data3:10

    Explore building a jQuery AJAX app that queries the YouTube API, fetches JSON results, and updates the page without refresh, including a video popup and next and previous navigation.

  • Developer Setup and Environment2:58

    Set up your development environment for jQuery projects by using brackets, a browser, and developer tools to inspect pages, run JavaScript, and test queries.

  • web application setup4:15
  • Updated V3 Key URL0:05
  • YouTube Developer Key4:02

    Learn how to obtain and test a YouTube data api v3 key by creating a Google project, generating api credentials, and using the api key in a front-end application.

  • Bring in jQuery AJAX6:19
  • Source Code 30:09
  • Loop each Returned Video5:30
  • Use JSON feed data9:48

    Explore how to pull json feed data from the YouTube data api, select fields like snippet, contentDetails, and statistics, and render video titles, thumbnails, and ids with pagination tokens.

  • Source Code 50:14
  • Output Results from API3:47
  • Customize Results for API6:49
  • Source Code 70:22
  • Tweaks and Updates5:36

    Learn to implement next and previous navigation, use a token class for streamlined event handling, and link YouTube videos by id to display thumbnails, titles, and search results.

  • Source Code 80:24
  • Customize Code jQuery15:40
  • Source Code 90:44
  • Course Resources0:03

Requirements

  • CSS, HTML and some basic JavaScript
  • Basic understanding of APIs
  • JavaScript Object Experience

Description

Get DATA from YouTube and use it in your own web applications

Perfect course to practice and learn more about jQuery AJAX and JSON.

Become more familiar with jQuery and working with what AJAX is and how you can use it to get JSON data.  In this project we show you how to connect to the YouTube Developer API and pull in video data and information.  This API is perfect to practice and get more comfortable with APIs.  There is so much data and its fun to work with.

Source Code is included to get you started quickly.

Please note this course is focused on an EXERCISE building an application from scratch using jQuery.  Prerequisites for this course include HTML, CSS, JavaScript DOM and jQuery.

The objective is to allow students to practice and explore what can be done

Course is taught by an instructor who is passionate about jQuery and ready to help you learn more about using jQuery.

Join now and see the amazing applications you can build with jQuery.

By the end of the course you will have the knowledge to build your own version of the application and make even better ones ;)

Who this course is for:

  • Anyone who wants to learn more about jQuery
  • Anyone who wants to practice connecting to APIs
  • Web developer
  • Anyone who wants to learn how to use JSON data from YouTube

Report abuse