JavaScript API tutorial for beginners (Part 1) | Program with Viggo

JavaScript API tutorial for beginners. You've probably wondered what an API is or you know it but don't know how to implement it. In this tutorial, I will help you understand and implement APIs. We will be working with a music API and we'll be building a simple web page that renders some data according to the name of the song a user has searched for.

It is highly recommended that you at least know a bit of HTML, CSS, and JavaScript before watching this. If you already know asynchronous JavaScript (async/await, callback functions, or promises) that's a plus for you but if you don't, don't worry, because I will explain it as much as I can without going off-topic. We will be using the fetch JavaScript API in this tutorial.

This is the first part of the tutorial where we consume an API. The second video will be where we use the data provided by the API and render it on our web page.

Source Code: https://programwithviggo.42web.io/details.php?id=24

Link to the music APIs: https://rapidapi.com/blog/top-free-music-data-apis/

Link to the shazam API documentation: https://rapidapi.com/apidojo/api/shazam

Link to this JavaScript API tutorial for beginners: https://www.youtube.com/watch?v=-xCiv6tvDcM

Link to youtube channel: https://www.youtube.com/channel/UCErVi3YiUOS1l3nt8nt-usg

Link to source code:
https://github.com/Onodwa2001/API-Tutorial
(Please make sure you focus on the master branch for this part of the video)

Find me on:

Instagram: @odwasiyotula
Facebook: Odwa Viggo Siyotula or https://www.facebook.com/profile.php?id=100007101915734

Concepts covered:

- API explanation
- How to use the fetch function
- A little explanation of asynchronous programming (nutshell)
- Dev Tools

#javascript #fetchapijavascript #javascripttutorialforbeginners