Building a Node.js app (as a JavaScript noob) | 🔴 LIVE CODING
Check out the RapidAPI marketplace ⏩ https://rapidapi.com/marketplace?utm_...
🔥 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/af...
_______________________________________________
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 ✨
▶ @TheCodingTrainWorking with data & APIs -- • Working with Data and APIs in JavaScript
▶ @WebDevSimplifiedBuild a weather app -- • Build a Weather App With JavaScript
▶ @codeSTACKrManage multiple APIs -- • 4 APIs at ONCE! | How To Manage Multiple A...
▶ @aniakubowAsync vs Sync -- • Async JavaScript Part 2: Async vs Sync Exp...
Project code on GitHub: https://github.com/thecodercoder/dino...
APIs I used:
▶ Dino Ipsum - https://rapidapi.com/alexnormand/api/...
▶ Bing Image search - https://rapidapi.com/microsoft-azure-...
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/?aff...
SUPPORT THE CHANNEL
⭐ Join channel members and get perks: / @thecodercoder
🏆 GitHub sponsors: https://github.com/sponsors/thecoderc...
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/...
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/
RECOMMENDATIONS
💻 My Gear -- https://www.amazon.com/shop/thecoderc...
📚 My Favorite Books -- https://coder-coder.com/best-web-deve...
📺 My Favorite Courses -- https://coder-coder.com/best-web-deve...
🔽 FOLLOW CODER CODER
Blog -- https://coder-coder.com/
Twitter -- / thecodercoder
Instagram -- / thecodercoder
#nodejs #expressjs #javascript
On this page of the site you can watch the video online Building a Node.js app (as a JavaScript noob) | 🔴 LIVE CODING with a duration of 01 hours 24 minute 17 second in good quality, which was uploaded by the user Coder Coder 28 June 2021, share the link with friends and acquaintances, this video has already been watched 139,293 times on youtube and it was liked by 4.4 thousand viewers. Enjoy your viewing!
