In this api project we will build a comics display app using the XKCD API as well as have a JavaScript ES6 Classes tutorial! We will cover different scenarios of requests - e.g. request a comic by ID, a random one, next, previous, first and last one existing, - all of that with the help of API calls!
The more you have little parts in the application, the more you need to consider while building the interface and the logic behind it. This is a bit of a step-up comparing to the previous challenges, but nothing we cannot manage together. It's still a great place to start or get a biiiiit more challenged if you're searching for api projects for beginners in javascript!
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 projects ideas 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:55 Setup
02:20 Prepare for the API calls
05:53 Make our first API call
09:00 Going through the app's functionality
11:40 Catch errors
12:27 Get random comic
16:11 Generate a random number
18:38 Get previous/next first/last comics
19:00 I made a boo-boo
23:26 I realised I made a boo-boo
23:22 Let's debug the boo-boo
27:36 Get a comic by ID
32:18 Loading images
33:33 Wrapping up
Links:
Challenges' website - https://theultimateapichallenge.com/
XKCD API challenge page: https://theultimateapichallenge.com/c...
Starter files: https://github.com/danascript/the-ult...
Check out my other social accounts:
Instagram: / _danascript_
Medium: / _danascript_
Website: https://danascript.dev
Looking forward to seeing you in the next one! 👋
#TheUltimateApiChallenge #CodeAlongVideo #WebDevelopmentPortfolio
On this page of the site you can watch the video online BUILD XKCD COMICS APP API PROJECT || XKCD API, SUPERAGENT, HTML, CSS JAVASCRIPT ES6 CLASSES TUTORIAL with a duration of hours minute second in good quality, which was uploaded by the user danascript 16 May 2021, share the link with friends and acquaintances, this video has already been watched 2,092 times on youtube and it was liked by 32 viewers. Enjoy your viewing!