Advice Generator App - Frontend Mentor - Learn Async Await, Fetch and Promises - HTML, CSS, JS

A video where I try going into a little bit of detail into what promises are, how async/await works on the surface, how to write simple beginner fetching-functions and all that good stuff!

Disclaimer: I wasn't happy with this video but as I've recently heard: "Perfect is the enemy of good". I have 3 videos that are pending because I'm being pedantic about them. So I wanted to create something quickly and just upload it. Hopefully the quality didn't suffer too much but please let me know if it did :)

Resources:

Sections:
00:00 - What we're building
00:29 - What is an API?
00:39 - How does an API work (short ver)
01:38 - Design analysis
02:23 - HTML (everything)
05:53 - Brief look at style guide & fonts
06:55 - CSS - Font & Body
07:17 - CSS - Advice generator
17:25 - JS - Quick warning on length :)
17:34 - JS - Quick look at the API
18:25 - JS - Discussing Async/Await, Fetch, Promises, etc
21:37 - JS - Quick explanation of Asynchronous code
24:51 - JS - Actually coding the damn thing

[KenReeb]

Really awesome job at explaining and teaching BEFORE you even start coding. You're so underrated, you deserve more views and subscribers!

[danielheppenstiel]

This was very well done. Thank you! it really helped a lot!

[KenReeb]

Also your video qualities are exponentially getting better. I love the quality on this one, I can tell you spent a lot of time on editing and reviewing your work.

[KealstYT]

I love how you went and explained each part. I'm having difficulty, the js isn't actually getting a new advice each button press, just repeating the initial fetch request.

[ThomasShelby-if]

Really helpful, thanks for making it.

[guillermomazzari]

hey bro, you've saved my life once again!!! :)

[brandonbh]

Thanks for this video. Couldn't you have did what you did in the renderAdvice function in the generateNewAdvice function? Then there would only be 2 functions instead of 3?

[rosiibarra]

Greetings, excellent your material, I congratulate you. I would like to know what is the tool that you use to see the css of the image that should be reached