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…

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

Source

0
(0)

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 ✨
▶ @The Coding Train – Working with data & APIs — https://www.youtube.com/watch?v=DbcLg8nRWEg&list=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X
▶ @Web Dev Simplified – Build a weather app — https://www.youtube.com/watch?v=OE7kml0pigw
▶ @codeSTACKr – Manage multiple APIs — https://www.youtube.com/watch?v=NFToND6x_nI
▶ @Code with Ania Kubów – 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
🏆 GitHub sponsors: https://github.com/sponsors/thecodercoder
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme

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/thecodercoder?listId=1LMCKGUTMVYXD
📚 My Favorite Books — https://coder-coder.com/best-web-development-books/
📺 My Favorite Courses — https://coder-coder.com/best-web-development-courses/

🔽 FOLLOW CODER CODER
Blog — https://coder-coder.com/
Twitter — https://twitter.com/thecodercoder
Instagram — https://www.instagram.com/thecodercoder

#nodejs #expressjs #javascript

0 / 5. 0