Hey everyone! The DAD JOKES API Challenge is a beginner friendly api project where we will build together a simple interface to get jokes from the Dad Jokes API. This project is built with Vanilla JavaScript, HTML and CSS and uses XMLHttpRequest to communicate with the API (which will give you a small glimpse into how calling the API works "under the hood"). We will also cover how to work with failed API requests and loading states.
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 and build up 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:50 Setup
01:16 Get to know the API
01:44 XMLHttpRequest constructor
02:36 Open a GET request
04:40 Output and callbacks
08:03 Attach event listeners
09:30 Connect UI with JS
17:32 Change CTA
19:40 Minor refactoring
Links:
Challenges' website - https://theultimateapichallenge.com/
Dad Jokes API challenge page: https://theultimateapichallenge.com/c...
Starter files: https://github.com/danascript/the-ult...
Check out my other social accounts:
Instagram: / _danascript_
Website: https://danascript.dev
Looking forward to seeing you in the next one! 👋
#TheUltimateApiChallenge #CodeAlongVideo #WebDevelopmentPortfolio
Auf dieser Seite können Sie das Online-Video Dad Jokes API w/ XMLHttpRequest & HTML CSS JavaScript || API projects for beginners || Challenge #2 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer danascript 21 März 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 814 Mal angesehen und es wurde von 29 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!