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

Veröffentlicht am: 28 Juni 2021
auf dem Kanal: Coder Coder

139,293

4.4k

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 ✨
▶ ‪@TheCodingTrain‬Working with data & APIs --    • Working with Data and APIs in JavaScript
▶ ‪@WebDevSimplified‬Build a weather app --    • Build a Weather App With JavaScript
▶ ‪@codeSTACKr‬Manage multiple APIs --    • 4 APIs at ONCE! | How To Manage Multiple A...
▶ ‪@aniakubow‬Async 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

Auf dieser Seite können Sie das Online-Video Building a Node.js app (as a JavaScript noob) | 🔴 LIVE CODING mit der Dauer 01 stunde 24 minuten 17 sekunde in guter Qualität ansehen, das der Benutzer Coder Coder 28 Juni 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 139,293 Mal angesehen und es wurde von 4.4 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

3,371