Node.js Crash Course Tutorial #11 - Express Router & MVC

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ต.ค. 2024

ความคิดเห็น • 202

  • @mikeandrewfernandez9797
    @mikeandrewfernandez9797 ปีที่แล้ว +20

    What a frustrating yet awesome journey! It's already 2023 and still relevant. After 1 week of following the tutorial I was able to learn Mongo DB, the concept of Servers, MVC's, and Mongoose. I am now confident to take these new backend learnings into higher levels. Thank you so much, Net Ninja!

    • @howTo_79
      @howTo_79 9 หลายเดือนก่อน

      probably the best tuitorial on YT
      it is just missing the REST API part

  • @johnconnor9787
    @johnconnor9787 3 ปีที่แล้ว +107

    The best MVC explanation ever. You come to this concept so gradually, that in the end every piece of a puzzle clicks in the head and the whole picture appears so logical.
    Thank you, Shaun

    • @shansiddiqui4741
      @shansiddiqui4741 2 ปีที่แล้ว +8

      Are you the same John Connor from the Terminator ?
      The one who will lead the resistance and save us from extinction ?

    • @DavidEzequielPerez
      @DavidEzequielPerez ปีที่แล้ว +1

      absolutely agree, thank you for this explanation!

  • @russelldriver6394
    @russelldriver6394 4 ปีที่แล้ว +117

    Would you think about doing a personal bio video. How you got into code, why you started a TH-cam channel, is this your sole job etc. I think your audience might appreciate that! I know I would!

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +102

      One day - I don't have a decent setup for camera / studio yet. But in the future when I upgrade my studio I'll make these kinds of videos.

    • @theengagedcoach440
      @theengagedcoach440 4 ปีที่แล้ว +9

      @@NetNinja Eagerly wating for it bro

    • @indianappguy
      @indianappguy 4 ปีที่แล้ว +2

      @@NetNinja at least give us an option to connect on different social media channel

    • @mythicalwraith7026
      @mythicalwraith7026 4 ปีที่แล้ว +10

      @@NetNinja even if you talk to a white screen I'll be fine with watching the video 😄

    • @rpanda_old
      @rpanda_old 4 ปีที่แล้ว +3

      @@NetNinja hey can you please create a discord server where everyone can discuss any problems we face during learning the various web technologies. This will help you too to better interact with us.

  • @bryanbandela
    @bryanbandela 3 ปีที่แล้ว +19

    This video is definitely the climax of this playlist. No one has ever explained MVC like you have done it here, it was masterfully put together like a magician or should I say like a Ninja. I wish you had more courses on Udemy to show you more supports. May God bless you for what you do for the community.

  • @devrano48
    @devrano48 4 ปีที่แล้ว +40

    It took 1 week to finish, i studied every second of this series. Feel like i learned node finally.

    • @raz0229
      @raz0229 3 ปีที่แล้ว +6

      Same here, although I was familiar with Node before but those Udemy courses were only self-promotions and you actually had to purchase the full course even though the concepts weren't clear. I really appreciate and thank _The Net Ninja_ for such high-quality videos right here on YT.

    • @devrano48
      @devrano48 3 ปีที่แล้ว +2

      Keep working guys now i'm about to create twitter clone :) Especially REST api is so important.

    • @ayoubnachat5920
      @ayoubnachat5920 3 ปีที่แล้ว +2

      Hhhh i finish it in one night (•_•)

    • @ihsannuruliman3656
      @ihsannuruliman3656 3 ปีที่แล้ว +1

      finish it in 2 days but I feel like in the end only remember 30% so perhaps I need a little bit refresher so I'll watch once again from the very beginning :D

    • @devrano48
      @devrano48 3 ปีที่แล้ว

      @@ihsannuruliman3656 take note to the google document.

  • @jordanski5421
    @jordanski5421 3 ปีที่แล้ว +5

    This is the first time I'm actively following a design pattern in one of my own projects and the examples you give here are exactly what I needed to fully understand the concept of not just MVC but design patterns in general. Thank you for that.

  • @suraskumarnayak8350
    @suraskumarnayak8350 2 ปีที่แล้ว +3

    This has been a very awesome series !! went from zero to creating an entire application within just a few video !!

  • @TheSlyDragon93
    @TheSlyDragon93 4 ปีที่แล้ว +6

    Had this issue with the last lesson 6:12 with the create method quite happy I managed to engineer it to work myself with no guidance yay me. Made me realise the importance of the order code must be laid out

  • @dimitmoto1716
    @dimitmoto1716 2 ปีที่แล้ว +1

    Best explanations on those topics, I've found in youtube!
    Thank you!

  • @ghadasuqr343
    @ghadasuqr343 4 ปีที่แล้ว +16

    How can you make things so easy, it's amazing

  • @kerendn
    @kerendn 3 ปีที่แล้ว

    Fantastic explanation. I love how you start with simple/straightforward/messy and then you move on to elegant/organized/modular.

  • @saida584
    @saida584 4 ปีที่แล้ว +2

    The Best in Best to understand the concept of MVC in 22 Mins. Lots of LOVE Master ♡

  • @ahmedezealdean6189
    @ahmedezealdean6189 5 หลายเดือนก่อน

    great course man, it amazing that a content with this quality is in youtube for free, keep going.

  • @diegoavendanohernandez9908
    @diegoavendanohernandez9908 5 หลายเดือนก่อน

    My new favorite web development teacher

  • @kalltreaionc
    @kalltreaionc 10 หลายเดือนก่อน +1

    Amazing Job sir - clear and concise course. Thank you for all the hard work put into this course ; appreciate you.

    • @NetNinja
      @NetNinja  10 หลายเดือนก่อน +1

      No probs! :) thanks for watching

  • @kabelomoola1846
    @kabelomoola1846 3 ปีที่แล้ว +1

    The best NodeJs MVC explanation ever!!!
    Thank you very much.

  • @saranavinash9261
    @saranavinash9261 4 หลายเดือนก่อน

    The thing I have been searching for to organize my code in a profesional manner and I finally found it, thank you

  • @SteeleMan223
    @SteeleMan223 3 ปีที่แล้ว +6

    This course has been absolutely phenomenal! I had to learn node for a work project and I feel very comfortable in my shoes now!

  • @okikiolaosunronbi8766
    @okikiolaosunronbi8766 2 ปีที่แล้ว +2

    Thank you for creating this course, really gave me the knowledge I needed to start learning backend programming. Cant wait to really get into it

    • @NetNinja
      @NetNinja  2 ปีที่แล้ว +1

      Glad it was helpful! :)

  • @nyashachiroro2531
    @nyashachiroro2531 3 ปีที่แล้ว +2

    Thank you. Honestly these guys work so hard for us. It must be really fulfilling to know you are making such an impact in people's lives

  • @swankitydankity297
    @swankitydankity297 3 ปีที่แล้ว +1

    I can't begin to tell you how useful this video was for me! Thank you very much for this tutorial :)

  • @samratmukherjee7131
    @samratmukherjee7131 3 ปีที่แล้ว

    I've seen many hands on tutorials regarding various topics. But your channel just hits different. Amazing work. Thanks bro

  • @gennerawsama5955
    @gennerawsama5955 3 ปีที่แล้ว

    now thats what i love , seeing him debug his code is what we need and im glad he shows that , damn i learned so much a big thanks

  • @21legaci23
    @21legaci23 2 ปีที่แล้ว

    the best tutorials I never regret watching, all your tutorials are always on point, short yet well explained, and well understandable to me, and, thank you

  • @yogiunit2021
    @yogiunit2021 4 หลายเดือนก่อน

    Everything comes down neat in the end,
    nicely explained, thank you

    • @NetNinja
      @NetNinja  4 หลายเดือนก่อน

      Thanks :) hope it was helpful!

  • @adventechoo
    @adventechoo 4 ปีที่แล้ว +3

    Enjoying this tut...learned a lot, after coming from your modern js tut this makes life easy :)

  • @spamdam1588
    @spamdam1588 3 ปีที่แล้ว

    Oh my goodness, thank you so much! You just helped me solve a problem I've stuck on for an embarrassing amount of time. I was also missing that one extra period on my routes file reference because my app file is inside of a folder, and I was getting "Module not found." I hadn't been able to find run into the exact same problem until now. The smallest things are the most frustrating. Everything is running golden now :)

  • @mythicalwraith7026
    @mythicalwraith7026 4 ปีที่แล้ว

    Watched this whole series in a day! Your videos are great! 😄😄

  • @kimokimo-se3ur
    @kimokimo-se3ur 3 ปีที่แล้ว

    ​ @The Net Ninja Shaun did you know that you and your content made me a MERN Stack dev , thank you from all my heart

  • @PabloArceo-synclab
    @PabloArceo-synclab 3 ปีที่แล้ว

    Finished this, absolutely amazing explanation. Got your novice to ninja and D3.js courses on udemy. I was a bit slow on those, but after this I just subscribed to your ninja pro plan and I got really pumped up. You are an excellent and passionate teacher I might add. Thans man!

  • @saidalizade1291
    @saidalizade1291 3 ปีที่แล้ว +2

    This channel deserves more subs

  • @ariolverab
    @ariolverab 3 ปีที่แล้ว

    Marvelous tutorial with 11 videos, how you explained it´s so easy to understand. Without The Net Ninja & Traversy Media i´ll be just freaking lost.

  • @jasper5016
    @jasper5016 2 ปีที่แล้ว +1

    Even UDEMY premium courses dont provide these kind of details. Thanks Shaun.

  • @omerakcan2839
    @omerakcan2839 2 ปีที่แล้ว

    Best tutor best mvc explanation! thank you for sharing it.

    • @NetNinja
      @NetNinja  2 ปีที่แล้ว

      You're very welcome! Thanks Omer :)

  • @daiyan5688
    @daiyan5688 2 ปีที่แล้ว

    Best video I have watched regarding those Topics. You helped me so much Sir!

    • @NetNinja
      @NetNinja  2 ปีที่แล้ว

      Great to hear that. Thanks for watching Daiyan!

  • @AhmedLebda-gm9qo
    @AhmedLebda-gm9qo 5 หลายเดือนก่อน

    Before watching this video i spend like half an hour trying to figure out why the create route doesn't work and he just looks at the code and figure it instantly with one look wow
    Great video as always

  • @technologyexplained
    @technologyexplained ปีที่แล้ว +2

    Thank you. What an amazing course. I had lost the confidence in programming in general, but this course really helped me understand the backend concepts and get better.
    I do have one question though: The MVC stuff which was taught here, when I do personal projects, should I implement this while setting up the files, when I feel the project is getting clunky, or when the project is finished? What is the best time?

  • @joypro5278
    @joypro5278 8 หลายเดือนก่อน

    Best tutor you could ever get to know

  • @ArtOfFun
    @ArtOfFun 3 ปีที่แล้ว

    Its a very useful video. Excellent explanation MVC. Thank you!

  • @solomonimhomoh1056
    @solomonimhomoh1056 3 ปีที่แล้ว

    The best explanation ever. You're a life saver. Thanks

  • @whoIsV
    @whoIsV ปีที่แล้ว +1

    I love your way of teaching. Would you please make a Crash course on Redux Toolkit please?

  • @ripinsurreality5978
    @ripinsurreality5978 4 ปีที่แล้ว +8

    Awesome tutorial!
    Unfortunately, it sometimes happens to me that I make a tiny mistake and then spend hours trying to fix it, finding that the cause of this was my inattentiveness.
    So, if anyone's having a problem of the styles not loading on all the pages, that start with /blog/, you probably forgot to put / before styles.css in your head.ejs, which should be href="/styles.css" instead of href="style.css"

    • @cheesecurls7
      @cheesecurls7 2 ปีที่แล้ว

      Literally had the same problem and it was so frustrating! Definitely will remember to put the leading / in there now though lol

    • @jondenjack
      @jondenjack 2 ปีที่แล้ว

      Likewise!!

  • @Shakeel714
    @Shakeel714 3 ปีที่แล้ว

    Awesome tutorial series on NodeJS!! Thanks Shaun

  • @technoinfoworldwide2329
    @technoinfoworldwide2329 4 ปีที่แล้ว

    Node js by covering all the topic..amazing...

  • @fredpourlesintimes
    @fredpourlesintimes 2 ปีที่แล้ว

    Really cool chapter.
    Finally, we have a clear/comprehensible explanation of MVC.
    I'm just wondering why we didn't keep a default "index" page, separeted of the blog's one.

  • @mariarazo6977
    @mariarazo6977 2 ปีที่แล้ว

    Such a clear and concise tutorial series. Thank you!

  • @ujwal5459
    @ujwal5459 2 ปีที่แล้ว

    best tutorial on mvc architecture

  • @a1225johnny
    @a1225johnny 3 ปีที่แล้ว

    Very clear and full of explanation! Thanks a lot!

  • @dominicdeheuer937
    @dominicdeheuer937 3 ปีที่แล้ว

    This EXPRESS tutorial is AWESOME!👍👍👍👍👍❤️❤️❤️❤️❤️❤️

  • @infinitecodelk3563
    @infinitecodelk3563 4 ปีที่แล้ว +1

    I m from sri lanka
    You are genius. Thank for free tutorials. You channel is very help full. I told my friends about net nija👋

    • @lowcapaltcoins
      @lowcapaltcoins 4 ปีที่แล้ว +1

      now I am here brother. nice to see you in this dojo as our nation guy

    • @infinitecodelk3563
      @infinitecodelk3563 4 ปีที่แล้ว

      @@lowcapaltcoins wow.nice brother.this channel is awsome

  • @shadow_was_here
    @shadow_was_here 2 ปีที่แล้ว

    Great series of video tutorials. Everything was explained precisely.

  • @kunlohith
    @kunlohith 3 ปีที่แล้ว

    MVC: Making Views Correctly. Like Wow, this is a miracle how you incredible you explain Mvc and told what we do. Just WOW! Mr. Ninja, I think you are a real black belt ninja. I, as a kid, love it and is inspired to do more. I even liked this video. And plz reply. Thanks.

  • @Deeloveya
    @Deeloveya 2 ปีที่แล้ว

    Thank you from Paris - France. Merci !

  • @delidag
    @delidag ปีที่แล้ว

    Thanks for useful tutorial. This is the best MVC tutorial

    • @NetNinja
      @NetNinja  ปีที่แล้ว +1

      Awesome :) Glad it was helpful!

  • @kopilkaiser8991
    @kopilkaiser8991 5 หลายเดือนก่อน

    Best video to learn MVC with node.js

    • @NetNinja
      @NetNinja  5 หลายเดือนก่อน

      Thanks for watching!

  • @muslim101f
    @muslim101f 3 ปีที่แล้ว

    19:19 LOL
    That was a great tutorial with an awesome tutor. Really thank you! :)

  • @SiriusFuenmayor
    @SiriusFuenmayor 3 ปีที่แล้ว

    Another excellent tutorial from the Net Ninja

  • @AD-lr6pc
    @AD-lr6pc 2 ปีที่แล้ว

    wow this guy explains every thing very well

  • @Pareshbpatel
    @Pareshbpatel 3 ปีที่แล้ว

    An excellent demonstration of how to use the MVC pattern. Thanks, Shaun
    {2021-09-13}, {2022-07-14}, {2022-11-01}, {2023-02-17}

  • @amrmoneer5881
    @amrmoneer5881 3 ปีที่แล้ว

    Wow so beautifully and simply explained thanks mate

  • @yumyum7196
    @yumyum7196 ปีที่แล้ว

    This is my first time learning node, back end and MVC. First off, superb course in so many ways (content, to the point, duration, example etc.). I do have one question, I am intrigued how the models are derived from the database schemas. Coming into this, I had this idea in my head that you defined your JavaScript classes somewhere in your models directory and then somehow exported this to the database.
    There's a project I've been building in my head as I've been watching this course and that is how I thought one would normally go about it, but it seems it is the other way around (define Schemas in DB first, then from there define your objects/classes for your logic). I don't know if anybody could provide some thoughts about this.
    Again, superb course, thank you so much for everything :D

  • @robertp3596
    @robertp3596 4 ปีที่แล้ว +9

    Personally I prefer to import my route in my use. Example: app.use("/blog", require("./routes/blog")); and it does a direct import without needing another variable.

    • @shadmanmartinpiyal4057
      @shadmanmartinpiyal4057 4 ปีที่แล้ว

      yeah me too.... i think it is cleaner,

    • @JoeMcBroom
      @JoeMcBroom 3 ปีที่แล้ว

      I like that - though it won't work quite like that if using Modules and Import statements

  • @rushtothemax76
    @rushtothemax76 4 ปีที่แล้ว +1

    This man is better at teaching me 2 code than my own teacher🔥

  • @mossasameer3338
    @mossasameer3338 4 ปีที่แล้ว +1

    thank you so much, next.js is wating for you to cover him :)

  • @yinonb172
    @yinonb172 4 ปีที่แล้ว

    best node.js tutorial ever

  • @myapptheme
    @myapptheme 3 ปีที่แล้ว

    Excellent tutorial as usual. Awesome..... Thank you! "The Net Ninja".

  • @deepanshmakkar5118
    @deepanshmakkar5118 4 ปีที่แล้ว +1

    Freakiin Awesome Project Management!!

  • @EnesKab
    @EnesKab 3 ปีที่แล้ว

    I am learning even from your random mistakes. Amazing.

  • @codingstuff8305
    @codingstuff8305 4 ปีที่แล้ว

    Hi, very good explanations. Just for information, in an API way the standards name for your methods that you have created are "index, create, store, show, edit, update and delete" instead of blog_index, blog_create_post, etc...

  • @amymarais4909
    @amymarais4909 3 ปีที่แล้ว

    One of the best teachers 😭

  • @LumbreraEnMiCamino
    @LumbreraEnMiCamino 4 ปีที่แล้ว +1

    Thanks a lot my friend, I wonder if you can teach us now how to apply the MVVM ?

  • @flavioneto1081
    @flavioneto1081 4 ปีที่แล้ว

    You can also do exports.functionName = to export it directly. Nice tuts btw good rhythm

  • @FWCODING
    @FWCODING ปีที่แล้ว

    all right mr, im done this course

  • @muhammadahadaminul9529
    @muhammadahadaminul9529 2 ปีที่แล้ว

    Awesome tutorial.

  • @supun_sandaruwan
    @supun_sandaruwan 3 ปีที่แล้ว

    Great tutorial sir 🧡🧡🧡

  • @jiandeng8595
    @jiandeng8595 4 ปีที่แล้ว +2

    when you say 'speaking of views' I thought you were saying 'speaking of vue's'....BTW, how can we separate 'views' from the server side and use Vue/Nuxt instead? hope to see the crash course soon

  • @jimhalpert9803
    @jimhalpert9803 3 ปีที่แล้ว

    Extremely helpful video. Thanks!

    • @NetNinja
      @NetNinja  3 ปีที่แล้ว

      Thanks Jim 😀

  • @jwadjavapro68
    @jwadjavapro68 2 ปีที่แล้ว

    Awesome tutorial

  • @ZsoltGaramszegi
    @ZsoltGaramszegi 3 ปีที่แล้ว

    All in one! Thanks!

  • @nicholassattaur9964
    @nicholassattaur9964 4 ปีที่แล้ว

    Very great and informative tutorial!

  • @zhangandy1174
    @zhangandy1174 4 ปีที่แล้ว

    very informative, thank you for the sharing!

  • @s_rox5042
    @s_rox5042 3 ปีที่แล้ว

    Thanks net ninja for tuts

  • @yassineechchetouky9770
    @yassineechchetouky9770 4 ปีที่แล้ว

    thank you so much, this video was very helpful

  • @hackerpro6742
    @hackerpro6742 3 ปีที่แล้ว

    Thankyou buddy helped me alot

  • @josebordon7870
    @josebordon7870 3 ปีที่แล้ว

    Amazing content. Thank you so much

  • @adventurer2395
    @adventurer2395 2 ปีที่แล้ว

    Interesting, I like how you made the controller agnostic/loosely coupled from express. However, it's still tightly coupled to the model and mongo, as model implementation details are happening inside . There could be additional layer of abstraction in the controller to be model/db agnostic.

    • @bryanDaMazo16
      @bryanDaMazo16 2 ปีที่แล้ว

      I noticed the same thing. I think it is not MVC yet since it is violating that principle. For example, migrating to a different database will imply refactoring the controller module. (Violating the MVC pattern). Also, testing will lead to writing exhaustive integration tests (due to IO). This video is a good reference for why it is important to separate the different layers to test efficiently and effectively; significantly reducing integration testing. th-cam.com/video/fhFa4tkFUFw/w-d-xo.html

  • @fahimalif4068
    @fahimalif4068 4 ปีที่แล้ว +1

    If anyone wants to know about what crash course means they should watch this crash course.

  • @melkerlarsson4219
    @melkerlarsson4219 4 ปีที่แล้ว +1

    Great tutorial:)

  • @rodwinpieterse1950
    @rodwinpieterse1950 3 ปีที่แล้ว

    Hi Shaun, do you flesh out your starter files already in the MVC pattern or do you build and refactor as you did throughout the series?

  • @AhmedMohammed-ks8uo
    @AhmedMohammed-ks8uo 2 ปีที่แล้ว

    Thank you for this pretty course

    • @NetNinja
      @NetNinja  2 ปีที่แล้ว

      You are very welcome Ahmed :)

  • @andromilk2634
    @andromilk2634 7 หลายเดือนก่อน

    There was something about controllers which I was wondering : you say they act as a middleman between the model and the view, but is it necessarily the case that every handler function is acting this way and always touching the two? For example, the delete controller function is neither touching the model (unless you consider the database part of the model as well?) neither sending data to the view for a render, it is instead interacting with the database. Is my interpretation correct on this matter or did I not follow correctly? Thanks

  • @onecornflower
    @onecornflower 10 หลายเดือนก่อน

    Thank you so much for this series. How can I host an app like this online? Are there free hosting services?

  • @dannyman2200
    @dannyman2200 3 ปีที่แล้ว

    Lovin' this series! this might be a stupid question, and obviously there will be some differences but as this is for a web page how different would all this be if you were building an app in React Native for example? and as swift or java don't use JS how different is there version of node/express?

  • @farouksallam1779
    @farouksallam1779 3 ปีที่แล้ว +1

    Thank you so much 💞

  • @muktiprasadbehera5539
    @muktiprasadbehera5539 4 ปีที่แล้ว

    You explain everything very clearly.
    But what is the code written in models.

  • @eff_gee321
    @eff_gee321 2 ปีที่แล้ว +1

    i have a question:
    what does this middleware do:
    app.use((req, res, next) => {
    res.locals.path = req.path;
    next();
    });

  • @pablofonseca8867
    @pablofonseca8867 4 ปีที่แล้ว +1

    I was thinking about, what if I'm building a big website, how can I do to know if all my routes are working when I make changes to them? Is it possible to make a TDD or something?

  • @adityatiwari811
    @adityatiwari811 3 ปีที่แล้ว

    Thank you sensei!

  • @vukashinobradovikj4517
    @vukashinobradovikj4517 4 ปีที่แล้ว

    gj man nice video thanks !

  • @awilomar8383
    @awilomar8383 ปีที่แล้ว

    thank you Ninja