Building a Node.js app (as a JavaScript noob) | 🔴 LIVE CODING

Check out the RapidAPI marketplace ⏩ https://rapidapi.com/marketplace?utm_source=youtube.com/TheCoderCoder&utm_medium=referral&utm_campaign=DevRel 🔥 My course: Responsive Design for Beginners! https://coder-coder.com/responsive/ 💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b _______________________________________________ In this video, I'm building a basic web app using Node.js (Express.js) loading external API data using asynchronous JavaScript. ✨ Many thanks to ✨ ▶ @TheCodingTrain - Working with data & APIs -- https://www.youtube.com/watch?v=DbcLg8nRWEg&list=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X ▶ @WebDevSimplified - Build a weather app -- https://www.youtube.com/watch?v=OE7kml0pigw ▶ @codeSTACKr - Manage multiple APIs -- https://www.youtube.com/watch?v=NFToND6x_nI ▶ @aniakubow - Async vs Sync -- https://www.youtube.com/watch?v=wYRw8f-wrco Project code on GitHub: https://github.com/thecodercoder/dinosaur-generator APIs I used: ▶ Dino Ipsum - https://rapidapi.com/alexnormand/api/dino-ipsum/?utm_source=youtube.com/TheCoderCoder&utm_medium=referral&utm_campaign=DevRel ▶ Bing Image search - https://rapidapi.com/microsoft-azure-org-microsoft-cognitive-services/api/bing-image-search1/?utm_source=youtube.com/TheCoderCoder&utm_medium=referral&utm_campaign=DevRel 0:00 - Intro 1:15 - Set up website files and local Express.js site 9:40 - Set up route in Node.js to load API data using fetch() 14:23 - Use asynchronous JavaScript to get JSON data from server-side to client 33:11 - Dynamically generate image tag using JavaScript 45:07 - How to keep your API key secure using dotenv 55:42 - Style the website with CSS LINKS & RESOURCES 💻 Learn full-stack web development and more with Zero to Mastery: https://zerotomastery.io/courses/?affcode=441520_ti97uk6b SUPPORT THE CHANNEL ⭐ Join channel members and get perks: https://www.youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ/join 🏆 Gi