What does MVC mean?

MVC stands for Model, View, Controller. But what does that mean?

When you build web applications, if you don't organize your code, it gets messy, really quickly.

MVC is a guideline on how to organize your code into three groups. And many Web Development Frameworks
use the MVC pattern.

The code that deals with data and the database are called the Models. The code that deals with pages the users see are called the Views. And the code that handles requests are called Controllers.

The Controllers use the Models and Views to render the pages of a web application.

An example of a Framework that uses MVC is Rails.

The code that deals with data goes in app/models, the code that generates HTML goes in app/views, and the code that handles requests goes in app/controllers.

Fun fact, the MVC pattern was created all the way back in the 1970s at Xerox PARC!

MVC is also a pattern used in Front-end Frameworks like AngularJS. And some Front-end Frameworks only implement the "View" portion, like React and Vue.js. Vue.js is called Vue.js because it's just used to implement the "View" aka "Vue" portion of MVC.