MVC
Separates an application into three interconnected components: Model (data), View (UI), and Controller (business logic). The dominant pattern for web frameworks.
MVC: Model, View, Controller
Separating data, presentation, and input handling so each can change independently.
MVC in Production: Web Frameworks
Rails, Django, and the request lifecycle — plus where business logic lives.
Advanced MVC: Unidirectional Flow and State Management
From observer chaos to Redux and the modern frontend architecture.
MVC: Review & Mastery Quiz
Scenario questions on roles, lifecycle, and modern state.
Free Books & Guides
Refactoring.Guru — MVC
The definitive modern guide to the MVC pattern. Clear explanations, UML diagrams, real-world analogies, and code examples in multiple languages.
SourceMaking — MVC
A comprehensive companion guide covering the MVC pattern with detailed rules of thumb, criticisms, and robust code snippets.
GoF Design Patterns — MVC
The original Gang of Four book describing the pattern. Available in the "Design Patterns: Elements of Reusable Object-Oriented Software" on Wikipedia.
Official Documentation
Video Courses
freeCodeCamp — Design Patterns Course
A comprehensive multi-hour video course covering all major design patterns with implementations in JavaScript and TypeScript.
Design Patterns in Modern JavaScript Playlist
YouTube playlist covering creational, structural, and behavioral patterns with clear code walkthroughs.
Web Dev Simplified — MVC
Clear, concise video tutorials covering design patterns with practical examples.
Practice & Examples
Awesome Low-Level Design (GitHub)
A curated collection of free LLD resources, pattern implementations, and interview problems across multiple languages.
Design Patterns Implementation (GitHub)
The most popular open-source collection of design pattern implementations with detailed explanations.
Refactoring.Guru Examples in MVC
Code examples of the MVC pattern in TypeScript, Python, Java, and more.