Slide 3

Latest Updates

In a world of infinite possibilities, Ability is everything. We develop Website & Mobile app for Business.

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

(Source Youtube)

Check out the RapidAPI marketplace ⏩ https://rapidapi.com/marketplace?utm_source=youtube.com/TheCoderCoder&utm_medium=referral&utm_campaign=DevRel Learn to build a website from scratch with my course -- https://coder-coder.com/responsive/ In this

Check out the RapidAPI marketplace ⏩ https://rapidapi.com/marketplace?utm_source=youtube.com/TheCoderCoder&utm_medium=referral&utm_campaign=DevRel

Learn to build a website from scratch with my course -- https://coder-coder.com/responsive/

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

SUPPORT THE CHANNEL

???????? Hit the Applaud button in any video!

???? GitHub sponsors: https://github.com/sponsors/thecodercoder

LINKS AND RESOURCES

???? Code faster with Kite, AI-powered autocomplete: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codercoder&utm_content=description-only

???? Learn to code with a free 7-day trial to Team Treehouse:

https://treehouse.7eer.net/c/1296848/228915/3944

???? 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

Why you’re not progressing (and how to fix it)

Blog

01-26-2021

Why you’re not progressing (and how to fix it)

After seeing thousands of designers go through our courses, there's something I've come to notice that makes or breaks a designer. A well-rounded designer who is pretty

Slide

From a small room table to large meeting rooms

We’re working with companies of all sizes ranging from startups to large scale business industries! We have extensive experience working with companies in Canada, USA and global to help them build a great website and effectively improve their ROI.

Slide