Node.js Crash Course Tutorial #6 - Express Apps

[@tayfun6378]

I thought you should know this Shaun. I got a decent job for the first time as a developer in the middle of this covid period. your help meant a lot. thank you very much and I really appreciate all these amazing content. cheers mate!

[@NetNinja]

Wow, awesome. Really happy for you & best of luck in your job! Keep on learning and push yourself to the top :)

[@tayfun6378]

@@NetNinja will definitely do!

[@ridl27]

@@tayfun6378 which developer are you ?

[@tayfun6378]

@@ridl27 JavaScript backend

[@davidbenson3170]

That's awesome to hear!

[@fearusinwar4580]

I want you to know that you are responsible for me receiving my first job when i started watching 3 years ago. I recommend you to everyone interested in getting into programming. Best tutorials on the net by far

[@NetNinja]

Thank you so much - really glad they helped you, well done on your job :)

[@joshhaley91]

what job did you get?

[@partingparrotprod.4936]

@@joshhaley91 prolly

[@HimanshuShekharrocks]

You are best teacher who knows how to teach beautifully.. keep it up sir..

[@lubomirpacheliev363]

My entire university is simping for you! Thank you for your hard work. You've helped me out a lot with those videos!

[@NetNinja]

Haha, thank you (& your university) for watching!!

[@CAPS_AMERICA]

This tutorial is so much helpful to me, giving me the comparison of Node vs. Express in terms of routing/url. I don't want to go directly to Express without understanding how Node does it, and this video is exactly what I needed. What's also amazing about Shaun's tutorials is he clearly explains the underlying process behind a code completely and the answers to the WHYs, which other tutorials lack! Thanks Shaun!

[@giorgi23]

You have magic. It was always boring to watch youtube tutorials. I am watching and getting excited. Want to watch and learn more. Keep going dude

[@sohadmad1823]

Whatever I say to you, thank you, it will not be enough. You are a miracle. Your way of explanation is really wonderful and interesting. Every day I sit for hours and watch your lessons. My heart just keeps thanking you and thanking you. You’re a blessing to me. Greetings to you from Palestine

[@andilesimelane4771]

Its just a matter of time, I update my CV, You are changing my life thank... you content is Awesome... I swear I will finish this series

[@alielzahaby3315]

I'm a php developer that learned alot about how a programming language is different from scripting one. especially after you explaining everything before express from scratch thanks man

[@zam2890]

This video series has been great so far, amazing work!

[@ashishkushwaha1167]

likes to dislike ratio says it all. Unmatched content. I am so glad I found you❤️. People who disliked, where do they come from?

[@chameleonstreet5545]

You are fully supplementing my learning while I'm in a coding camp. CRUCIAL! Massive help, thank u so much.

[@himanshunahak5105]

I have watched countless tutorials and only this one is so intuitive and easy to understand for beginnners! You are a very helpful and a good quality teacher Shaun! Love from India!

[@Shakeel714]

Learning a lot from this tutorial series. Really appreciate your contribution to the web dev world.

[@nigelpallatt]

Absolutely fantastic, where would we all be without your outstanding contribution to education. Thank you!

[@siddhanth3044]

The best Node tutorial I've found. Brilliant stuff mate!

[@bluemodize7718]

man I gotta say this is one of the best tutorials I've ever seen, keep going mate

[@shahmeerkhan1565]

You're a Legend mate, listening to this lecture at 4:45 am and still understanding everything you say precisely!

[@NetNinja]

[@BlueyMcPhluey]

I just discovered yesterday that if you don't want to manually set up routes for every address you can use app.use('/',express.static(__dirname,{extensions:['html']})) and it will automatically serve up all of the resources in that directory. Then after that you can use app.get() to make dynamic responses to specific requests And then after that you can use the 404 method shown in the video to respond to urls that are neither corresponding to files nor specifically indicated

[@jamesmassa1999]

Thank you for taking the time to produce this series Ninja... : ) The series has answered a few questions I had, great course informative, and well done. The course is a year old but is still absolutely relevant!

[@jessieaguiao]

thank you very much the net ninja. you helped a lot of people aspiring to be a good web dev. please keep on teaching.

[@naywinhlaing7574]

Happiness is watching your tutorials . Thank You so much !

[@AminulislamSakib]

If I search a topic on youtube, first look whether you made a video on that topic or not, if not then look for others. Thank you, sir, your videos are so much helpful to learn

[@thomaspynchon8400]

I deadass took a 10$ Udemy course and it was unsurprisingly so bad compared to your KZbin series. I wish I could have sent that money to you. Thanks a lot, mate! 🤩

[@billpapas3054]

U are more than a perfect teacher u are a God blessed human being!!!! Thx God u exist!!!!!!

[@greenthumb7405]

im taking codecademy and Angela Yu's udemy course. This taught me Node better than everything else

[@FiftyKcal]

Excellent video on Express dude, hats off. Very clear and easy to understand, just perfect. Can't wait for more!

[@axyvox69]

The most comprehensive crash course I've ever had! Thank you so much!

[@uness4511]

Now I am falling in love with express after watching this video.

[@jeremymees]

you have the best way of explaining things simpely, thank you for that

[@elkhanhamet2561]

Mate, how are you! I hope you're safe and ok with all this madness going on around us with the virus and all. I just wanted to thank you for, honestly, the best videos on KZbin that makes a hardest topic in any language a walk in the park. God Bless mate, stay safe and take care of yourself.🙂👍👍👍

[@shuttledeceptor1296]

Absolutely Brilliant teaching style.

[@Amir-np4nb]

Best course I've ever seen

[@tanmaybhosale692]

i watched ur earlier series helped me a lot ... n now this series is helping too gr8 work : )

[@yinonb172]

best node.js tutorial ever

[@amaaniqbal9049]

Hey Shaun !!! just wanted to thank you!! Amazing content!!

[@thebigbadwolf422]

amazing teacher.. great series shaun. thank you very much for this course. you are saving peoples lives.

[@FxbyyMC]

the best node tutorial thank you!

[@LazyCodingAI]

Videos every day! Thanks! I have just started your old node.js course, because it is complete at the moment. Should I watch this course after finishing the old one? Will I miss something if I would not watch the new course?

[@NetNinja]

Hey, the new course is just more up-to-date and a bit more polished. I cover a little more about MVC & use Mongo Atlas instead of mLab in this course too. But most of the core concepts will be similar :)

[@LazyCodingAI]

@@NetNinja Okay, thanks! I will watch both not to lose anything :D

[@davem3953]

This series is awesome. Thank you. (Your accent/dialect reminds me of James Veitch.)

[@TheSlyDragon93]

Found a one command keyboard shortcut for copy and pasting on visual studio. After highlighting use "shift + alt + down" and it pastes below the code you highlighted.

[@kshitijagarwal3230]

Thanks a lot mate for the amazing work you are doing, really appreciate your efforts. Thanks a lot again!!

[@leonmarienga3293]

As always. Thanks. You have a gift for this

[@NetNinja]

Thanks for your support as always Leon :) it means a lot!

[@Tokur-zi7xf]

I struggled with this , not sure if it was the instructors fault or the fact that they were using older node versions compared to mine(could also been a powershell issue on my part). But I will say your teaching is very good and it really sunk in this time.

[@robinware77]

for anyone having issues using npm install on an ubuntu linux system remember to put sudo first. sudo npm install express or any package. At lease that is what Pop Os requires of me.

[@VideoBunt]

I didn't know that use() could used like default in switch statement, interesting thought

[@chadgregory9037]

I am loving express!!!

[@backend-cataphract]

even being spanish speaker, you are very understandable, thanks for your knowledge

[@hvaceee]

best node js teaching video, thanks a lot!

[@huffypuff0]

Amazing video!! Thank you so much for this series!

[@NetNinja]

You're very welcome - hope it helped!

[@alejandrojimenez3986]

Thank you for all your content, is so high quality and understandable.

[@cedric_ds]

Hey Ninja :) will you once make a playlist on how to create browser extensions?

[@ionutcatalingheorghiu8953]

cmn, cmn.... next video please!!! Thanks for sharing!(also.. i miss the Bruce Lee sound when the video starts .it always made me smile! whoooooaaaa!)

[@official.mhm13]

Thank You Shaun 😊

[@PiyushNextupgrad]

thanks for such an amazing series.

[@NetNinja]

Thanks Piyush!

[@PiyushNextupgrad]

@@NetNinja OMG! cant believe you replied. thank you for creating all the lectures. I actually got a job by learning from you and i am still learning a lot everyday from your lectures. Thanks for creating such short and precise lectures.

[@Samuel-ns5jb]

Why are you soo good ? 😂❤. Excellent teaching.

[@NetNinja]

Haha, thank you! 😃

[@christianmottaz7366]

Hello Ninja 😊 It seem like express is not anymore maintained so I was wondering if there is a better alternative… Anyway thanks lot for all what you do for the community.

[@harjithramesh217]

Great Tutorial!

[@caglayagmurr]

this is golddd 🎉

[@mikedelta658]

Fantastic explanation. Thank you!

[@NetNinja]

You're very welcome! Hope it was helpful :)

[@quoctrungtran6403]

Thank you for your wonderful lessons!

[@Adam-bq2us]

As a beginner in Node is it more beneficial to start using pure Node in projects so as to understand how it works before adding the Express framework, or does it not make much of a difference?

[@fikilekentane6982]

correct

[@mrs7lya]

Hello brother, thank you for this great content, I didnt see the course yet but I have question, can we use node js as a backend for our flutter app ? Because I am learning flutter right now and want to use both of them in my projects Thank you

[@NetNinja]

Hey, yeah you can use node to run an api which flutter can communicate with.

[@TheALCONT]

Thank you for the amazing content 😍😍

[@scholtzgnomie]

Hey Shaun. Loving this Node course! :) Would you consider making a Modern JS Udemy course for the back-end, like your did your Modern JS course for the front-end? I would get it in a heartbeat!

[@dangvu2447]

thank you...best tutorials ever :)))

[@dannyman2200]

Another great video and playlist! Hey youtube team I'm probably being a little impatient, I have looked but can't find an answer. How does express and React work together? specifically the file structure would this express example be installed on the React app.js file with all the requests listed or are they kept completely separate? or something else, I can't picture the flow basically

[@kaebogtimater]

great content, sir

[@danielbar1837]

Which extend u have for the little files icon? And ty so much for the vids mate!!

[@陈瀚龙]

@6:43 res.send('home page') gives me a green light, but a status of 304 not modified. Can anyone explain? Thanks!

[@rajapriyadharshinims245]

same situation here...express by default adds a weak etag header...our resources are cached by our browser...when u start ur server for the first time, you'll get a status code of 200...coz there is no resource being cached....but if you request for the same resource again, our browser has a copy of that resource...thats y status code becomes 304... we can disable this too...to do that.. app.disable('etag') This should work..!!!

[@illiaillia283]

@@rajapriyadharshinims245 Thank you

[@yaldakarimi3772]

thank you so much for creating this great content

[@limitless003]

You are the best !

[@Tanner_Goodale]

Just what I needed

[@mohammedabdulbary1577]

You are awesome ❤️

[@NetNinja]

Thank you :)

[@gimmickgamer5684]

Can you tell us your vscode themes? It's just so beautiful.

[@RazelAhmed16]

Tnx infinity Legend ❤️🤘😊

[@tarekghosn3648]

ooooh weeeee express here we come

[@ABMA79]

I do have a question though. Even though you are setting HTML files, I was wondering why the CSS file is not been executed in the calling. it is specified in each HTML file head, how come when the page appears, the stylesheet file is not executed as well !!!!! at least, it is not working with me. I am honestly loving your tutorial to the max brother. Keep up the good work. you are amazing.

[@jijobuje]

10:20 Can someone explain the line 11? I didn't understand the js syntax. Where did we declare the "root", why is there a ":" , what does it mean when we use curly brackets in the parameter of a function?

[@DebjitMajumdar]

It is an Object. You can pass Objects into Functions as arguments whenever you are calling it. Here he is specifically passing the "root" property with the value "_dirname" enclosed in an Object as the 2nd argument to the method(function) sendFile. Gotcha?

[@anonymous-je3ih]

Why dont you create more Udemy courses ?, I mean, more project-based courses. I really like your teaching style.

[@sayakraha12]

Update: the {root: __dirname} doesn't work now. I used the path method

[@jerry3165]

it works if you remove '.' in the start of the path name in sendFile as ('/views/home.html'....

[@grantjoslyn3638]

I realized that, but why? Was there like an update?

[@ritikgupta1133]

well i love your voice ❤

[@technologyexplained]

Thank you for this wonderful tutorial. I was just wondering: why don't we end response when we use res.send()? if we are using res.write() shaun is using res.end(). Just curious. Do let me know the answer.

[@evanilsonp.8183]

Because, let's say, It is already understood by express under the hoods. res.send() works to send the content and to end the content at the same time. That's why express is so popular 'cause it gives us more features to work with and make our lives easier.

[@technologyexplained]

@@evanilsonp.8183 Understood. Thank you.

[@adeoyeadedamola6728]

You’re the best You seem to be well grounded on how to educate starters. I’m giving you a shoutout on my Twitter page so others can find your page

[@rofaalfons4298]

Not all heroes wear capes .. Now I understanded this quote meaning shaun

[@NetNinja]

Aha, thanks for watching Rofa!

[@mohamedshamoon4827]

What is the best practice? import express from "express"; or const express = require("express");

[@jithinp8441]

I can't link pages through the simple html tag it gets cannot GET /views/index.ejs or any other pages related to the ejs

[@saidalizade1291]

the file ending should be .js not ejs i think

[@jithinp8441]

@@saidalizade1291 but in this netninja do the same:(

[@elizabethmcintire7885]

Awesome tutorials. Yorkshire accent?

[@NetNinja]

Not quite but not too far away - Manchester :)

[@jasbindarsingh1640]

@@NetNinja Captain - Spiderman Reference

[@dennisgonzales9521]

Awesome video

[@SeeKnowledge]

1000 Billion Likes from London

[@user-tt6nc6mo7k]

I have a few questions hopefully someone in the comments can help me wrap my head around this confusing topic. When I upload my site to a hosting provider, even if it is just HTML JS and CSS files, I am assuming the hosting provider has some sort of basic server setup like the one created in this video. Is this correct? If that is the case, is it possible to have a website without a back-end? I thought it was possible with static sites but after watching this I guess you need a back-end to *serve* the static files....? If I were to create a back-end using node.js where would I store it for it to work? I am assuming I have to upload the files to a server just like if it was a front-end. It can then be accesed via the domain name linked to it? Can I have multiple back-ends for 1 front-end? Is this something that is realistic that people do? If yes why? If I understand correctly, Headless CMSs are simply back-ends that have already been made for managing the content of your website. So they have an easy to use UI to edit the content of your website without having to edit the code?

[@vijaytiwari826]

If it's a static site or even a React App, you can host the repo on GitHub and deploy it using GitHub Pages.

[@MaryMcGowan-kj1gb]

Hi Shaun, thanks again for your amazing videos. I was just wondering, if you or anyone could help me with a question - at 6:20mins you use the command "nodemon app" to start the server. My laptop won't allow that and instead generates the error message "zsh: command not found: nodemon". However I worked out that I can get it up and running with the command "npx nodemon app" instead. I've tried to find out why is this different / is command discouraged? Many thanks for any insight anyone might share.

[@titus9277]

Just try re-installing nodemon globally.

[@shadmanmartinpiyal4057]

Hey gang, for shortcut you can write like this "const app = require('express')() "

[@shashankm.g.3757]

AMAZING!!!!

[@ketan2662]

You teach great. Sir sails.js tutorial after this please.

[@saida584]

express ---- elegant

[@vinjamuripawansudhir8170]

hey is redux a good option for large mern stack apps when compared to context and hooks??? or context + hooks are better ??

[@wiiktor1393]

In my opinion - hooks + redux are great solutions, if you want to build an app in MERN stack.

[@adante407]

Fan dabby dozey.

[@anonymous-sz8jq]

5:37 I couldn't get "home page" on running app.js, I got index.html code instead. To get the output I changed the port number in server.js to 3001 and then I got the "home page" output. anyone please help to correct this

[@Shad1991]

Brilliant