Node.js Crash Course Tutorial #8 - Middleware

  Рет қаралды 213,237

Net Ninja

Net Ninja

Күн бұрын

In this node.js tutorial we'll talk about what middleware is & how we use middleware in node.js applications using the use( ) method.
0:00 -- what is middleware?
5:40 -- using next( )
8:20 -- 3rd party middleware
11:31 -- static files
🐱‍👤🐱‍👤 JOIN THE GANG -
/ @netninja
----------------------------------------
🐱‍💻 🐱‍💻 My Udemy Courses:
+ Modern JavaScript - www.thenetninja.co.uk/udemy/m...
+ Vue JS & Firebase - www.thenetninja.co.uk/udemy/vu...
+ D3.js & Firebase - www.thenetninja.co.uk/udemy/d...
🐱‍💻 🐱‍💻 Course Files:
github.com/iamshaunjp/node-cr...
🐱‍💻 🐱‍💻 Other Related Free Courses:
+ Modern JavaScript Tutorial - • Modern JavaScript Tuto...
+ HTML & CSS Crash Course - • HTML & CSS Crash Cours...
🐱‍💻 🐱‍💻 Node.js links
+ Download here - nodejs.org/en/download/

Пікірлер: 234
@DECKsek
@DECKsek 4 жыл бұрын
When a new Net Ninja video goes up: 1. open video 2. smash the like button 3. start watching :) By far my favorite youtube channel for learning new things
@lucasfelipe-ze5sy
@lucasfelipe-ze5sy 4 жыл бұрын
0.1 - disable adblock
@fredpourlesintimes
@fredpourlesintimes 2 жыл бұрын
Except for the "view engine" video, it's what I automatically do for each video, because I already trust his contents.
@lukemuga434
@lukemuga434 3 жыл бұрын
Net Ninja's style of teaching is absolutely the best. He applies the Feynman Technique in all his videos enabling someone to grasp even the most complex concepts without having to bang your head.
@samdimahmood9047
@samdimahmood9047 4 жыл бұрын
YOU ARE EPIC!! You have literally taught all the topics that aren't explained in depth anywhere in youtube . I have followed this series from video 1 and each were equally informative and well explained. :D
@shaneorion8396
@shaneorion8396 3 жыл бұрын
I know Im quite off topic but do anybody know of a good website to watch newly released series online ?
@shaneorion8396
@shaneorion8396 3 жыл бұрын
@Cayson Emilio Thank you, I signed up and it seems to work =) Appreciate it !!
@caysonemilio2191
@caysonemilio2191 3 жыл бұрын
@Shane Orion Happy to help :D
@tolearn576
@tolearn576 2 жыл бұрын
forget youtube even some of the best universities wouldn't teach you this good. Thank you from the bottom of my heart man you teach really good.
@rajeshchoudhary2542
@rajeshchoudhary2542 Жыл бұрын
He has explained beautifully why this thing has arrived, why we will be using it, What we can do next to encounter this code?? Great thanks to him making such informative video. @NetNinja
@leonelgauna1174
@leonelgauna1174 4 жыл бұрын
For anyone out there having problems with the styles not loading for the "/about/create" path, make sure you link your css to the html file as "/styles.css" and not "styles.css", otherwise it doesn't work. When you automatically create a link tag with VSCode by typing "link:css", VSCode doesn't add the slash at the beginning, so you might miss that.
@fantasymels
@fantasymels 4 жыл бұрын
thanks.
@alejandrojimenez3986
@alejandrojimenez3986 3 жыл бұрын
Thank you, I've been scratching my head for the past half an hour
@ahmedlabeeb2969
@ahmedlabeeb2969 3 жыл бұрын
Hi! Do I need to install Nodemon, Ejs, and other third party packages every time I start a project?
@leonelgauna1174
@leonelgauna1174 3 жыл бұрын
@@ahmedlabeeb2969 It depends on the project. I don't know what you want to build. Depending on the ideas you have, your project might need many third party packages, or none. Nodemon is good to have because it keeps track of the changes you make to your code and automatically restarts the server, that way you don't have to be constantly shutting down and turning on the server every time you change a line of code. Does a project need it to work? No, but it sure is helpful. EJS is a view engine that allows you to do server-side rendering. Basically you build your html on the server and then send it to the client's browser. It also gives you many features to build your pages. You can check its documentation to learn more. Again, the only one who knows what packages your project needs, it's you :).
@ahmedlabeeb2969
@ahmedlabeeb2969 3 жыл бұрын
@@leonelgauna1174 Thanks!
@amymarais4909
@amymarais4909 3 жыл бұрын
thank you so much for adding diagrams when explaining concepts! it really brings everything into perspective and I haven't seen anyone use them for explanation purposes so BIG UPS TO YOU!!!
@olorundareagnes934
@olorundareagnes934 2 жыл бұрын
Shaun, you're one of the best teachers I've come across. Words aren't just enough to express how grateful I am for coming across your channel. You're an amazing teacher and you'll definitely go very far.
@codedynamics1
@codedynamics1 3 жыл бұрын
Let's address THAT issue "NEXT" and then moved onto explaining .next() function 👏😂 im starting to like this guy 😂💯
@tenshik672
@tenshik672 3 жыл бұрын
I've watched a lot of tutorials demostarating how to use nodejs and express to create website, but only you explained every theory behind so detailed. Thumb up! Thank you so much!
@brianmlambo3306
@brianmlambo3306 4 жыл бұрын
I wanted to watch the series at the end but I have run out of patience , am gonna refresh myself with this. Your videos are absolutely gold especially for beginners and intermediate developers.
@NetNinja
@NetNinja 4 жыл бұрын
Should all be up in about 3 days anyway :). Enjoy!
@ahmedlabeeb2969
@ahmedlabeeb2969 3 жыл бұрын
@@NetNinja Hi! Great Video. Do I need to install Nodemon, Ejs, and other third party packages every time I start a project?
@vinayak5788
@vinayak5788 3 жыл бұрын
@@ahmedlabeeb2969 If You Have Installed these packages globally like --g then you don't have to install them again and again But if you don't have done them globally you have to setup your npm and Install them in the Project Although it is your wish what you wanna do
@ahmedlabeeb2969
@ahmedlabeeb2969 3 жыл бұрын
@@vinayak5788 Thanks
@lgftemp8400
@lgftemp8400 4 жыл бұрын
Honestly understood the middle ware concept clearly than before thank u Shaun!!
@sonamtseringsherpa
@sonamtseringsherpa 3 жыл бұрын
This was something I wanted to learn ever since I started web development. Thank you, Net Ninja for helping me black belt in it.
@rohankademani6406
@rohankademani6406 3 жыл бұрын
The way you explained next() function was just awesome keep up the good work
@NoiroStar
@NoiroStar 3 жыл бұрын
Серед усіх відео англомовний курс виявився для мене найбільш зрозумілим та цікавим. Thanks a lot!
@Daniel-nb3kk
@Daniel-nb3kk 3 жыл бұрын
This channel is one of the best free learning resources you could find on the internet!
@erickgeneric
@erickgeneric 2 жыл бұрын
I am blown away with your skill to simplify things. Thanks for your lessons and I look forward to one day paying for premium content. 👌🏼
@saida584
@saida584 4 жыл бұрын
Now i can say "What middle ware is".. You r an amazing teacher Shaun!
@nodehash3247
@nodehash3247 3 жыл бұрын
Your explanation of middleware is the best I have come across mate !!
@cagnusmarlsen4050
@cagnusmarlsen4050 Жыл бұрын
This is the best node tutorial on youtube.
@NetNinja
@NetNinja Жыл бұрын
Thanks for watching Cagnus!
@davedave3978
@davedave3978 3 жыл бұрын
I dont comment often, but i want to let you know you help me a lot! Thanks Man, you are my preferred Web development Teacher, crystal clear explanation! Respect!
@damianodamian7907
@damianodamian7907 3 жыл бұрын
You're the one I'd give a thumb up without watching the video. I know for sure it will be amazing content. Thank you, you're great 👏
@KJFMZ
@KJFMZ 2 жыл бұрын
This is phenomenal content, man. Keep up the good work!
@khaledbenshible2657
@khaledbenshible2657 2 жыл бұрын
Thank you for your video. I started learning programming node.js last and your video was the missing link to understand the difference of middlwares and callback functions ... etc . indeed i very excited to follow all your lessons . thanks again
@thunder-brawlstars3020
@thunder-brawlstars3020 2 ай бұрын
After watching many tutorials on node i didn't understand, but now i have understood every single concept here , thx for series.
@NetNinja
@NetNinja 2 ай бұрын
Awesome! :) thanks for watching
@nasirmovlamov
@nasirmovlamov 3 жыл бұрын
The Net Ninja > Very very quality content , Very very good teaching methods.
@ideshmaaerdene-ochir4247
@ideshmaaerdene-ochir4247 3 жыл бұрын
Your teaching method is great and every lesson is interesting from the beginning till the end. Thank you. Good luck!
@NetNinja
@NetNinja 3 жыл бұрын
Thank you! 😃
@qulumammadli247
@qulumammadli247 3 жыл бұрын
Amazing tutorials mate! Big THUMBS UP!
@hotshotgolfer3079
@hotshotgolfer3079 Жыл бұрын
Only up to lesson 8. This course has really been explained well. TY Net Ninja.
@Shakeel714
@Shakeel714 3 жыл бұрын
Thanks Shaun for the wonderful tutorial series
@faisalalmalki9834
@faisalalmalki9834 3 жыл бұрын
we just need another video about how to deploy the website. and thank you so much you are a great guy
@paragparikh2201
@paragparikh2201 4 жыл бұрын
Dude, in one of the PHP videos, you were using code that was outdated. Please check the documentation before writing some new code for your videos. Anyway, you are an AWESOME teacher, and you are the only person on KZfaq that I have found that is so helpful and organized for coding.
@ashishmeagh
@ashishmeagh 3 жыл бұрын
You explained the concept very well and its simple to understand thank you very much
@thebertieboy
@thebertieboy Жыл бұрын
Brilliant, just brilliant. So well thought out.
@someoneontheinternetuvenev6268
@someoneontheinternetuvenev6268 3 жыл бұрын
Watched all the ads, thanks for the awesome videos!
@lloyd_jvr9152
@lloyd_jvr9152 4 жыл бұрын
love your channel man!!
@easttechsolutions3695
@easttechsolutions3695 2 жыл бұрын
i try to understand middleware by taking many videos but it not works. but now i understand after watching your video lec. thanks you are super
@abhishektripathi4162
@abhishektripathi4162 4 жыл бұрын
Great Lesson, liked it.
@vahid6418
@vahid6418 3 жыл бұрын
Brilliant as always Shawn...
@nithinsravan596
@nithinsravan596 4 жыл бұрын
Net Ninja my man😍🔥 love your videos 💯
@programmingvault3248
@programmingvault3248 4 жыл бұрын
This was a very well done tutorial. Thanks!
@ahmedlabeeb2969
@ahmedlabeeb2969 3 жыл бұрын
Hi! Do I need to install Nodemon, Ejs, and other third party packages every time I start a project?
@RameenFallschirmjager
@RameenFallschirmjager 3 жыл бұрын
Not just the Ninja's blade must be sharp, the technology which he uses also must be cutting edge!
@alienperspective8091
@alienperspective8091 3 жыл бұрын
that "alright then gang" ? is pretty damn stylish as much as your explanation, thank u so much
@fredpourlesintimes
@fredpourlesintimes 2 жыл бұрын
Pretty often, for a French guy like me, we can be pretty afraid of programming jargon. When we speak about some terms like "Middleware", we think about something very technical, until someone explain that it's a simple/useful concept to apply. In any case, thank you for all the stuff you vulgarize. About view engine and static file (for CSS), I was already looking for clues/solutions by myself, so I didn't really need this new information. Even if I was pretty rough in my last comment, it was because I preferred something cleaner (Liquid) for my view engine than what you proposed.
@yinonb172
@yinonb172 4 жыл бұрын
best node.js tutorial ever
@AlexSenichek
@AlexSenichek 2 жыл бұрын
Great explanation.
@babanbaibabafakruddin3785
@babanbaibabafakruddin3785 Жыл бұрын
Thanks for all your lectures😇😇😇
@evanvargas
@evanvargas Жыл бұрын
Awesome video, mate!
@siddheshsawant598
@siddheshsawant598 3 жыл бұрын
Thanks NetNinja Best Crash Course for NodeJS.
@1dshabeer
@1dshabeer 3 жыл бұрын
You are the best man, keep going.!
@osherezra8460
@osherezra8460 4 жыл бұрын
Great one Thanks. One question please. is the Static middle ware needs to be on top before the Routes? Cheers
@godfreyndiritu369
@godfreyndiritu369 3 жыл бұрын
The best teacher ever, nice and clear explanation.
@NetNinja
@NetNinja 3 жыл бұрын
Thank you! 😃
@mustafa842
@mustafa842 21 сағат бұрын
Best Teacher ever no one can explain it more better thats why i am watching it in 2024
@NetNinja
@NetNinja 20 сағат бұрын
That means a lot :) thanks for watching!
@HasinthaWeragala
@HasinthaWeragala 6 ай бұрын
good stuff mate
@mehdi5455
@mehdi5455 3 жыл бұрын
Very very appreciated, thanks.
@jskim3886
@jskim3886 3 жыл бұрын
hello ninja teacher! you helped me alot !!
@raffritter6766
@raffritter6766 4 жыл бұрын
Great crash course :)
@AD-lr6pc
@AD-lr6pc 2 жыл бұрын
Very well explained, like : dislike ratio tells your everything about this video
@umrbekmatrasulov4141
@umrbekmatrasulov4141 2 жыл бұрын
thank u bro, you have talent of explaining simply
@NetNinja
@NetNinja 2 жыл бұрын
You're most welcome :) thanks for the kind words!
@nicolasgerard7101
@nicolasgerard7101 2 жыл бұрын
You are just amazing. Thank you. Well explained
@NetNinja
@NetNinja 2 жыл бұрын
Thanks Nicolas!
@jomarkpangan9362
@jomarkpangan9362 4 жыл бұрын
Petition for youtube to add a double like button. This is so good I almost cried.
@airbus5717
@airbus5717 4 жыл бұрын
Can you do F# after this series pls your channel is the best coding channel on yt
@puneeth3987
@puneeth3987 Жыл бұрын
Best tutorial.....
@pratikxavier8176
@pratikxavier8176 4 жыл бұрын
Net Ninja is on Fire 🔥 Thnx man
@ahmedlabeeb2969
@ahmedlabeeb2969 3 жыл бұрын
Hi! Do I need to install Nodemon, Ejs, and other third party packages every time I start a project?
@pratikxavier8176
@pratikxavier8176 3 жыл бұрын
@@ahmedlabeeb2969Yes but if you don't want than you can install packages globally so that all the node. js application on your computer can import and use the installed packages
@ahmedlabeeb2969
@ahmedlabeeb2969 3 жыл бұрын
@@pratikxavier8176 Thanks man!
@ahmedlabeeb2969
@ahmedlabeeb2969 3 жыл бұрын
Hi Net Ninja!!!! You are awesome bro. I have learned more from your free youtube tutorial more than other peoples' paid premium courses. Thanks!!!! I have are quest. Can you please make small project tutorials on user sign up, submit query forms and etc? Please. Thanks again!!!!
@SuperFastJewJitsu
@SuperFastJewJitsu Жыл бұрын
Anyone else absolutely loving the way he says R?
@NetNinja
@NetNinja Жыл бұрын
Aha, thank you :) loving your username!
@ericpodhorecki5427
@ericpodhorecki5427 3 жыл бұрын
superbe!!! really amazing!
@raymondmichael4987
@raymondmichael4987 4 жыл бұрын
This is what I call middleware made easy. Thanks theNetNinja,. I'm curious, what are you planning for the long awaited new course plus updates on vuejs course 🤦🏽‍♂️🤦🏽‍♂️🤦🏽‍♂️
@ahmedlabeeb2969
@ahmedlabeeb2969 3 жыл бұрын
Hi! Do I need to install Nodemon, Ejs, and other third party packages every time I start a project?
@raymondmichael4987
@raymondmichael4987 3 жыл бұрын
Ahmed Labeeb, nodemon can be installed once globally but other packages needs to be installed per project Happy coding :)
@ahmedlabeeb2969
@ahmedlabeeb2969 3 жыл бұрын
@@raymondmichael4987 Thanks man!
@cafe-tomate
@cafe-tomate 2 жыл бұрын
Hi Shawn, Can we do the same thing (calling next() ) in non-express server ? Like the ones of the first videos
@ojingwachidiebere8487
@ojingwachidiebere8487 7 ай бұрын
Bro you are so good in teaching
@NetNinja
@NetNinja 7 ай бұрын
Thank you so much 😀
@ismaildev
@ismaildev 4 жыл бұрын
I am from Bangladesh . Your video is very helpful to me.
@Ath9493
@Ath9493 3 жыл бұрын
I didnt know u guys have internet
@yunanistan2364
@yunanistan2364 3 жыл бұрын
@@Ath9493 it's your ignorance
@piyushverma826
@piyushverma826 Жыл бұрын
Best instructor
@piyushverma826
@piyushverma826 Жыл бұрын
I got a job as a react developer and your course helped me the most. Now i am promoted to full stack and your node course is again helping me. So glad to have a instructor like you. And you coding style is so neat. Just love it.
@alalyrealestate1136
@alalyrealestate1136 Жыл бұрын
You are great man, thanks for your efforts.
@official.mhm13
@official.mhm13 4 жыл бұрын
Well Explained
@pankajmendiratta8513
@pankajmendiratta8513 3 жыл бұрын
Hi Shaun, Why we didn't use next() function in the 404 route where we also used app.use? Doesn't express hang there? Can you please clarify? Thanks
@jellycoding
@jellycoding 2 жыл бұрын
I like your tutorial and give thumbs up on every one. But I just want to give feedback on one thing that I think about. Every time you paste code and say it is so we don't have to be bored watching you type it out I think to my self, "well i would actually like to watch you type it out". So far I can just pause the video and type it out, but there is value in typing ALL code with you and hear the discussion about it.
@hamzafarhan348
@hamzafarhan348 4 жыл бұрын
can u share some videos about nodejs with mongodb and a lot of thanks for ur hard work ♥
@limitless003
@limitless003 10 ай бұрын
Thanks a lot
@mohammadbohluli
@mohammadbohluli 3 жыл бұрын
yeah very very nice tutorial
@TheThebestgame4
@TheThebestgame4 Жыл бұрын
Isn't using React states + React router basically doing the same thing as node/express, if i'm not designing a website that needs to store data ?
@cafe-tomate
@cafe-tomate 2 жыл бұрын
How did they use to do when express didn't exist and they wanted to include static files ?
@saadowain3511
@saadowain3511 3 жыл бұрын
amazing my friend
@doniaelfouly4142
@doniaelfouly4142 Жыл бұрын
thanks
@ZTF666
@ZTF666 4 жыл бұрын
@5:37 i see what you did there hahahaha !
@tarekghosn3648
@tarekghosn3648 2 жыл бұрын
im looking forward to auth :)
@ayanbaq1365
@ayanbaq1365 3 жыл бұрын
thank you
@martinp.617
@martinp.617 3 жыл бұрын
Salamat..,
@ridl27
@ridl27 4 жыл бұрын
ty.
@salahalhashmi6528
@salahalhashmi6528 3 жыл бұрын
the best
@MiriamCunha
@MiriamCunha 2 жыл бұрын
great tutorial, I am learning a lot from it! everything was going good until now I got a problem installing morgan, a nertwork problem, any solution for that? do I need morgan to keep it going?
@TheJojoboy12
@TheJojoboy12 2 жыл бұрын
Try npm install morgan --force
@MiriamCunha
@MiriamCunha 2 жыл бұрын
@@TheJojoboy12 Thank you for your suggestion, I ended up finding out that it is a 'cache' problem and I need to clear cache and restart VScode to be able to install anything again, it happens every so often
@rishuagarwal3869
@rishuagarwal3869 4 жыл бұрын
Hey can anyone tell how to access glyphicons by this static in express js, I cant access them. @thenetninja
@hossamaddin7980
@hossamaddin7980 3 жыл бұрын
Really appreciate , but I've a question [app.use(express.static('public'));] doesn't work with the long url (/blogs/create) i changed it to (/create) and it worked Can any one help plz..! and THANKS
@offshitdguihcz6706
@offshitdguihcz6706 4 жыл бұрын
Thanku so much 😋
@cafe-tomate
@cafe-tomate 2 жыл бұрын
The res[content-length] argument of morgan is supposed to be the length in bytes of the file's body. Why does it shows --- in the screen of the tutorial?
@yinonb172
@yinonb172 2 жыл бұрын
Hey Net-Ninja San, Can you recommend on cookies/sessions middleware ? 10x
@badbrock7408
@badbrock7408 Жыл бұрын
my 🐐
@kamesha5973
@kamesha5973 2 жыл бұрын
why didn't you use next() command in express.static() middleware?
@dennisgonzales9521
@dennisgonzales9521 4 жыл бұрын
Awesome
@fikilekentane6982
@fikilekentane6982 4 жыл бұрын
Excellent tutorials no doubt. Thanks NINJA. I have a question. To let express know about my static files I used the 'public' folder [ app.use(express.static('/public'))] but this did not work until I changed to [app.use(express.static(__dirname + "/public"));] . Is there a difference? I thought it's the same thing!
@NetNinja
@NetNinja 4 жыл бұрын
Hey, the path is relative to your app.js file where you launch your node process. So if your public directory is in a different location to your app.js file, then you will need to build the absolute path using __dirname. Otherwise, you can just use use 'public' (no need to use '/' before it either). Hope this helps.
@fikilekentane6982
@fikilekentane6982 3 жыл бұрын
...tnx 🙏🏾
@Working800
@Working800 3 жыл бұрын
@@NetNinja I spent a lot of time in this, thanks for answering those question
@JagTheRipper
@JagTheRipper 5 ай бұрын
Hi I am currently stuck in my project. I want to server static css, img, js files to the client on the browser, I followed your steps exactly but keep on getting this error: mime type is not executable
@garyfxxk
@garyfxxk 3 жыл бұрын
why u cant use next() in the 404 block?
@aymenedafri7506
@aymenedafri7506 3 жыл бұрын
Can we use express.static() without app.use() . i mean it's still running as a middlewear ??
Node.js Crash Course Tutorial #9 - MongoDB
35:56
Net Ninja
Рет қаралды 433 М.
Learn Express Middleware In 14 Minutes
14:48
Web Dev Simplified
Рет қаралды 393 М.
Finger Heart - Fancy Refill (Inside Out Animation)
00:30
FASH
Рет қаралды 30 МЛН
A teacher captured the cutest moment at the nursery #shorts
00:33
Fabiosa Stories
Рет қаралды 57 МЛН
Node.js Crash Course Tutorial #7 - View Engines
35:59
Net Ninja
Рет қаралды 296 М.
Learn Express JS In 35 Minutes
36:03
Web Dev Simplified
Рет қаралды 786 М.
Node.js Crash Course Tutorial #3 - Clients & Servers
13:42
Net Ninja
Рет қаралды 274 М.
Express Crash Course
1:46:11
Traversy Media
Рет қаралды 68 М.
How to build a REST API with Node js & Express
58:40
Programming with Mosh
Рет қаралды 1,7 МЛН
Realtime Chat With Users & Rooms - Socket.io, Node & Express
58:45
Traversy Media
Рет қаралды 873 М.
Middleware Explained
27:45
Syntax
Рет қаралды 3,1 М.