Getting Data from the Backend (Node.js/Express) to the Frontend (JavaScript)

Enabling data transfer from the backend to the frontend is vital in developing dynamic and interactive web applications. It allows the frontend to access and display real-time information, enabling features like live updates, user authentication, and data visualization, ultimately enhancing the functionality and user experience.
Join CBT Nuggets trainer Shaun Wassell as he guides you through the process of installing Node.js and utilizing it to run JavaScript code outside the browser. Explore basic frontend execution within an Express application, and learn how to load data into frontend code by sending a request to an Express backend.
👉 Watch this entire Building Web Servers with Express.js training course: training.cbt.g...
Not a CBT Nuggets subscriber? Start your free week: www.cbtnuggets...
Check out Shaun's other courses: www.cbtnuggets...
-----------------
Connect with CBT Nuggets for the latest in IT training:
• Twitter - / cbtnuggets
• Facebook - / cbtnuggets
• Instagram - / cbtnuggets
• LinkedIn - / cbt-nuggets
#expressjs #softwareengineer #javascript #webserver #webapp #nodejs #html #json #itprofessional #ittraining #itcertifications #cbtnuggets

[@aykhanislamzade]

Man seriously this is so clear. It truly and simply explains how this back end front end communication works. Thank you

[@williamhu9567]

thank you for this great tutorial for someone who's just starting with back end development!

[@RoyPatrick-b4t]

i have been searching for just this answer all day!!, i really like this, it answers my question with no remaining question.

[@narayananseshagirirao2569]

Thank you. Excellent tutorial. In a very short time, I learnt what otherwise would take hours.

[@hafsaseafood6960]

Thank you.. you actually made my day... I will try to fetch some API responses with the help of the information that you have provided. :)

[@AliRaza-yi5mw]

Thankyou very much for such an informative videos,it is quite valuable.

[@PurelandTourandTravels]

Very nice tutorial.Thanks a lot😊

[@daianycorrea306]

Very helpful video. Thank you!

[@theteacherpreneur]

One of the best videos I've found on this topic. Thank you!

[@tushuoye]

Video start at : 5:15

[@PureLandTourTourandTravels]

Nicely explained with the how it works.

[@yordaberhane109]

Awesome video helps me a lot. Appreciate!

[@BackupCookie686]

Thank you.. IT just help me a lot..

[@vickenpool7698]

You are brilliant mate! thank you

[@tamimib]

Merci pour ce cours. C'est très clair !!!

[@yajie7756]

thanks for the great tutorial!

[@hyperborean72]

for " import express from 'express'; " to work you need to write it correctly namely " import * as express from 'express'; " and then the declaration "const app = express(); "

[@HuyNguyen-en4pr]

you saved my life

[@aaronargottelopez3488]

Thanks!

[@pratikpuri7079]

Nice Video helped me a lot

[@HorseyTime]

Video starts at 20:01

[@hyperborean72]

thank you for the clear example. But do I understand right that without instruction app.listen(port, callback) server won't be running?

[@shrust1k]

tnx you so much!

[@shadrack3370]

thanks a lot

[@alphabetsalphabets5242]

Hello, how would I do this but instead of fetching the data immediately have the data be fetched only when a button is clicked. Your scenario is that no user input is required.
Load endpoint -> page fetches data immediately.
How can I do
Load endpoint -> user presses button -> access endpoint to retrieve DB entries -> page fetches data -> renders in page.
From what I can tell I need to send the values to a separate endpoint and have the HTML page read data from the separate endpoint.

[@learn...7065]

@CBT Nuggets excellent but make another video includes with css,html , javascript,nodejs ,to store values in mongo db and retrieve those data on frontend

[@RoyPatrick-b4t]

great job. but maybe using react instead oj jquery would be great

[@prathmeshkalehere]

wait, did he just say node-demon?? tf. It is Node-mon

[@codenameMoose_907]

😂 I say that, too. "no 😈" It makes me laugh every time.

[@davidnefdt3059]

I actually just came down to the comments to see if anyone else noticed😅

[@DhananjayN-dw5jg]

i want fetch the data from from the excel sheet to existing html page automatically using unique IDs . can you help me with this

[@novaeevancartagenas4647]

I can't install nodemon it says npm fund, do I need to pay for it ?

[@lokesh0520]

Can we render .jsx file insead of .html

[@SendelStudio]

Can we connect a front-end like framer with a back-end like xano ? Which front-end builder are you using. Please could you show how to connect those two platforms, it would be awesome.

[@helloworld9018]

Nice wallpaper

[@gamerprovlogs8784]

Hello everyone! May someone know how to return data from fetch() to variable?

[@codebloodedgang]

The variable is the name of the object. response is a variable that contains the response.json received and so is the Users that he stored the json response in

[@gamerprovlogs8784]

@@codebloodedgang thanks

[@supernovaplus5]

You're also good at digital drawing, I guess you're using writing pad instead of mouse.
By the way, you're spoon feeding, that I am loving and scared of at the same time.
But thanks for this beautiful video.

[@sweet7357]

😊❤❤

[@lamarmohsen9582]

why do you say node demon? it's nodemon as in node-mon.....

[@thechoosen4240]

Good job bro, JESUS IS COMING BACK VERY SOON; WATCH AND PREPARE

[@db17db11]

Use:
npm i express
Instead of:
npm install express

[@ctownthrasher]

Node-mon? nawwww No-demon! lol