Model-View-Controller (MVC) with JavaScript

Alex Netkachov
JavaScript supports wide range of the programming styles and techniques, but such flexibility comes with danger – it is very easy for the JavaScript project to become a messy heap if the practices or design patterns are applied in a wrong way or inconsistently. The goal for this article is to demonstrate how to apply the Model-View- Controller pattern while developing a simple JavaScript component. The component is a kind of the HTML ListBox (“select” HTML tag) control with an editable list of items: the user should be able to select and remove items and add new items into the list. The component will consist of three classes that corresponds to the parts of the Model-View-Controller design pattern.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s