Express Crash Course

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!

[@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

[@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.

[@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!

[@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.

[@aminumusa7190]

Thank Brad, I've long been waiting for this

[@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

[@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! 🙏

[@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!

[@vikasdfghjlYT]

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

[@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!

[@ashishsng]

Thanks for making this. Wanted a crash course to revise my concepts and this helped a lot!

[@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 😂

[@prospermbuma]

Thank you sir I have been waiting for this 🙌🔥

[@SsaliJonathan]

Thanks Brad. You are surely a blessing

[@voboghure-dev]

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

[@ramortega]

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

[@korodhsoaqoon]

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

[@tylerarrigoni7700]

Nicely done! Thank you!

[@amosfigueira894]

Fantastic Brad, thanks for sharing

[@lesternielfong1513]

Sakto! Thanks for this :>

[@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

[@CvetaMobi]

Thank you for your labor!

[@buraxta_]

You're an awsome teacher!

[@cloudagnostic]

Damn, Brad, I love you ✊🏾

[@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.

[@eleah2665]

Hi Brad and thanks.

[@AkashPandya9]

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

[@abcdabcd8605]

Amazing tutorial

[@Brandcode-yq2wn]

Thank you very much ❤

[@AmnaCode]

Thanks for sharing.😊

[@OCEMTechZone]

Great Sir 🎉🎉

[@samlengngy5658]

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

[@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.

[@eliuddyn]

Amazing 💥💥

[@alireza5430]

thanks a lot ❤❤❤❤

[@shubhamjangid5936]

Good video and very informative for new learners

[@ayanupadhaya944]

loved it...

[@m12652]

Thanks 👍

[@saiveerendra3885]

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

[@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.

[@ar4be]

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

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

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

[@tahasoft1]

The git repo link doesn't work

[@satishprajapati6157]

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

[@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

[@tewogbadeoluwadamilare2772]

This should help me!

[@21Moudud]

Convenient to learn express

[@ElCodingCowboy]

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

[@shindeshubhamm]

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

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

[@cosanostraytc1030]

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

[@lostinthenarrativve]

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

[@shahbazjavedqureshi]

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

[@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?!

[@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!

[@adheeshachamod9933]

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

[@ianfrye8988]

Can you do a revamp of NestJS??

[@milindkrishna3954]

@brad can you please share the github repository for the express-crash so that we can take a reference since your repository has old file and the github link which you shared for express-crash is not working.

[@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

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

[@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.

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

[@AchwaqKhalid]

#Golang FTW 💪🏻

[@kelsey_roy]

Esoteric. Niche. Fewer jobs than node and python

[@justindouglas3659]

Yoo do the angular one and vue

[@lonewolf9874]

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

[@chowiee5688]

Express + firebase is Good combination in backend?

[@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.

[@bilal5488]

Next mongodb then mern project 😍

[@Code-sz9db]

Bun with Hono for the next video???

[@jabal_team]

please make hayperExpress course 🙏

[@mooreedit]

do we still need express with frameworks like nextjs?

[@079_pavans9]

I just connected to a different network and whenever I make requests using Postman I am getting an Error: Invalid IP address: undefined. Can anyone help me? I am totally new to this.

[@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

[@brandyn6124]

Im trying to code along with this video, but at 36:00, I am getting this error whenever the req url is set to /posts/not-in-posts: TypeError: Cannot read properties of undefined (reading: 'id') Has anyone got the same thing and have a fix for this?

[@brandyn6124]

Oops, I figured out my issue... When I had hardcoded the posts array, I copied and pasted the json, but unbeknownst to me, there were extra commas between the objects.

[@danielrafique]

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

[@user-if2ww3jq3k]

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

[@jameswalker9490]

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

[@kanchanpandey2950]

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

[@TheEmmanuelN]

PostgresSQL please - (PERN)

[@codingwithsamanja8315]

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

[@konhaibhai-ze4ji]

which theme are u using?

[@joscript7846]

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

[@regilearn2138]

This time MERN courser with TYPESCRIPT please

[@Ipadstands]

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

[@Muhammed-nani964]

do people use ts with express ??

[@athar_dev]

is there some discord community for traversy media?

[@mriservice1671]

why does post come back undefined?

[@aaronxin7732]

Code from video now is invalid....

[@PaschalAOgba]

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

[@alumaven]

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

[@amadywr]

is the github link working for you guys?

[@weiss7070]

no

[@jeremya.3698]

not for me

[@this-is-clem-fandango]

1:25:14 blew my mind... wtf

[@m12652]

The github link doesn't work...

[@manikandaprabuprabu1108]

Don't find the source code in the repo.

[@Js0109Js]

please provide the source code sir!