Express Crash Course (2024 Revamp)

Get started with the most popular web framework for Node.js.
Code from Video:
github.com/bradtraversy/expre...
Node.js Crash Course:
• Node.js Crash Course (...
14+ Hour Node.js API Masterclass Course:
www.traversymedia.com/node-js...
Timestamps:
0:00 - Intro & Slides
0:53 - What is Express?
2:28 - Opinionated vs Unopinionated
4:10 - Prerequisites
5:18 - What we'll cover
6:45 - Express Setup
9:00 - Basic Server
13:10 - --watch Flag & NPM Scripts
15:25 - res.sendFile() Method
18:00 - Static Web Server
19:48 - Working with JSON
22:35 - Postman Utility
23:45 - Environment Variables (.env)
26:30 - Request Params (req.params)
29:35 - Query Strings (req.query)
33:19 - Setting Status Codes
36:40 - Multiple responses
37:35 - Route Files
41:40 - Using ES Modules
43:47 - Request Body Data
47:53 - POST Request
50:23 - PUT Request
53:23 - DELETE Request
55:44 - Middleware
1:00:24 - Custom Error Handler
1:08:30 - Catch All Error Middleware
1:10:47 - Colors Package
1:14:17 - Using Controllers
1:20:45 - __dirname Workaround
1:24:29 - Making Requests From Frontend
1:30:03 - Submit Form to API
1:36:00 - EJS Template Engine Setup
1:41:15 - Pass Data to Views
1:42:50 - Pass and Loop Over Arrays
1:44:20 - Template Partials

[@ivanivanovik418]

This videos coming out right when I'm learning React and Node.js/Express feels like it's heaven-sent!

[@ultrasys]

I don't work with Node and don't have any plans to. However, I still watched the whole video just because 1) your effort; 2) your skills; 3) I always learn something from you - in this case, one of the things was the Postman extension. Sure I learned a bunch of other little cool stuff. During the video, I couldn't escape thinking about what drives you into making these videos with such a level of care. Amazing. Thanks a lot.

[@Brent-The-Carpenter]

Thank you for taking the time to make these videos. Its crazy how much express cuts down on the boiler plate code. I went along with your Node.js video with the switch case etc to serve files which worked out to being around 55 lines of code, express accomplished the same functionalities in 7 lines.

[@techwithjesus8263]

Despite being a Senior DevOps Software Engineer, I always learn something new when Brad teaches. This crash course encapsulates the nuances of building an API, even if it’s a multi-billion dollar API. It all boils down to this basic concept. Thank you, Brad ❤

[@the000gamer96]

I wish I could get better at programming. No one ever has the right answer

[@8m4an]

dude is making mern stack course by dropping react , node now express js 👍

[@prospermbuma]

You made me realise that 😊

[@kelsey_roy]

Do nestjs

[@ssava_ema]

now I expect MongoDB crash course dropping next

[@dee.s.4513]

Thanks for this great combo of a refresher and important pointers.

[@moestaxx286]

thanks for this man! needed the as i’ve been learning aws for about 5 months. just started coding again and need to get the rust of my shoulders!

[@Jerementor]

love it Brad, thanks for this, very timely. Would love to see a deep dive on user auth and or working with sqlite db using express next!

[@bmehder]

You're the OG of KZbin web tutorials. I'm a fan of your style of videos. Looking forward to what I assume will be a revamped Mongo crash course soon.

[@prospermbuma]

Thank you sir I have been waiting for this 🙌🔥

[@vikasdfghjlYT]

this revamp was much needed !!! Thank You so much

[@gullychan]

Quite new to your work and channel and currently operating a career switch to web dev. This content and the Node.js crash course are perfect! It is kind of overwhelming but hopefully after applying what I've learned here to my school project, I will understand it better. Thank you so much for such high quality and well delivered content! 🙏

[@shindeshubhamm]

Don't endorse express. But watching because the teacher is Brad.

[@aminumusa7190]

Thank Brad, I've long been waiting for this

[@Mohammed-bs8mc]

Hi Brad, loving your tutorials this year, especially on React, Node.js, and Express.js! I've been following along and was wondering if you could consider doing a series on MongoDB next. It would be awesome to see how we can integrate it with these technologies for a full MERN stack project!

[@SsaliJonathan]

Thanks Brad. You are surely a blessing

[@Valdaur]

I just want to express my thanks for your hard work! Looking forward to watching this.

[@lachieyoung1374]

Ha. Express. Get it?

[@saarza9991]

​@@lachieyoung1374 fine fine you're cool 😂

[@maxnicely8926]

At 1:36:00, you are just adding empty divs, then showing all posts, which looks correct because it kind of does same thing.

[@ramortega]

Thanks for this I am learning NodeJS and ExpressJS now and this video is i need

[@tylerarrigoni7700]

Nicely done! Thank you!

[@voboghure-dev]

Thanks, I am about to learn Node/Express and this is much helpful at this moment.

[@atibyte]

After learning Django and a bit of Laravel, Express seems so lightweight. I really like it. Thanks Brad!

[@CodeClem]

Amazing course brad, would love if you would also make a crash course on Nest JS in the future.

[@tahasoft1]

The git repo link doesn't work

[@muhammadans7071]

thanks a lot bro, i was requesting you on your last node js crash course for express crash course. it is superb amazing tutorial as usual

[@lesternielfong1513]

Sakto! Thanks for this :>

[@eleah2665]

Hi Brad and thanks.

[@korodhsoaqoon]

Thank you very much sir.... Your content is a GEM.

[@CvetaMobi]

Thank you for your labor!

[@AmnaCode]

Thanks for sharing.😊

[@ar4be]

Nice work, man! When we could expect your Laravel course?

[@cloudagnostic]

Damn, Brad, I love you ✊🏾

[@KycasCat]

Hey Brad, pretty informative course, thank you. Wanted to ask about watching. --watch is not working on virtual environments such as vagrant (at least I could not make it working). I ended up using nodemon with polling. Maybe you have tested this feature with such environments?

[@samlengngy5658]

Really good explanation. please have have a short course of nest js next time

[@saiveerendra3885]

Thank u so much please do one rust course end to end

[@Brandcode-yq2wn]

Thank you very much ❤

[@okkaraung9512]

brad. Thank you for the video. Please do complete mern course. React, Node and Express. I will be looking forward to MongoDB course. Nextjs course too. Again thank you for these videos.

[@OCEMTechZone]

Great Sir 🎉🎉

[@tewogbadeoluwadamilare2772]

This should help me!

[@gg.cip0t]

thanks for the video, its very good for the beginners.. i have a request, can you make a beginner friendly video on Clean Code ? about repositiory pattern ? I mean how can we implement to our Backend Typescript project ? I have watched other videoes but couldnt understand a bit.. since you are very good in teaching may be you can help ?

[@cosanostraytc1030]

Thank you very much Brad... Excellent tutorial as always. The github link is not working

[@eliuddyn]

Amazing 💥💥

[@alireza5430]

thanks a lot ❤❤❤❤

[@m12652]

Thanks 👍

[@ElCodingCowboy]

I think you can also get the dirname and filename now with ES6 modules by doing import.meta.dirname and import.meta.filename

[@satishprajapati6157]

Can you create or Re-Vamp video on Go + Gin or any Go back-end framework please! Love your tutorial

[@AkashPandya9]

Hey Brad, can't find the source code! (link in the desc seems broken). Also thanks a lot for the video❤

[@ABMA79]

Dear Brad, I am one of your subscribers and always find new things to learn whenever I watch you. I was wondering if there is a chance to make a website using javascript as a front-end and expressJS as a backend and it will be lovely if you can make it with authentication and sessions. I hope to see that courses coming up because you are among the best that can deliver information... Best regards

[@ayanupadhaya944]

loved it...

[@lostinthenarrativve]

Hey man, any plans on a mongodb crash course too ?

[@21Moudud]

Convenient to learn express

[@argempusrecords]

what if I want my routes to be "/about" instead of "/about.html" then i would have to create a dedicated route for each page, right?

[@dev-akeel]

I am very old subscriber of this channel and I remember the guy who was too young. But it has now been a long time that I haven't seen him. Where is he?

[@shahbazjavedqureshi]

Hey Brad, I can't find the code on your github. Thanks for the great tutorial and wish you the best!

[@chowiee5688]

Express + firebase is Good combination in backend?

[@adheeshachamod9933]

Great!!! It would be better if you could update your angular course as well...

[@codernerd7076]

I worked with Express but got so tired of having to work for hours setup basic stuff like login/logout/forget password and so on, so I moved to the more active in development complete framework, Laravel, and it's working great!

[@savageteam354k4]

hey men i really love the like your video it is deep and very helpful but right now i really struggle about file management like every time when i want to do some practice i always install react app again and again specially i am very confused by the installation of necessary files like nodemon , express ,node ,buble and run my file on terminal and like so on things really hard for me so can you make a tutorial video on how to handle files and folders, do we have to install every time when we want run our app or so many things please?!

[@mooreedit]

do we still need express with frameworks like nextjs?

[@joscript7846]

When everyone praising Hono? Brad is pushing express back on it feet

[@RuslanMykolaiv]

is it better to use "node:path", instead of 'path'? And use it for all built-in methods just not to confuse with npm libs? Interesting your opinion.

[@ianfrye8988]

Can you do a revamp of NestJS??

[@ericdelmermillen]

Really would prefer the errors not be left in as I prefer to pause and try to complete the examples myself. The switching between common js and module js syntax, for example, caused Brad to make an error exporting which wasn't obvious until he saved, but since I was trying to complete it myself with his errors still in the code from following along, it was confusing. Errors being left in to illustrate a point is one thing but I don't get the sense that Brad is sprinkling in errors like easter eggs but rather that he is winging it at times and then not editing out his errors.

[@rafikhankhadem6657]

Please make one for NestJS :") Wanting to get into a backend framework which has almost everything setup :"D

[@Erlandas_]

Nestjs docs pretty much have everything you need, check them out. Its really not that scary

[@miketerry4309]

The specified URL to the repository does not work. Can you revise it please?

[@LongJourneys]

Oh hey I've been meaning to review express, it's been a while

[@aaratbatra4676]

What kind of bot ahh comment this is!

[@LongJourneys]

​@aaratbatra4676 I wish I was a bot...I wouldn't need a job or a place to live

[@gradientO]

You're talking like express changed a lot in recent years 😂

[@Erlandas_]

@@gradientO wasnt it in maintainance mode, recomending users to use koajs, just a while back?

[@konhaibhai-ze4ji]

which theme are u using?

[@Muhammed-nani964]

do people use ts with express ??

[@kanchanpandey2950]

when will the mongodb crash course (2024 revampp ) will come ??

[@lonewolf9874]

I wish if you could make something about cookie and sessions authentication

[@mriservice1671]

why does post come back undefined?

[@bilal5488]

Next mongodb then mern project 😍

[@jameswalker9490]

I wouldn't include the @route comment in your controller. The controller doesn't care about what route it lives at.

[@danielrafique]

I prefer the Rapid API extension over postman. Hardly anyone uses it.

[@justindouglas3659]

Yoo do the angular one and vue

[@salahdidi8287]

Coming from the Laravel world, this feels like a huge downgrade, but this video is simply amazing for anyone looking to learn Express. Having knowledge in Laravel/Java made it easy for me to grasp the concepts. Thanks, mate

[@athar_dev]

is there some discord community for traversy media?

[@Code-sz9db]

Bun with Hono for the next video???

[@regilearn2138]

This time MERN courser with TYPESCRIPT please

[@jabal_team]

please make hayperExpress course 🙏

[@Ipadstands]

1:00:29 The Error Handler stuff was less clear then everything else discussed so far

[@amadywr]

is the github link working for you guys?

[@weiss7070]

no

[@codingwithsamanja8315]

do module.exports=router in case export default router isnt working.

[@alumaven]

I cant get the cool --watch flag to work :/

[@PaschalAOgba]

I wonder is it only me or is there anyone else that favorite EJS over React?

[@TheEmmanuelN]

PostgresSQL please - (PERN)

[@m12652]

The github link doesn't work...

[@AchwaqKhalid]

#Golang FTW 💪🏻

[@kelsey_roy]

Esoteric. Niche. Fewer jobs than node and python

[@Js0109Js]

please provide the source code sir!

[@cristitoderita3620]

404 Typescript not found

[@yiannis_p]

Why the hell is he using JavaScript over typescript in 2024

[@kopek3105]

>backend in js when we have python, java, go, c# 💀💀💀💀

[@Edgar-pu1lc]

Node js is better than python for the backend

[@user-ov6kj1li3j]

Express is crap, use laravel instead

[@user-if2ww3jq3k]

The specified URL to the repository does not work. Can you revise it please?

[@jabal_team]

please make hayperExpress course 🙏

[@jabal_team]

please make hayperExpress course 🙏