Express JS Crash Course

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

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

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

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

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

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

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

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

[@AnimeEditsMemes]

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.

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

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

[@user-lx6bg1mz9o]

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

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

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

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

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

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

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

[@vu5700]

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

[@AslamD]

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

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

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

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

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

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

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

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

[@shreyasbalachandran2576]

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

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

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

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

[@calebmbugua745]

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

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

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

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

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

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

[@rosselliot8971]

In the POST request it makes more sense to check the existence of fields in the request before you create newMember, which is when you'd also do sanitising and validation.

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

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

[@sodiqoyedotun3185]

@@bastilavarias7885 send me link

[@uchemichael8954]

what is docker

[@MrFliperocha]

That's an awesome idea!

[@EntyFu]

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

[@MrdLord100]

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

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

[@harryb4608]

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

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

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

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

[@dariuspalmer2829]

Only person that actually explains things indepth.

[@toomaxbeat7847]

Mongoose and MongoDB Crash Course - 2019 the next video Please

[@pixel7038]

kzbin.info/www/bejne/Y2aZqWhsitWjp7M

[@adarshraj5167]

@@pixel7038 gg

[@adarshraj5167]

Hi

[@zes3813]

no such thing as easy or enough etc, say, can say any nmw and any s perfect

[@vidalroland]

I finally understand how middlewares work !

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

[@filipkosmalla6252]

if you're having issues with const members = require('./Members') inside of routes/api/members.js giving errors -> use const members = require('../../Members'); I am not too deep into tutorial yet, but I've seen this in the repo and it worked. Edit: If I'd watch 10 seconds further I would've known. My bad, but I am leaving this in case someone else is having same issue.

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

[@nifrihal3219]

this tutorial is great but when I got stuff wrong I wanted to end it all, as in my life.

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

[@ariyoayodejiifeoluwa65]

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

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

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

[@joseabendeck8266]

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

[@shubhamgarg5007]

57:30 The json array is not being modified. We are just filtering the list to not have the given member id and returning it, but it is essential to modify the list as well. After modification, we can return the list without any filters.

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

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

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

[@Dogdogdogdog1234]

Thank you Brad for such a high quality tutorial!

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

[@trickeyg3809]

"Alright so we have a crud API" I'm new to backend so I thought he was calling our created API crap lol. Here's for other fellow newbies: CRUD - Create, Read, Update, and Delete.

[@jejeje6034]

thank you so much. my collage decide it would be a good idea to spend 2 weeks building a server from ground up with java and explain express in 30 min.

[@stephanpedersen5079]

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

[@ahmetdiril824]

When creating member, you could get id from the length of members array and add 1. But then when deleting the member, you need to shift ids of any members with id bigger than the deleted member's id.

[@Izngd]

Great work, I swapped out your .filter() method for .find() when returning "a" user. I think it makes more sense returning a single object not wrapped in an array when asking for "one" object.

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

[@michongoma7598]

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

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

[@amymarais4909]

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

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

[@KSSsuperdelux]

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

[@mwql23]

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

[@gilbmp]

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

[@HussainMurtaza-ov4ln]

Those people who don't wanna install postman here's a Tip for you: install Thunder Client extension in VS code. it work as same as postman and also don't need any account to use. and also it is free like no need to get a 30 days free trail like postman I hope this will help you

[@FunIsGoingOn]

You forgot something: if you use UUID then the IDs are strings and you have to get rid of the parseInt again, otherwise you can't DELETE/UPDATE the ones you created with POST requests.

[@Cpt_Chirp]

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

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

[@katherinebl]

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

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

[@kreuza674]

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

[@fancyAlex1993]

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

[@godhandinfamous]

Can't get enough of express tutorials. Thanks Brad

[@CatDevz]

What is Flask? Flask is a fast, unopinionated and minimalist web framework for Python Flask is a "server-side" or "back-end" framework. It is not comparable to client-side frameworks like React, Angular & Vue. It can be used in combination with those frameworks to build full stack applications.

[@marcgatcke27]

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

[@mrinalkaustuv]

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

[@thingymanoodle]

Small remark: HTTP PUT method should usually be used to replace the whole resource located at the URL, while PATCH method should be used for partial updates.

[@KyawMyo]

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

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

[@Fivousix]

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

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

[@koodauskanava9096]

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

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

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

[@itamarcohen1783]

you have problem with delete function in router. it will only filter the array but no delete it from the element itself. you'd need to use splice function in order to delete the member from the array itself and no just filter it for api the api to show. apart this, its a great introduction. although it would help if you explained exactly what every new method you were taking. like the middleware functions and for me not knowing that had me looking for it on the web. also router i couldnt understand until i figured out its a middleware function and how to work it out.