Now that we are done implementing a sample app in the old way, we will implement the same application, using the MVC architecture.
One of the benefits of using the MVC architecture is the re-use of code; you will have to learn how to create an app using MVC only once, because all the other projects will follow the same steps.
First, let's see how the project's directory structure looks, when we finish implementing it:
Every project you create, using the MVC architecture, will have this same structure. So, this is how MVC projects are organized:
index.html:
This is the HTML page of your application.app.js:
This is the JS file that will wrap the application code.extjs sdk:
We need the Ext JS SDK folder because we are implementing a project with Ext JS.data
folder: As we are not doing any integration with the server-side language/framework, we are loading JSON files from this folder. However, this is not a...