
Build an api project w/LYRICS API built with AJAX, HTML, CSS and JavaScript ES6 // API Project Ideas
Remember when music tracks used to have lyrics and we used to search for them? Let's build an api project with an interface for that! In this challenge we will build our own "search engine" dedicated only to lyrics, a great api aproject for beginners!
We will use jQuery and its $.AJAX method for communicating with the API, HTML, CSS and JavaScript's ES6 Syntax, work on separation of concerns, making our code more clean and animate some UI elements according to the application's state.
If you're new here - The Ultimate API Challenge is a place where I want to "break the ice" between us and APIs, show you how you can work with different tech stack, documentation, APIs, learn to code, create cool and interesting api projects which, by the end of the video, will be ready to be included in your web development portfolio!
So if you were searching for things to build, api project ideas, cool coding projects for beginners or just to hang out coding, - hop on this video and stay tuned for more! Subscribe and hit the notification's bell so you won't miss any episode!
Chapters:
00:00 Intro
00:38 Get to know the project and base elements
02:30 Register Event Listeners
03:30 Working with this API
05:20 Attach the API call to the form
06:25 Prepare the data for the UI
11:00 Attach an Event Listener to a newly created element
13:25 Get Lyrics for a selected track
16:40 A CSS challenge for you
18:05 Recap
Links:
Challenges' website - theultimateapichallenge.com/
LYRICS API challenge page: theultimateapichallenge.com/challenges/lyrics-api
Starter files: github.com/danascript/the-ultimate-api-challenge-l…
Check out my other social accounts:
Instagram: www.instagram.com/_danascript_
Medium: medium.com/@_danascript_
Website: danascript.dev/
Looking forward to seeing you in the next one! 👋
#TheUltimateApiChallenge #CodeAlongVideo #WebDevelopmentPortfolio
コメント