Node.js Crash Course Tutorial #10 - Get, Post & Delete Requests

[@layeekromah4799]

This is by far the best crash course ever, feels almost like the best premium course on nodejs. The style of teaching rocks!

[@mouhamethfadalmarabyaidara4935]

I swear this tutorial is far better than the premium (paid) ones that we see on Udemy or other e-learning platform. You are so much knowledgeable about the topics that i'm just stunned . Big respect for you and thanks for changing the lives of thousands of software engineers by making them understand actually the core concepts.

[@niteshswarnakar]

exactly

[@zachfenton608]

no adds, no rubbish, just a nice london accent

[@rogut8]

could not agree more

[@knightofcarrion7358]

and most importantly, straight to the point.

[@SALMANKHAN-zz4gi]

i feel butterflies in my stomach . the excitement of understanding the concept and yearning to apply it to a project is too much . Thanks ninja

[@NetNinja]

Make sure you place the blogs/create GET route ABOVE the /blogs/:id GET route in the code. Otherwise express will fire the /blogs/:id handler for requests to /blogs/create.

[@TechnoDB]

Oh... I was stuck at this and it took my time. Also, you've mentioned this stuff in your next video. :v

[@ashishchourasia2830]

I am getting 'TypeError: Cannot read property 'id' of undefined' at the params line. VS code wasn't showing the intellisense for it. Please help

[@andressiri]

@@ashishchourasia2830 what fix this for me was going back to index.ejs and on the tag make sure the href link has the same spacing with the ejs tags like in the video.

[@LavishArora11]

Thanks man, that's where it got stuck.

[@krasimirkraev8716]

I dont get this. Can you explain a bit more please.

[@Shakeel714]

This series on NodeJS is better than any other series/course on YoutTube or Udemy

[@mikoajpaszkowski2985]

I just LOVE that moment when I need to pause the video to say: "Ahaaaaaaaaaaaaa, it's amazing!"

[@NetNinja]

Thank you so much!!

[@pwrs7]

Loved the content. Gave me great learning over the weekend. I loved how he builds the pieces early on and how they all come together at the end to form an application. Not only gives you the details on how it can be done, but also why things are done the way they are done. Loved it. Huge thanks.

[@NetNinja]

That's awesome to hear :) thanks so much for watching

[@animationempire8423]

best teacher everr!!! the thing is he also makes mistakes and corrects them which will make you familiar with these mistakes for easy debugging

[@NetNinja]

Appreciate it :) thanks for watching

[@bigshuff]

Nearing the end of the course now and have build the same project on my own computer along with you. Although I also watched the Mongodb course on Compass and used used compass instead of the cloud. I have to say your knowledge of the subject and your amazing ability to teach the subject line by line as you go absolutely blows my mind, I honest don't know how you do it. I don't think I know how to do ANYTHING as well as you do this. Thank you most sincerely.

[@davefinn6031]

Shaun you are a legend. I am in the middle of an intensive assessment for a position currently and everytime I run into a problem, be it in Vue, node js or SQL you seomhow seem to have the answer at some corner or the internet. Keep up the amazing work!

[@matthew78uk]

So much content in a single video! All the basics of CR(U)D, organised and explained very well! Many Thanks indeed!

[@ericpodhorecki5427]

best node course online from far. Amazing work!!

[@NetNinja]

Thanks so much :)

[@tannerbarcelos6880]

Was trying to do MERN stuff before really getting my node, express and mongodb core skills down. Realized I was just copying tutorials and not learning. I am gonna watch this whole series and learn a ton. Just from laying here watching this, I understood everything from past knowledge or just good JavaScript skills and it’s exciting because I’m really trying to learn fullstack development while also learning it in school academically. Thank you for all your videos brother !

[@LoveisHell85]

Please make a react/node/SQL tutorial. I would love to see a complete fullstack project (ecommerce site perhaps). I would be more than happy to pay for a premium course. Thank you for the great content!

[@malcolmcolindixon]

Great work as always Shaun, just completed your Udemy modern Javascript course a few days ago and then started this series, it's all coming together now. Would really like to see working with Postgresql sometime, I'm sure it's similar concepts to this though.

[@kithenry]

i like how structured this is, how every topic from #1 to #last builds so well onto each other.

[@NetNinja]

Thanks :) that means a lot

[@theone3746]

Even though these videos are long, there is not one second of fluff. Beautiful.

[@stana_andrei4752]

Can you make a tutorial on how to connect a react component with node backend?

[@dnynu]

Yaa I also want 👍

[@F4ILCON]

Keep in mind that this is server side rending using EJS, nodejs render html to the browser, now React, Angular, Vue they have different approach, so you need to make http request from react to reach the routes in nodeJS, you also probably need set CORS on nodejs. Create nodejs Server with route and react app to call these route.

[@AccessCode101]

@@F4ILCON Sounds like you know what you're talking about. Can you make a quick video, please!

[@lord_of_uranus]

Maybe you might want to check out some videos on the topic from another coding guru: Part 1: kzbin.info/www/bejne/jqapdZaQdqecerM Part 2: kzbin.info/www/bejne/gaq6kot3lLOpipI He also has MERN stack mini series which I found really useful. Though NetNinja's accent is 1000 times better so I'm also waiting for this tutorial

[@jmbeatsbbx]

Which Node features would you use if you had React already tho?

[@husrevmustafalale2369]

I've recently started this tutorial series and I bet it's the most valuable tutorial even among the paid ones

[@NetNinja]

Hope you're enjoying it :)

[@anthonyuzoka8294]

Seriously do you think i need another course on nodejs, this your crash course is the premium course for me, thank you

[@kopilkaiser8991]

Brilliant tutorial. I've learnt quite a lot from watching this. I would highly recommend all to watch this excellent informative and simple node.js crash course 😊🤝 You are a brilliant and exceptionally great teacher. Being able to convey your knowledge by explaining patiently.

[@NetNinja]

That means a lot, thank you so much :)

[@mrmeinept]

That feeling when you spend 2 hours reading tutorials that aren't helpful and then find that one video who helps you in less than 30 minutes:

[@hackmeornot2196]

I buy a lot of course in UDEMY, and I didnt understand mostly, and when i found shaun channel i regret in buying these course. THis channel teach me everything... can you make a single tutorial about local storage? Thank you so much shaun..

[@martinsmifff]

Hi Shaun, again a great tutorial. Did you know about the express middleware "method-override", is is quite neat because it allows you to simulate DELETE and PUT requests using the normal form, with just a hidden field. Tis would simply things a great deal as you wouldn't need to use the JavaScript.

[@shaheryarshaikh2572]

Hey Can you help me how to use it?

[@shaheryarshaikh2572]

@For Google Kuriwada thanks❤️i already Used it 9 months back still thanks

[@stanisawjarocki1747]

// If you get error around 19:11, which looks like this: CastError: Cast to ObjectId failed for value "style.css" (type string) at path "_id" for model "Blog" // Then simply remove from details.ejs // I don't understand why, but with only this: const id = req.params.id; console.log(id); // id looks fine, but when you add this below: Blog.findById(id) .then((result) => { res.render("details", { title: "Blog Details", blog: result }); }) .catch((err) => { console.log(err); }); // another id shows up in console: 6308f2bbcb373829482ab874 style.css // Is anyone able to explain this?

[@adetunjiojekunle1502]

I have this same error as well

[@adetunjiojekunle1502]

[SOLVED] add '/' before styles.css in head.ejs, so you have it as '/styles.css'

[@dolusdirectu]

@@adetunjiojekunle1502 Thx m8

[@prismanic24]

Took me an entire day to figure out why I was getting this error, thanks!

[@ArmanAghajanyan-eh1tn]

Best ever tutorial. thank you Shaun Pelling. Huge contribution to learners!!!

[@NetNinja]

Glad it was helpful! :)

[@pipertime1]

This is well taught! It's very complex! Why? It seems PHP can do all this much easier and not as complex. It's feels like trying to reinvent the wheel. It may just be me......... I have learned a lot from Shaun on Udemy!

[@manasnagelia]

Totally agree. PHP is easier. But, Node.js is faster than PHP, and PHP is getting outdated, so I suggest sticking with Node.js.

[@chisangamumba2961]

Well, that's why you should create an Ajax Application. It ensures a complete separation of Client side code from Server-Side code. 🤷‍♂️

[@iamabhirupdatta]

If anyone getting undefined value in req.body for the post request , add the following before any route: app.use(express.urlencoded({extended: true})); app.use(express.json());

[@vladdobritoiu4187]

@Ahmed Haron this comment should be pinned

[@raihanar5323]

@@vladdobritoiu4187yes should be pinned

[@raihanar5323]

pin this

[@LuisVictorSilvaSantos]

ty sir

[@LandusBakasima]

😂😂this man is a legend ..am now a back end developer in one day guys

[@codedynamics1]

@netninja how excited you get when something works 😂👨‍💻 love it!!😂

[@MuhammadZubair-co5jl]

Greate videos (Thank you ) Sir, It can be also done by putting a (href) property in a(anchor tag)and set it value to '/blogs', without redirecting to the blogs page using JSON (lots of steps involves).

[@condensedmatter118]

Underrated comment. Not sure why he did it that way but this is ALOT easier.

[@LucXX36]

Great, like always. Thank you! This whole course is such a nice refreshing

[@elpheno]

This session was more difficult for me; I 'll try again later. Thank you Boss

[@thomasm1964]

Oooh my head hurts now! Content is excelletn as always but definitely need to play this one again!

[@MenaseDebel]

express explained simply and clearly thank you NetNinjas

[@NetNinja]

Glad it was helpful!

[@MenaseDebel]

@@NetNinja yeah i wonder if you work video on payment integration with MERN for e-commerse site

[@LubieArbuzy]

Great content as always!

[@jackfrost8969]

If only you also had added the update part, that would have been so perfect. I wonder why you left it out though.

[@erniea5843]

so you can try to see if you can figure it out baed on the examples :). Not that hard with the GET & DELETE route examples. just use PUT the the applicable mongoose method. Best way to learn!

[@zachfenton608]

this is so awesome. I have learned a lot. I still have trouble with the mongodb not picking up the posts. I had to comment out all the code that related to it since it was crashing the app.

[@bluemodize7718]

best tutorial i've ever seen

[@vally8027]

very exciting, you are the best instructor, thanks for considering this topic

[@megaguys-b8k]

Best node tutorial❤

[@NetNinja]

Thanks!

[@yinonb172]

best node.js tutorial ever

[@daliusbeckjr.3918]

is there an example of making an update route path. I don't know if I am on the right track with the one I made. nevermind :D I just figured out how to do an update method for my crud application. also thank you for the course. You are literally one of my top sources to go to when I am interested in learning more for the frontend in my full stack journey.

[@valentinvalet2916]

thankl you for make uni a little easier for me

[@huzaifashaikh6384]

please make a series of node and react combined I can only understand your way of teaching on the whole internet. Love the way u teach it.

[@visualismanformuslims673]

Ever best explaining, You are a great teacher, may Allah bless you. 😇

[@Slimboyfat1979]

Love your videos. Still relevant and helpful

[@NetNinja]

Awesome to hear :) love your username!

[@sebastianmyrcha1034]

I am also a big fan of all of your courses. But I am not experienced and a little bit confused. After the Vue course I thought that the standard is to use frontend app in framework like VEU, and some backend app which REST API serving data in JSON format. After this course I am not sure, because there is a different solution. So which solution is better, and why. 1) Rest API with express.js and Mongo DB, and frontend application with VUE 2) Backend serving html pages with EJS view engine

[@rodo200__]

aunque no entiendo ingles pero se ve excelente lo que haces, a cada palabra que hablas tengo que traducir y no encuentro cursos en español eres genio

[@laxmanjonchhen6593]

Me encantó tu dedicación al aprendizaje, realmente te apasiona aprender.

[@omarkouta9720]

I used another way to delete a blog... 1- clicking on the delete link in the details screen. 2- it deletes the blog from database with "FindbyIdanddelete(id)". 3- redirect to the main page ('/blogs'). And it works, but I don't know if it is okay or not. May be there is a problem I didn't notice. Please tell me Shaun if there is any problem in this way.

[@fredpourlesintimes]

It's weird : In your tutorial, you write .then((response) => { response.json() }) to get the redirection attribute, but it doesn't work - my side -, if I don't return response.json(). Edit : apparently, it's because we use return only with curly brackets, otherwise we don't have to. Thanks for this really useful chapter.

[@harshitkumar5875]

Thanks man !! wasted half an hour searching for the error 🥲🥲

[@jeikashu]

For future people, why it doesn't work is: with curly brackets we need to write 'return response.json()' because otherwise the code doesn't return anything and the next then() doesn't receive any data. Without the curly brackets, JS assumes that respone.json() is the return value for the then method, and we get the 'data'

[@darpananeja4751]

Beautiful course!!! Amazing satisfaction!

[@martinn1071]

This Is pure gold !

[@mikegogl]

Thanks man you are fantastic. I am learning a lot. Honestly, thank you!

[@segafrompk]

Hey Shaun, how does node distinguish between /blogs/:id and /blogs/create request? Since id is not defined as an number, wouldn't it try to find blog with an ID of "create" and fail?

[@NetNinja]

You are correct - the create route should be below the :id route :)

[@longnt7375]

@@NetNinja I think the create route should be above the :id route :) // blog routes app.get('/blogs/create', (req,res) => { res.render('create', {title: 'Create a new blog'}); }); app.get('/blogs', (req,res) => { Blog.find().sort({ createdAt: -1 }) .then((result) => { res.render('index', {title: 'All Blogs', blogs: result}) }) .catch((err) => { console.log(err); }); }); app.post('/blogs', (req,res) => { const blog = new Blog(req.body); blog.save() .then((result) => { res.redirect('/blogs'); }) .catch((err) => { console.log(err); }); }); app.get('/blogs/:id', (req,res) => { const id = req.params.id; Blog.findById(id) .then((result) => { res.render('details', { blog: result, title: 'Blog Details' }) }) .catch((err) => { console.log(err); }); }); app.delete('/blogs/:id', (req,res) => { const id = req.params.id; Blog.findByIdAndDelete(id) .then((result) => { res.json({ redirect: '/blogs' }) }) .catch((err) => { console.log(err); }); });

[@srichandrasiripuram4724]

@@longnt7375 thanks dude u helped me out of this error. I wasted 2hrs searching for what happened

[@darkmojojojo]

I just ran into this error and moving app.get('/blogs/create' ...) above both app.get('/blogs/:id' ...) and app.delete('/blogs/:id' ...) seems to fix it.

[@parv69]

@@srichandrasiripuram4724 same bro T-T

[@UzuigweGideo]

Bro u are a genius ❤

[@NetNinja]

[@DylanL9]

Do you think you can create a tutorial about using node-fetch and creating a project where you would use a stock API for example?

[@Samuel-ns5jb]

Master Ninja, how did you learn all these stuffs? You are really really good.

[@idontstudyforamidterm1069]

your videos help me sm man

[@NetNinja]

That's awesome to hear :) thank you

[@andromilk2634]

There was something which I was wondering when you create your request types : instead of using the name /blogs for a POST request, so the same as /blogs for a GET request, I assume that could you have picked any other term for this POST request instead and it would have worked without any problem?

[@silfion2395]

Great tutorial, is there an example of put request with this type of logic?

[@alisonmaciel314]

I've been stuck for almost a day on post request, didn't know what I was doing wrong and nothing seems to help with my problem. Came here and in less than 10 minutes you already saved me with the "express.urlencoded" tip, ty!

[@SENPAI-mi6sz]

what vscode theme you are using? and if u have time pls make a video about some useful vscode extensions. and ty so much for those courses

[@_prodbyfredericxk]

Nice tutorial for real !

[@inspiredomkar1239]

Rather than using then and catch we can simply make use of await. Not using await is unnecessarily increasing number of lines.

[@papadong]

Nice tutorial as always. Thank you

[@bbbiii2341]

Nailed it. U r legitimate Ninja

[@yusraalattar5593]

You are simply the best!!

[@samuelehnimely9297]

Thanks so much for this course. It's so amazing. can you please consider implementing image uploading with node express and mogodb.

[@someoneontheinternetuvenev6268]

Awesome crash courses!

[@shadmanmartinpiyal4057]

Please do a full MERN Stack course.

[@leonardoxavier4114]

Hi gang! I have an error: min 31:57 SyntaxError: Unexpected token '

[@connorphillips304]

Same error here... Also would love to finish the course :(

[@parv69]

did u find solution ? i m stuck

[@macgruber1920]

@@parv69 I was having the same issue, and removing 'blogs' from endpoint solved it. It was trying to redirect to /blogs/blogs/asdfnasodifj so now I just have: const endpoint = `${trashcan.dataset.doc} and that fixed it for me, hope that helps!

[@majilumee]

Hi :) What is your VSC color theme ? Good videos❤

[@nahiandev]

Wow man , you are amazing.

[@narimennari1207]

good job , it 's verry helpfull

[@zakhariihusar6975]

I have a question about those dynamic routes like /blogs/:id . What happens if you past incorrect id? Then your code will try to find incorrect id in the DB and throw an error? And then you'd handle that error by redirecting to 404? Do I understand correctly? Coz I used to struggle with React Router while trying to implement routing only on the front end...

[@kraldragon1324]

respect man i appreciate it

[@MultiTrickster121]

First of all amazing tutorials. Second, for deleting individual blogs would it not be possible to handle delete requests in the server? What was the reason for handling it on the browser? Also, how comes you used an 'a' tag for the delete button instead of a 'button' tag?

[@programwithviggo2197]

I think when you use the delete request then you'll have to handle this on the browser but there is another way to delete an item. You use a post request, grab the blog schema and use the findByIdAndRemove() function e.g app.post('blogs/delete/:id', (req, res) => { const blog_id = req.params.id; Blog.findByIdAndRemove(blog_id) .then((result) => { res.rendirect(`somewhere else`); } ) ; .catch((err) => console.log(err)); });

[@priyadarsimishra7909]

Awesome Video 👍, can you make a firebase/firestore + react native app

[@RonWaller]

You keep mentioning that "this is asynchronous". How do you know when "something" is asynchronous or not? Is it documented somewhere? Also, you are using .then() syntax. How would you use async/await with this? Thanks

[@programwithviggo2197]

You can check the documentation to see if it's asynchronous or returns a promise. If you're using VS Code try and hover over it and see if it'll give you such information.

[@muskaan7895]

The only part which I found a little difficult 😬 especially that delete.

[@kurokurovich]

the route /blogs/create needs to be above the routes that you pass parameters

[@MagicOfNorway123]

Wow, been struggling with this for an hour. Thanks, that fixed it immediately!

[@siomarapantarotto]

I was wondering why the app that was working fine suddenly presented an error 2 days later and your post fixed the problem. Many thanks. 👋

[@rajithasri8426]

Hello sir, can u make MERN stack courese?

[@_rahiali]

everything was working fine till the end but now idk what when I go to create.ejs it cannot load the css file. I get a long error but starts with Cast to ObjectId failed for value "style.css" at path "_id" for model "Blog". it only happens on create.ejs all other pages load the css fine any idea?

[@_rahiali]

why does create and detail urls are blogs/create and blogs/detail we don't even have that directory

[@ДмитрийМузыченко-д5ш]

I had a similar mistake. Then i changed a link from "styles.css" to "/styles.css" and it started working fine.

[@sohump7904]

@@ДмитрийМузыченко-д5ш thank you so much I was stuck on this problem for a long time

[@aengtech]

@@ДмитрийМузыченко-д5ш I've been scrolling for this comment for over an hour now. Thank you for this. This forward slash has caused more damage to my code than any other error. Thanks again

[@sulaimang5517]

@@ДмитрийМузыченко-д5ш thank you very much

[@shilpadolai4228]

@23:31 can we not use href directly with the delete button providing the id in the url just like we did for the details page. that way we dont have to write evrything we wrote in the script tag??

[@alrikmessner196]

When you did href="/styles.css" without the slash, everything works until you want the blog details...And then a GET /blogs/styles.css happens. When you miss the logged additional GET, you just wonder, how the following stack trace could happen 😅

[@johnpzaccari]

You are the freaking man!!!!!

[@rodo200__]

podrias hacer un curso completo de stack MEVN de Javascript y con estilos de Vuetify seria excelente

[@Alwalou]

After A whole year of my previews comment I still see the delete part the most complicated

[@sagarreddy7461]

nice one shaun

[@sagarmajumdar92]

Great Course

[@joaomsemedo2080]

Very nice tutorial:)

[@cyrusharoon85]

Sir, please make Node bootcamp with ecommerce and React with Redux ecommerce on udemy paid courses. You are an awesome instructor.

[@alearg89]

Thanks a lot! i am bit overwhelm since #9. I was coming along fine, i dont know what happend :( Anyone feeling the same?

[@MrIshumaru]

same, in the back of my head i'm just thinking, there has to be an easier way to do this with how far computing has come. taking notes and writing in the margins explaining what things do in your own words help

[@IAmSamuelCharpentier]

I think is should be const endpoint = `/blogs/${e.target.dataset.doc}`; in case there's mode than one 'a.delete' elements on the page 🤷🏻‍♂️

[@IAmSamuelCharpentier]

I know, I know, not a JS course

[@savagereg]

Hello, Shaun. Where did you create the 'blogs' directory as in 'blogs/create'?

[@igwennaemeka6006]

nice job mr net ninja , but honestly speaking I've been trying this delete request on my app but its not working and I'm really depressed right now

[@technoultimategaming2999]

dude your back must hurt from carrying my whole grade

[@HonorableBacon]

is there an easier way to delete blogs now? that whole delete part was a mess

[@AccessCode101]

Quick question: This is server side rendering, right? If I wanted to use this same project and use react, the only best thing that's going to help me is react router, right?

[@MartonDev]

yeah, this is serverside rendering. you should probably make raw json responses instead of rendering and then using axios or some kind of https request module to connect the front-end with it