Express JS Crash Course

In this crash course we will dive into the Express JS framework for Node.js. I recommend first watching my Node.js crash course.
Sponsor: Freelancer Bundle (Use "brad25" for 25% off)
studywebdevelo...
Code:
github.com/bra...
💖 Become a Patron: Show support & get perks!
/ traversymedia
Node/Express/Mongo Udemy Course:
www.udemy.com/...
Node Crash Course:
• Node.js Crash Course
Passport Authentication:
• Node.js With Passport ...
Website & Udemy Courses
www.traversymed...
Follow Traversy Media:
/ traversymedia
/ traversymedia
/ traversymedia

[@avnpl13]

0:00 - Intro 0:53 - What is Express and Why use it 3:50 - Prerequisites 4:44 - Basic Syntax 5:58 - Basic Route Handling 7:33 - Middleware Intro 8:41 - Installations and Setup 13:05 - Creating Routes 14:43 - nodemon 16:52 - Rendering html 18:15 - Static 21:38 - REST API 23:53 - Middleware 31:10 - Get Single Member 37:24 - Express Router 41:20 - Create Member 50:10 - Update Member 55:48 - Delete Member 57:54 - Rendering Templates using express-handlebars 1:07:00 - Forms

[@timothy897]

Thanks Paul, I really needed this

[@jaortiiss]

thanks a lot

[@pellyhotter]

you the real mvp man!

[@ForexPeak]

You’re a legend making the already tough journey of self learning a whole lot easier❤️

[@marcelgonzalez1376]

This is the second time I have watched and actively tried to learn all the content on this video. This crash course takes more than one sitting to learn.

[@andriiauziak1178]

Thank you very much Brad for this tutorial, actually all your tutorials are helping me a lot, and I hope the day when I will actually get a job and will be able to became patreon is near. But in this tutorial is a thing that can be done better: 57:42 delete request don't actually deleting member from array(we can check this by sending get request after delete one), filter method doesn't mutate initial array it's only returns new filtered array, and after this we should reassign our initial array to filtered one. I handled this by changing members "const" variable to "let" and simply reassigning it to new filtered array, but it is probably not the best solution. my solution: let members = require('../../Members'); if (found) { members = members.filter(member => member.id !== parseInt(req.params.id)); res.json(members); } Once again thank you for what you doing.

[@MaoDev]

the problem is that you're just overwriting the members variable but the actual data is not changed. What I mean is that the members object will not be changed to the filtered members, but only the members variable you declared.

[@heeramunimurmu2999]

or a better way of doing it is by finding the index and delete it. if(found){ const index = members.findIndex(member => member.id === parseInt(req.params.id)); members.splice(index, 1); res.json({ msg: 'member deleted', members }); }

[@TheLittlemaster2009]

its not working for me and if it is working then why same thing working for update route where user setting it but not in delete route still confused about it

[@TheLittlemaster2009]

@@heeramunimurmu2999 thanks man this is worked for me

[@kimberlyvillarmente8239]

thank you. It works! 'members.filter();' - Shallow Copy, meaning it's not really override the content inside JSON File Members.js. So, it's not recommended to use this directly to res.json(). That's why he used: members = members.filter(); Please try this by checking 'localhost:5000/api/members/' under API 'GET' [router.get]

[@LuisFlores-pg6vf]

Learning MEVN on the side while majoring in C.S to hopefully land a job as a full-stack developer after graduation, and you have been a huge help in my personal projects!!! Thank you

[@fahadbshahid]

Did you get the job?

[@rajarshiroychowdhury4689]

Completed many of your tutorials, just love the way you teach, not like the others who does something like "Look how much pro I am" styles, you rather get directly into what we needed, so that's great for me. Again , Thanks for the tutorials, appreciate you very much.

[@dingFAching]

This is the best crash course I've ever watched, and I've watched my fair share. Thanks for posting and keep up your fantastic work.

[@gch910]

something about the way you teach this stuff is just perfect, especially for someone like me who has only been learning programming for a few months. You are so thorough and you always explain every step that you execute on top of putting it into a real world context. Thank you for your content!

[@ahndeux]

A one hour training with Brad is like a one week course in school. If it wasn't for the pause, rewind and replay button, I would have been very lost.

[@sollymohlahatsa857]

I was blind, and now I see. My deepest thanks to you! You're an exceptional teacher

[@lou7319]

I was blind and am still blind, why am I so bad at app development

[@meyimagalot9497]

I would totally pay for your courses. The highest quality stuff I have ever watched in my entire career (which is few weeks but still)

[@VarunJoshi95]

Hey! You and Kyle go way back it seems! While I wait for your freelancing course, I'm absolutely thankful to you Brad for your high quality tutorials!

[@techronin_]

Thanks so much for this Brad. You make learning web development approachable and easy to understand. It really helps people, who might be intimidated about trying, the confidence to and understanding to get started on all the ideas that they have, but didn’t think they had the ability to get it done.

[@vu5700]

Its insane how much info you provide in such short tutorials!

[@seth4402]

For those getting the error "TypeError: exphbs is not a function", for the line 12: app.engine("handlebars", exphbs({ defaultLayout: "main" })); You can update the path to: app.engine("handlebars", exphbs.engine({ defaultLayout: "main" }));

[@LoadOfJak]

You're a lifesaver! Any chance you can explain what this issue is?

[@milodennison]

You are a god

[@kylemoore8967]

goat

[@aliebrahim2707]

thank you

[@madhavkwatra5888]

thanks😊

[@germanhabreu]

Amazing. You truly are the best on YT. Thanks Brad for this excellent CC on express. Super easy to follow thru and understand the concepts. Now gonna try to put it to use! Thanks a Million.

[@GGanzolo]

Seriously, the best express course i've seen on youtube by far. You explained in the first 30 minutes everything i've learned in one month of classes. Thank you so much.

[@AslamD]

Dude you are bombarding courses after courses :) Big Fan.

[@paulhiggins6587]

Hi Brad just want to say I'm a big fan of yours watched most of your KZbin courses even bought a Udemy course, I have to say recently you have really upped your game, this video and the one on RUST are just brilliant they are so easy to understand. I have always have had a life long passion for programming, my main passion is PHP and have and a love hate relationship with javascript but at the age of 60 it is harder to keep up with new features that come along but with your new way of teaching I'm keeping up with the teenagers. Keep up the good work!!

[@michaelgreene6441]

You absolutely do the best videos. There is not a lot of handholding, just clear information. You say things that I haven't been fully aware of yet, so I know I need to stop and research that specific point. There are way too many tutorials that are like "this code goes here do this look its a beautiful app" ... change one line... 500.

[@noscreadur]

This vid changed my life. If you are a complete noob with your first VPS, watch this twice. That's it. Everything falls into place on the second watch, you already feel like you are familiar with the concepts and they make sense the second go-round. All I needed was a walkthrough on Apache virtual server proxies, and I'm pushing code from server to browser for the first time, and it works. Lovely. Many thanks.

[@revillsimon]

Great stuff Brad, as usual. Nice how you covered the Templates as well as the API stuff in the same video - very helpful in getting the whole picture. Best of all - Express seems really easy to get started with. Glad to see you’ve passed 1M subs now!

[@shreyasbalachandran2576]

Thank you Brad! Now my learning schedule for Nodejs is complete! You are awesome! :D

[@megatrondragon4945]

By far the most helpful express video, thank you for making these videos so beginner friendly. Instead of being one of those youtubers who make everything so complicated to prove how smart they are.

[@riskitall7421]

Brad! Just wanted to point out something you did really well in this video that you sometimes don't do in your other videos; you explain why we're doing something briefly after everything we do enough for me to understand. For example, you said -D because we don't want to use this when we deploy it but just as a dependency for testing. Just small things like that but you did it a LOT and I loved it. Great tutorial man.

[@harryb4608]

It's always refreshing to watch your videos before interviews. Great course!

[@ЧингисКасен]

This dude is everywhere

[@niteshsaini408]

Literally 😂

[@Flo487x2]

Yeah true xD I watched his React Tutorial, but I also wanted to learn something for JS Backend, and here we are xD

[@alekskenins]

Whenever I need to learn something new I look to see if Traversy has a video on in first, so thank you! One thing I learned that I want to share is you don't need to use nodemon anymore. Server restarting is baked into node by default now. Just run the following when starting your server: node --watch index (or whatever your file is called)

[@lings628]

Your crash courses are amazing, exactly on point. The right speed and the right amount of content. Super easy for developers to learn things quickly and get started with it.

[@contrazzed3651]

Great video, excited for you to revisit this crash course following your NodeJS crash course. My only critique is the small tangent using moment over the vanilla Date toISOString() for the logger.

[@EntyFu]

My boot camp loves your channel! I'm sending them your way for most of the crash courses

[@mohameda.ibrahem3834]

thanks for your work brad, I appreciate your effort a lot if you can make a video explaining how to handle "Access control list (ACL)" using Express.js and MongoDB I will be thankful, thank you again for what you do.

[@PhilanJames]

check this link: blog.codecentric.de/en/2018/07/protecting-resources-with-node_acl-module-in-nodejs/

[@mykolamysko987]

As always, great tutorial! Just one little thing I've noticed - when we DELETE, we don't actually delete the item from local memory(from members). Instead we just return an array of members without the deleted one. Then, when making GET request, we're are still getting all the members items which include the previously deleted one.

Hey Mykola, I've found out that happening here too, solved with assigning the members value before the json, and using 'let' instead of 'const' for members when requiring it : let members = require('../../Members') .... if (found) { members = members.filter(x => (x.id != req.params.id)) res.json({ msg: 'Member deleted.', members })

[@angry_moose94]

Awesome. Most comprehensible express course I've came across. Others either don't explain the code properly or don't even bother doing it lol. Btw at 57:30 when you filtered out the array, excluding the id to be deleted, it doesn't actually delete the instance from the array. The filter function just doesn't return it. I know that wasn't the point of this course because you would use a database in normal situations and thus you wouldn't normally remove data from an array and would just use the DELETE sql command (depending on the database used) but still, I just noticed it. Anyways, thanks for this!

[@heatedrican]

Hey Brad thanks a million for this course! You are a hero man!! This is the second of your crash courses that I completed and it was just as awesome as the last one. God bless you!

[@saqixpro239]

Honestly I learn coding mostly from KZbin and surely this channel is hugely amazing and most recommend to all programmers from the biggest names to the smallest names

[@marmikupadhyay303]

For me, Brad's natural voice is the 1.5X voice. every time I listen in 1x I find It like its slow mo

[@MrMaksuz]

1.25 is perfect

[@dazelmann6589]

Hahahaha ...if you know the tech he's teaching then sure it is. Otherwise 1.25x

[@algife]

Your content is gold and I'm recommending it to my peers starting their dev journey. Some code snippets can be improved substantially however but is enough for starting to put their hands on this technologies and understand them. Congrats and thanks a million!

[@javascriptmastery]

You simply cover everything important in every single video. Cheers Brad!

[@TheAxeliono]

I’m taking a coding boot camp and just had assignments on express. It was confusing as hell and this channel has helped me before so hopefully I understand after watching

[@FullSparks]

Have just finished this course and it is fantastic! I completed the NodeJS Crash Course this morning and have just finished the ExpressJS Course. Next for me is ReactJS then I will look at building my first MERN Full Stack application. Thank you again!

[@mofe620]

How's it going?

[@FriedrichBoettger]

Great followup to the Node.js Crash Course. I forgot all this stuff years ago, as javascript is not my strong suit. A few hours with both courses brought it all back (for good or ill). Much appreciated.

[@user-rp9iis1en6h]

Wow, after many instructor's lessons finally I have found something that easily made me understand the basic nodejs. Nothing could be easier than this tutorial.

[@mokanamedia]

Your approach resonates, from the sound of your voice to the layout of the topic. Others should take a lesson from you on how to do a lesson. There are a few simple elements, from keyboard sounds and clicks, to articulation, to being thorough with the scaffolding that supports the concepts. One of the quickest ways to get me to bail on a video within seconds is keyboard clicks and thumps on the desk, to coughs and snorts, to over zealous fake intensity, to "Yo man, what up" cliches, to basically any sound effect that detracts from the message. You do good work.

[@HungNguyen-lp8ql]

You are the person with the best coding crash courses on youtube. Your videos helped me on multiple occations. Thank you for your work. Really appreciate!

[@calebmbugua745]

From Kenya..Thank you brad for being a great mentor to Many of us.

[@farhanprine]

You have a real sense for teaching, clear concise, easy to understand information delivered in a manageable way (for new comers), really appreciate you work, thank you!

[@suhass590]

This is the best youtube tutorial for express, thanks a lot brother.

[@Cpt_Chirp]

You make the absolute best cs tutorials I've ever used.

[@MatsumotoKael13]

Yet another addition to the long list of exceptional content your channel has to offer. Thank you!

[@RiseandThrive67]

33:32 instead of parseInt , Number wrapper can be used to convert to integer for example if we query for "2+8" in URL it will parse upto 2 and will return the 2nd id which is not expected.

[@joseabendeck8266]

The Timing!, yesterday I finished your Node.js course and my plan for today was to start your 2016 express video. Awesome :D

[@amymarais4909]

This was brilliant! I was confused for weeks and within an hour I understand everything! Thank you :)

[@dariuspalmer2829]

Only person that actually explains things indepth.

[@katherinebl]

My 4th crash course this week! love your classes, thanks!

[@Dogdogdogdog1234]

Thank you Brad for such a high quality tutorial!

[@gilbmp]

This was the best tutorial I've seen about ExpressJs. Thank you a lot, man.

[@nikhilgoyal007]

Hi Brad, thanks for this! I know everyone likes your content and we can't help but ask for more. I just wanted to say please take care of yourself and don't get burnt out helping us! cheers!

[@dbrousey]

Excellent Tutorial! I've been looking to switch my webdev students over from LAMP environments and PHP to Node JS and Express, and your crash courses have saved me a tonne of time! Can't wait to watch the MongoDB :)

[@codewithnacho]

Great video Brad! Express is awesome and flexible. I would love to see a course where you use the debugger for express applications. Thanks for all your work

[@godhandinfamous]

Can't get enough of express tutorials. Thanks Brad

[@Fivousix]

Another FANTASTIC video. Clarified so many points for me, thx Brad! Keep up the good work.

[@naveenperpaga1821]

Just Completed the Full Crash Course..This was a very helpful tutorial for me who has just started learning javascript and express..the whole course was thoroughly explained... THANK YOU BRAD SO MUCH ..:)

[@KyawMyo]

Thanks, the best course I ever had in KZbin for Node/Express JS.

[@williamfish1734]

You're changing lives man. You and the two guys with Clever Programmer are helping me apply everything im learning so that I can really learn it. Keep it up! Also DROP THE HOODIE IN YOUR MERN STACK lol

[@jeffmlb256]

I am lacking words to describe how thankful I am. You have made most of the concepts I learned in school so much easier and I can confidently say, I feel comfortable when I am asked to perform a tasks on front end or back end. Although I am still learning. If you ever had a paid course, I will purchase it 1000% God bless

[@socialsource]

Always a pleasure to learn (something new) from you, Brad. You' re such a knowledgable guy. Thanks.

[@GGSoft2009]

All of your videos are very useful. You are explaining very coolly. Thanks a lot for your work. That's why I love your channel.

[@mwql23]

Thank you for sharing. The course was fast-paced, but alot was done in a short time. Much appreciated!

[@michongoma7598]

Thank you so much! I have been waiting for an updated version of his tutorial

[@pblinfo8531]

15:45, If for some reason your server doesn't start when you put in "npm run dev", then you should check your npm config settings by entering "npm config list" and checking if "ignore-scripts = true". If ignore-scripts = true then you need to edit the .npmrc file located in /User/[current user] so that ignore-scripts = false . Once you edit the .npmrc file, you should be able to run npm scripts. Hope this helps!

[@adityajaiswal9993]

Hey Brad after going through your crash courses any body can include ' Basics Of XXX Topic ' very easily on the resume. Great work by creating these crash courses well appreciated!!

[@JamesBailey1]

Always the best content, delivery, expertise, practices, and personality, I would love to know this guy personally. I have learned a lot from Brad Traversy

[@extremespartan117]

I really appreciate the effort you put into these tutorials. You get straight to the point!

[@monkey_see_monkey_do]

The most amazing express course in my life, thanks a lot! It helped me to understand the very gist of stuff, REALLY GOOD JOB!

[@tannerbarcelos6880]

This and reading the corresponding docs as I follow.. sheesh this is great! Backend is more fun than i thought!

[@nimazarei2760]

If you're getting a *TypeError saying that exphbs is not a function,* change the code in this way: 1. Change the *import statement* from _const exphbs = require("express-handlebars")_ to *const { engine } = require("express-handlebars")* 2. Change the *engine callback* from _app.engine("handlebars", exphbs ({ defaultLayout: "main" }))_ to *app.engine("handlebars", engine({ defaultLayout: "main" }))* This will get rid of the Error.

[@howtomakesometying]

worked for me

[@fancyAlex1993]

A sunday well spend by learning express. God Bless you Brad .

[@matthewjonathonmajor5370]

You are an amazing educator! So organized and just the right amount of detail! Love your tutorials, please keep them coming!!

[@somebodyoncetoldme1704]

Unlike many other crash courses I did on this channel (JS, TS, node.js, HTTP), this one was not as good imo. Many times I was left confused on why something worked the way it did, or what the actual use case for it is, leaving me to mostly fend for myself against the documentation. Don't get me wrong, I love taking these short crash courses and have google on hand for the small details that are lost in the video, but this course had me mostly googling. A one hour crash course took me several days to complete. I still appreciate the free tutorial though, keep them coming.

[@smartguides8910]

I really loved the crash course. it's more than crash course. I found it really easy to learn this, I came from java and concept is really really similar.

[@mrinalkaustuv]

Wow what an amazing explanation of the subject. Never seen such a way to deliver concepts.... :)

[@TechnoSparkBigData]

Hi Brad could you please create a crash cource on microservices using node js and please also include the docker as well.

[@portgasdace8961]

thats a good suggestion :)

[@bastilavarias7885]

he has

[@major_stark]

@@bastilavarias7885 send me link

[@uchemichael8954]

what is docker

[@MrFliperocha]

That's an awesome idea!

[@MrdLord100]

you are The best teacher can't imagine how much we will learn if you make tutorial series of node js ❤️❤️❤️❤️

[@mohammadbayat1635]

I was getting an empty json object on the browser while trying to save "Members" as "js" extension as he did. I modified that to Members.json now I get the same result as he is getting. I believe it when you send out res.json(members), json() is expecting the content-type to be a json ,but you are passing "js". Anyway, thanks for the quick express js course !

[@mrsfetterman]

Thank you sir! I'm saving thousands of dollars by following you instead of paying for a bootcamp. Love how you break it down. Next up, your MERN Udemy course :)

[@toannew]

Explainations on: 11:45 const PORT = process.env.PORT || 5000; 14:50 npm i -D nodemon 33:30 res.json(members.filter(member => member.id === req.params.id)) 42:40 how to post 44:25 app.use(express.json());

[@JordanAF808]

Thank you so much! Your courses are thorough and easy to understand. I'm in Colts UWeb Dev course right now and the API stuff is a bit outdated i think. So these really help out a lot!

[@ssbrar]

Happy birthday Brad, lots of love and wishes for you and your family.

[@alexanderzharkov6953]

Brad, thank you for this high-quality content. You put it this content some much knowledge and experience. I am glad you shared it with us

[@kreuza674]

The best course , made me exited to start learning and practicing. Thank you

[@Manoj-eu2ku]

Brad , you're doing a great work man !! , I do really appreciate it . I am your fan and I am just referring your things from Udemy and youtube for web tech .

[@ariyoayodejiifeoluwa65]

This was really awesome, concise and informative. Thanks a lot.

[@stephanpedersen5079]

you could make a video of 5 or 10 hours and it would still be worth watching. NEVER STOP WHAT YOU DO

[@koodauskanava9096]

This is actally really good video for beginners. Really clean and on the point. Thanks

[@stefansokolowski]

This is such a great tutorial vid. Concise explanations and structure as opposed to people trying to be funny and wasting the viewer's time.

[@marcgatcke27]

Thanks for this stunning tutorial! Finally I understood the topic better

[@georgeomara]

Brad thanks a lot. you r the best. i've been following your videos a lot especially the JavaScript videos. i want you to know that you have added so much value to me and i am so grateful. Thank you very much.

[@yusufkayode2726]

Not all heroes wear cape Traversy is one of them Thanks alot

[@KSSsuperdelux]

Excellent video for starting up Node.js Thank you so much! Bookmark 50:00

[@MichaelREsser]

Brad, Thank you tremendously for your mentorship. This was a great presentation!