article

comparing frameworks for application development

[WHAT]

1. ] what is a javascript(js) 'framework' ?
2. ] a framework is a collection of js code(foundation), designed to help you develop js applications,
3. ] most frameworks are centered on creating a M-V-* application development 'pattern' for code organization, testing maintability 
4. ] these summary notes of (several) 'framework comparison' articles, the articles are comparing the different js frameworks available today, what the PROS, CONS of each along with the  
5. ] what each of the frameworks are and some comparison articles/tests comparing the pros/cons of one approach vs another for some of the more popular js frameworks in use today including 

[WHY]

1. ] modularity
2. ] code organization
3. ] code testability

[WHY NOT]

1. ] footprint
2. ] learning curve
3. ]

[WHERE]

1. ] medium to large scale javascript application development,
2. ] single page architecture(SPA) apps, 

[WHEN]

1. ] all of these frameworks are currently availabe, most are open source, most are hosted on github, 

[EXAMPLES - current]

1. ] angularjs - full featured spa framework, open source, by google
2. ] backbone - 
3. ] canjs - 
4. ] emberjs - 
5. ] knockout - not an application development framework, but a library, that offers 2 way data binding to applications
6. ] spine - 
7. ] javascriptMVC - a combination of several open source projects including canJS(mvc framework), jq++(dom helpers and special events for jq), stealJS(code manager), funcUnit(testing)  
8. ] knockback - combining knockout data-binding functionality into the backbone framework
9. ] yui -
10. ] sencha -
11. ] nodejs -

[EXAMPLES - future]

1. ] ionic  -
2. ] aurelia -
3. ] flux react -
4. ] meteor -
5. ] polymer - Web Components usher in a new era of web development based on encapsulated and interoperable custom elements that extend HTML itself. Built atop these new standards, Polymer makes it easier and faster to create anything from a button to a complete application across desktop, mobile, and beyond.

[HOW-TO]

1. ] choosing an MVC framework
2. ]

[REFERENCE]

1. ] ARTICLE http://coding.smashingmagazine.com/2012/07/27/journey-through-the-javascript-mvc-jungle/ - an epic comparison of a lot of js frameworks available today, 
2. ] SITE todo-MVC - the same simple 'to do' list application, built with many of the different js frameworks, 
3. ] ARTICLE http://blog.stevensanderson.com/2012/08/01/rich-javascript-applications-the-seven-frameworks-throne-of-js-2012/ - good comparison of a some 
4. ] ARTICLE http://www.softfinity.com/blog/the-battle-of-modern-javascript-frameworks-conclusion-which-one-to-choose/ - a look at a handful of some of the main players in the frameworks game by the folks over at linkedIn
5. ] LIST Places - frameworks - links to the websites of each of the frameworks projects covered here (and more), coming-soon: deep links to ] documentation ] tutorials, ] etc 
6. ] CHECK OUT - Essential JavaScript: the top five MVC frameworks | Feature | .net magazine 
7. +] LINK P yehuda katz - have video a tale of 2 mvcs, describes a generic architecture pattern and then how several frameworks fit in 
8. ] yeoman - workflow, a generator ecosystem. A generator is basically a plugin that can be run with the `yo` command to scaffold complete projects or useful parts pioneereed by google gurus (addy osami, paul irish, ira grigorak, e bidelman, + .... )

Details

ID: 1706

NAME: comparing-frameworks-app-development

DESCRIPTION: whats NEW ...] smashing magazine compares ... ] Steve Sanderson compares 7 different js frameworks,] toDo-MVC

AUTHOR: article.author/s

EDITOR: article.editor/s

PUBLISHER: article.publisher/s

STATUS: Write

PRIORITY: 0

OWNER ID: 75

photos

actions

Email Email-Owner SMS and