What Is MVC? Simple Explanation

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

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

  • @grantwilliams9838
    @grantwilliams9838 5 ปีที่แล้ว +238

    Probably the best explanation I've seen yet regarding mvc. The diagram was excellent, the pseudo choose just topped it off. Well done again Brad.

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

      The pseudo code was the cherry on top in my opinion! Thanks for the tutorial!

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

    I was watching another video, then I remembered about Traversy Media, hit the keyboard, made a search. Bam! Beautifully explained.

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

    After five other videos, a read through the entire wikipedia page, and two other websites, you finally made me understand the concept. THANK YOU SO MUCH!

  • @MRABDULALI-123
    @MRABDULALI-123 2 ปีที่แล้ว +1

    I LOVED THE WAY YOU SLOWLY TALK AND YOUR WAY OF EXPLANATION I HAVE NO COMMENTS FOR THAT LITERALLY

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

    Precise, simple and gives the clear picture. Exactly what one want to know about MVC framework as a beginner, excellent job Brad, we owe you!
    Model - Organized data
    View - Interactive UI
    Control - Scalable processing logic connecting model and View

  • @unvrknow22
    @unvrknow22 6 ปีที่แล้ว

    This is the best channel on youtube for helping a beginner to learn how to code. Thank you so much for all of your videos.

  • @tilakmadichettitheappdeveloper
    @tilakmadichettitheappdeveloper 7 ปีที่แล้ว +473

    must be renamed to "The only Proper MVC Tut"

    • @nikolas__
      @nikolas__ 6 ปีที่แล้ว +38

      You're goddamn right! The 3 min "pseudocode" example he put was more clear than what other guys try to say in hours in other tutorials

    • @luqmansen
      @luqmansen 6 ปีที่แล้ว +11

      @@nikolas__ well, this is so true, the pseudocode totally make everything clear

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

      That's why Traversy Media deserves > million of subs!

    • @-vis-2492
      @-vis-2492 3 ปีที่แล้ว +1

      @@luqmansen I have been struggling with this for a while, the pseudo code is cristal clear omg

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

      4 years later, this is still one of the cleanest intros to MVC design pattern.

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

    I'm so happy when I google about web dev topics and see a Traversy Media video. Thank you for the clear and helpful teaching!

  • @mostafatourad8250
    @mostafatourad8250 7 ปีที่แล้ว +66

    we were waiting , every day I watch your channel so thanks for sharing knowledge

    • @TraversyMedia
      @TraversyMedia  7 ปีที่แล้ว +26

      Geez no pressure there...just kidding. Thanks for watching

    • @MrAhmedUA
      @MrAhmedUA 7 ปีที่แล้ว

      was the example based on php~laravel :D ?

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

    Showing the controller view and model psuedocode all at once near the end really helped solidify how they interact, and thus what they do.

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

    This is by far the best explained tutorial on MVC concept! Hats off to you, Mr. Traversy!

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

    All the clarifications of what aspects vary depending on the framework really cleared things up for me. So many tutorials specify that certain aspects will or won't interact with one another in certain ways, but those differ from tutorial to tutorial. This really cleared that up.

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

    The Best explanation so far without getting lost in a deep ocean. I recently purchased a few courses from Traversy Media and you are a master at clarity and staying simple. Many thanks for that. The question, "What is MVC?", popped in an interview spells doom for many. I always explained it in line with what you teach here, but interviewers have their own ideas of what it means and most of the time it is just their private beliefs. I dread that question. But I think I will refer them to this video and be done with it, next time. You are a hero, my friend!

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

    After watching about 20 videos since yesterday, finally i understood with this video. Thank you for your clear explanation.

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

    I just keep finding video after video after video of all the info I want, by you! Your channel is probably one of the best sources of information on the whole internet for anybody looking to get into development...

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

    The best MVC explanation. I was searching for a good video to show it to my friend. And this is the best one. Especially that it has the algorithms explanation at the end. GOOD JOB!

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

    4 years later, this is still one of the cleanest intros to MVC design pattern.

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

    you're a Great Man in modern programming (a catalyst). You basically program programmers. Thanks!

  • @kwalombo_ta
    @kwalombo_ta 5 ปีที่แล้ว

    Ridiculously easy to understand. give this man some gold

  • @paulhanrahan6728
    @paulhanrahan6728 5 ปีที่แล้ว +6

    Thanks for making newer concepts and technology accessible to a "legacy' programmer like myself.

    • @RealformStudioXR
      @RealformStudioXR 5 ปีที่แล้ว

      Paul Hanrahan are you a freelancer, right now? If so what do you advise to get more clients

    • @RealformStudioXR
      @RealformStudioXR 5 ปีที่แล้ว

      Regards

    • @paulhanrahan6728
      @paulhanrahan6728 5 ปีที่แล้ว

      @@RealformStudioXR Sorry for taking so long to get back to you. I am not a freelancer. I am developing an application I intend to market and sell on my own.

    • @RealformStudioXR
      @RealformStudioXR 5 ปีที่แล้ว

      @@paulhanrahan6728 thanks, how do you think will be the right model to sell, and there is something I always wonder, how do you assign a price to your software products

    • @AkshayKumar-fj9hd
      @AkshayKumar-fj9hd 4 ปีที่แล้ว

      Hi Paul, on what legacy technologies do you work? are you working as system programmer?

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

    I agree Grant : Probably the best explanation I've seen yet regarding mvc.

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

    One of the best, fastest and really to the point explanation to grasp the MVC concept, well done, man!

  • @Fawaz-vn5eg
    @Fawaz-vn5eg 7 ปีที่แล้ว +6

    Much awaited video. Thanks for sharing. The concept of MVC feels little bit confusing while i'am reading online articles, now i got it solved by this. Loving your style of teaching. Greetings from India😍✌

  • @HemaDarshiniSelvaraju
    @HemaDarshiniSelvaraju 5 ปีที่แล้ว

    I normally won't comment in most tech videos that I watch but I really liked the way u illustrate the code in one page which makes people to really understand the flow of the code for those who wants to see the clear picture of the dynamic flow in the codes. This is good idea and way to teach people. Sudo for u 👍😁😉🙏

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

    *Clicked on thumbnail, paused the video, now commenting : thank you so f-ing much!!! i was searching MVC all over the internet, thanks to you man, & god is listening to me.*

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

    You are awesome! I've viewed a few similar videos on MVC, but yours is the best by far. It's not just the content that makes it the best; it's also just the tone of voice, the pacing, how you use the visuals and make it easy to follow where you are/what you're talking about visually. Really fantastic work!!

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

    This was awesome, I have never seen state management explained so nicely! I really liked the "languageless" code you had as an example towards the end. Excellent job!

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

    Good intro bro! short and sweet straight to the point and no noise video, if only all videos are like this!!
    Thanks so much man!!

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

    The last part of explaination is something you can't get everywhere..Thank you for wonderful tutorial!!!

  • @michaelvolkmuth3538
    @michaelvolkmuth3538 6 ปีที่แล้ว

    This is also a good review for veterans that haven't messed with MVC in a while. Thanks!

  • @bernacaner544
    @bernacaner544 5 ปีที่แล้ว +9

    You are just amazing, have several of your Udemy classes. Absolutely perfect explanation every single time

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

      He has Udemy courses? Please give me a link

  • @gamesrullzro8356
    @gamesrullzro8356 5 ปีที่แล้ว +75

    Model -> Database
    View -> Front-end
    Controller -> Server

    • @celesterobinson6884
      @celesterobinson6884 5 ปีที่แล้ว +11

      Wait this is misleading. Based on this video, the Model is NOT the Database. It communicates with the database. 2:43

    • @gandhikaran24
      @gandhikaran24 5 ปีที่แล้ว

      Model is the query language that handles and manages data and not the database itself.

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

    no words for how much brad is the man

  • @mohamedasiqshajahan1200
    @mohamedasiqshajahan1200 5 ปีที่แล้ว

    Awesome Explanation. Even a child will get a clear understanding about what is MVC.

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

    Best mvc explanation i have come across. Thank you

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

    Thank you for the explanation. That pseudo code really made it easier.

  • @SIFWD1
    @SIFWD1 7 ปีที่แล้ว +5

    Dude this is easily the best explanation of MVC! You've got yourself another subscriber...... keep up the quality content

  • @romanticscents
    @romanticscents 7 ปีที่แล้ว +3

    thank you for sharing. i had a job interview once and he asked me was i familiar with the term mvc. i wasn't sure because mvc bAck in the day for me stood for Microsoft visual composer when i learned visual basic studio. now i understand your example. thank

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

    Thank you so much for explaining MVC. This is foundational to my daily job and up to now, i did not understand it good enough.

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

    this was so clear. I'm new to back-end development and I got it so clearly. Thank you

  • @vamshikrishna-pt6qx
    @vamshikrishna-pt6qx 7 ปีที่แล้ว +14

    This is the best MVC tutorial so far i have seen. Thanks for that. It would be good if you explain some important concepts like SQL injection, cross-site scripting (XSS), cross-site request forgery (CSRF) and cookie tampering implementation by considering some MVC framework.

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

    This is really perfect and proper tutorial for understanding MVC. Thanks a lot sir.....

  • @GLoop無縫循環歌曲
    @GLoop無縫循環歌曲 5 ปีที่แล้ว

    You deserve the like. It's so helpful, that I'm a year one undergraduate student doing internship in company's website, which used CodeIgniter. I totally know how to modify the webpage now. Thank you.
    Greetings from Malaysia

  • @edgar-mmxxiii
    @edgar-mmxxiii 4 ปีที่แล้ว +28

    View (GUI), Controller (main Functionality and Logic), Model (deals directly with Files and Data)

  • @mattconrad
    @mattconrad 6 ปีที่แล้ว

    Thanks, Bossman. I've been trying to understand Laravel and MVC for a while and this is the best, most concise definition I could find!

  • @graynoble4795
    @graynoble4795 5 ปีที่แล้ว

    Very nice! Started quickly, clear voice and very nice pseudo-code. Great job! (p.s. 74 people just CANT be taught)

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

    Excellent job. Loved the psuedo code to show the logic.

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

    This is the best explanation I’ve seen on TH-cam. You’ve just earned a sub

  • @Eamo-21
    @Eamo-21 5 ปีที่แล้ว +2

    Brad, you have a gift for explaining concepts. Thank you so much for putting out this great content.

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

    that pseudo code example really tied it together, great stuff!

    • @jame_sta
      @jame_sta 5 ปีที่แล้ว

      Agreed, very good example and video

  • @musandlala7991
    @musandlala7991 5 ปีที่แล้ว

    well explained and yes it should be renamed to "The only Proper mvc Tutorial".
    By far the most well thought out tutorial without being framework dependent.

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

    You did a phenomenal job. Thank you very much! It is definitely not an easy or intuitive concept for many learners.

  • @delisandor5337
    @delisandor5337 6 ปีที่แล้ว

    whatever I search regarding code... at least one traversy media video in the result list... at least with 1000 likes... and they are great.. congrats for the awesome youtube channel=)

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

    Thank you, this is GOLDEN! BEST tutorial on MVC for beginners so far! Amazingly informative diagram, great example code. KEEP POSTING MY FRIEND!

  • @miggu
    @miggu 6 ปีที่แล้ว

    concise, useful and not overcomplicated : excellent explanation. thank you

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

    Thank you so much for this, first time I truly felt like I understood the actual practical relationship between M V and C. Greatly appreciated, and great explanation!

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

    The best explanation about MVC ! Thanks a lot

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

    Best explanation ! The code sample also really helped a lot, thank you for this great tutorial !

  • @Martin-xx2kw
    @Martin-xx2kw 6 ปีที่แล้ว

    Great explanation Brad. I can't get an work done cuz I keep jumping to you next tutorials. You are the BEST!

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

    Superb explanation!
    Thanks a billion sir!

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

    Really good explanation, especially when it comes to this pseudo-code. Thanks

  • @exikoz
    @exikoz 5 ปีที่แล้ว

    I don't know how to thank you Brad? you have helped me and other so much. As always quality content!

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

    Great video explaining a concept that I have been struggling to wrap my head around for some time.

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

    Model - Interaction with database (SELECT, INSERT, UPDATE, DELETE)
    View - Usually consist of HTML/CSS
    Controller - Processes requests (GET, POST, PUT, DELETE)

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

    This is awesome. The example really helped me understand. Thank you

  • @Didi-bz6kt
    @Didi-bz6kt 4 ปีที่แล้ว

    I wish this video would have been published earlier ! Great video thank you !

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

    Best MVC tutorial ever.

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

    Amazing very simple explanation for MVC, thank you

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

    Is impossible to dislike this tutorial.

  • @keyildeverse1901
    @keyildeverse1901 6 ปีที่แล้ว

    bro , i like the way u speak so kindly

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

    Thanks for sharing. Very useful. Helped me understand better the Django framework

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

    This is very easy to understand and a useful tutorial. But I'm a bit confused with the diagram at 6:09. Shouldn't View be under the Browser i.e. in between the Controller and the Browser? The User interacts with the View via the browser, right? Please clarify... Thanks

  • @klausdupont6335
    @klausdupont6335 6 ปีที่แล้ว

    The illustration is very clear and diagrams very helpful!

  • @saimhassan
    @saimhassan 6 ปีที่แล้ว +25

    so MVC is basically a technique to organize data, functionality and GUI comps and keeping them away from each other yet in communication? if i'm not drunk?

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

      I wish there were a simpler explanation for it. Because all those technical terms throw me off guard. Just so that I see my logic: "MVC is a pattern used in web or software development for organising the code content based on its purpose? For example, Model takes responsibility for all database related things; View is the Preview state for the user to see the final result on the browser; and Controller is what???" This is my current understanding of it :(

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

      @@istandaloneroronoazoro5188 no problem, controller is just a Class that holds the methods which we write to fetch data from db and redirect users to appropriate view (gui)

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

      @@istandaloneroronoazoro5188 i wish i could attach reference images to show u what exactly these things are. Let me know if u need help

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

      @@saimhassan Thank you very much! Its just that I have an interview tomorrow for a Web Developer role and I use HTML, CSS, JavaScript and so on without MVC. It is quite complex for me! :(

  • @SachinDevatarTechie
    @SachinDevatarTechie 5 ปีที่แล้ว

    Awesome Video, MVC architecture is a piece of cake now.

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

    Have a question about diagram at 06:11. Why view is not connected with users and browser? It should be at the place of Browser

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

    Thanks for a very simple and accurate explanation .

  • @circulardep
    @circulardep 6 ปีที่แล้ว

    This was helpful. I recently learnt in a lecture about MVC that in true MVC, the Controller doesn't actually interact with the View, it only interacts with the Model, and that many MVC frameworks don't follow the "true MVC way". Is that something worth considering? I guess that as long as this way is what we find in popular frameworks, let's just stick to that. This makes much more sense to me personally.

  • @istiyakahamedmilon6512
    @istiyakahamedmilon6512 6 ปีที่แล้ว

    Nice explanation and example of MVC. Again thanks a lot Brad

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

    best explanation ever in history .. thanks sir

  • @philipg.5316
    @philipg.5316 6 ปีที่แล้ว

    You always make quality tutorial videos with nice examples. Kudos to your great content!

  • @davidbohadana8274
    @davidbohadana8274 6 ปีที่แล้ว

    Very simple yet meaningful exmplanation

  • @ryans6423
    @ryans6423 5 ปีที่แล้ว +60

    "What's goin on guys, if you've been following my channel for a while then you probably know that I like to explain things the way every other coding video on youtube should explain them but choose not to."

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

      So true. Brad is a humble man who doesnt have a need to show off the fact that he is a programmer.

  • @marktwain3083
    @marktwain3083 7 ปีที่แล้ว

    I watch your videos even though I already understand in depth, what MVC is.

  • @rohanshenoy8353
    @rohanshenoy8353 6 ปีที่แล้ว

    Real good explanation. Brad doing awesome job explaining.

  • @HassanInter
    @HassanInter 7 ปีที่แล้ว +98

    Model is where to save data
    View is displaying data
    Controller is where to message the data before you display

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

      Nice. Your thought makes MVC a lot easier to compartmentalize. Quick edit: I think you meant "massage" (knead, manipulate) instead of "message" (write a note).

    • @rahultech77
      @rahultech77 6 ปีที่แล้ว +43

      Model is fetching and processing the data
      View is displaying stuff to user
      Controller communicates between the model and view.

  • @crystalsky7615
    @crystalsky7615 7 ปีที่แล้ว +7

    please guys never dislike Brad's video.....
    Thanx once again Brad for sharing some useful concepts..

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

    Everytime I open a tutorial on anything web, I doze off because they can be boring. I mean really boring!
    Yours however, ITS AWESOME!
    THANKS

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

    Best explanation and easy to understand

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

    Did web app module that included 2 projects at university and the penny finally dropped watching this video. I wish I found this sooner!

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

    Thanks man, that was really helpful, especially with the diagram and pseudocode to demonstrate the basic concept!

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

    Thanks for this video and the example code. Very clear and understandable.

  • @zbera97
    @zbera97 6 ปีที่แล้ว

    You are the best. Thanks for your videos that demystify hard concepts.

  • @playcorner2474
    @playcorner2474 5 ปีที่แล้ว

    Good explanation dude. Controller gets the data from model and pass it to view

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

    Best MVC video!!! Thank you so much!!!

  • @jameswebdevelo9328
    @jameswebdevelo9328 7 ปีที่แล้ว

    Couldn't be simpler explained I guess. Both thumbs up!

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

    That's earned a bookmark!! Thank you for this.

  • @shivachandrasekhar2676
    @shivachandrasekhar2676 5 ปีที่แล้ว

    The best MVC tutorial

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

    Finally understand MVC , thanks gentleman ~

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

    Great video. Short & to the point