SlideShare a Scribd company logo
1 of 10
JavaScript MV(C) Frameworks Overview
                 +
Around 40 frameworks available
“Yet Another Framework Syndrome”
Not necessary MVC, usually MV*

●
    MV(P – presenter)
●
    MV (VM – view model, knockout)
●
    No single right way



    http://addyosmani.com/blog/understanding-mvc-and-mvp-for-javascript-and-backbone-developers/
How they are different
How to choose
●
    What is the framework really capable of?
●
    Has the framework been proved in production?
●
    Is the framework mature?
●
    Is the framework flexible or opinionated?
●
    Have you really played with the framework?
●
    Does the framework have a comprehensive set of documentation?
●
    What is the total size of the framework, factoring in minification,
    gzipping and any modular building that it supports?
●
    Have you reviewed the community around the framework?
Main/Popular MV* frameworks
Links
●
    http://coding.smashingmagazine.com/2012/07/27/journey-through-the-javascript-mvc-jungle

●
    http://www.netmagazine.com/features/essential-javascript-top-five-mvc-frameworks

●
    http://addyosmani.com/blog/understanding-mvc-and-mvp-for-javascript-and-backbone-developers/

●
    https://speakerdeck.com/addyosmani/digesting-javascript-mvc

●
    http://blog.stevensanderson.com/2012/08/01/rich-javascript-applications-the-seven-frameworks-throne-of-js-2012/

●
    http://addyosmani.github.com/todomvc/
Demo




 VS
JavaScript frameworks overview + AngularJS
JavaScript frameworks overview + AngularJS

More Related Content

Viewers also liked

2011
20112011
2011
BU052
 
World Aids day_results_en
World Aids day_results_enWorld Aids day_results_en
World Aids day_results_en
Juan Simbaqueba
 
Poke One Mile Brief
Poke One Mile BriefPoke One Mile Brief
Poke One Mile Brief
Kez Haggarty
 
صور الملك1
صور الملك1صور الملك1
صور الملك1
naila600
 
14.03.07 exegesis lent 1
14.03.07 exegesis   lent 114.03.07 exegesis   lent 1
14.03.07 exegesis lent 1
morrisenglish
 
Résultat des votes - CSO Interchange Paris 2011
Résultat des votes - CSO Interchange Paris 2011Résultat des votes - CSO Interchange Paris 2011
Résultat des votes - CSO Interchange Paris 2011
securityvibes
 
Ntu presentation 30 01-12 videos removed
Ntu presentation 30 01-12 videos removedNtu presentation 30 01-12 videos removed
Ntu presentation 30 01-12 videos removed
Justin Halim
 

Viewers also liked (20)

2011
20112011
2011
 
Opgave k2 torsdag aften
Opgave k2  torsdag aftenOpgave k2  torsdag aften
Opgave k2 torsdag aften
 
World Aids day_results_en
World Aids day_results_enWorld Aids day_results_en
World Aids day_results_en
 
Today's message collections 4th part
Today's message collections 4th partToday's message collections 4th part
Today's message collections 4th part
 
Unit 4 project 2
Unit 4 project 2Unit 4 project 2
Unit 4 project 2
 
Pastsimple5
Pastsimple5Pastsimple5
Pastsimple5
 
Pastsimple4
Pastsimple4Pastsimple4
Pastsimple4
 
Poke One Mile Brief
Poke One Mile BriefPoke One Mile Brief
Poke One Mile Brief
 
Evaluation 4
Evaluation 4Evaluation 4
Evaluation 4
 
صور الملك1
صور الملك1صور الملك1
صور الملك1
 
Stereotypes
StereotypesStereotypes
Stereotypes
 
Media evaluation
Media evaluationMedia evaluation
Media evaluation
 
Nettleton High School Art 1 - O'Keeffe Landscapes
Nettleton High School Art 1 - O'Keeffe LandscapesNettleton High School Art 1 - O'Keeffe Landscapes
Nettleton High School Art 1 - O'Keeffe Landscapes
 
7º pag82 113
7º pag82 1137º pag82 113
7º pag82 113
 
14.03.07 exegesis lent 1
14.03.07 exegesis   lent 114.03.07 exegesis   lent 1
14.03.07 exegesis lent 1
 
Enfermedades no infecciosas copia
Enfermedades  no  infecciosas   copiaEnfermedades  no  infecciosas   copia
Enfermedades no infecciosas copia
 
Résultat des votes - CSO Interchange Paris 2011
Résultat des votes - CSO Interchange Paris 2011Résultat des votes - CSO Interchange Paris 2011
Résultat des votes - CSO Interchange Paris 2011
 
Delia Ferreira Rubio
Delia Ferreira RubioDelia Ferreira Rubio
Delia Ferreira Rubio
 
Me and my artworks
Me and my artworksMe and my artworks
Me and my artworks
 
Ntu presentation 30 01-12 videos removed
Ntu presentation 30 01-12 videos removedNtu presentation 30 01-12 videos removed
Ntu presentation 30 01-12 videos removed
 

Similar to JavaScript frameworks overview + AngularJS

Targeting Mobile Platform with MVC 4.0
Targeting Mobile Platform with MVC 4.0Targeting Mobile Platform with MVC 4.0
Targeting Mobile Platform with MVC 4.0
Mayank Srivastava
 
Mvc presentation
Mvc presentationMvc presentation
Mvc presentation
MaslowB
 

Similar to JavaScript frameworks overview + AngularJS (20)

Sugarcoating your frontend one ViewModel at a time
Sugarcoating your frontend one ViewModel at a timeSugarcoating your frontend one ViewModel at a time
Sugarcoating your frontend one ViewModel at a time
 
Targeting Mobile Platform with MVC 4.0
Targeting Mobile Platform with MVC 4.0Targeting Mobile Platform with MVC 4.0
Targeting Mobile Platform with MVC 4.0
 
Design & Development of Web Applications using SpringMVC
Design & Development of Web Applications using SpringMVC Design & Development of Web Applications using SpringMVC
Design & Development of Web Applications using SpringMVC
 
Mvc presentation
Mvc presentationMvc presentation
Mvc presentation
 
Introduction to ASP.NET MVC
Introduction to ASP.NET MVCIntroduction to ASP.NET MVC
Introduction to ASP.NET MVC
 
Training: MVVM Pattern
Training: MVVM PatternTraining: MVVM Pattern
Training: MVVM Pattern
 
React - поглянемо по іншому на V в MVC
React - поглянемо по іншому на V в MVCReact - поглянемо по іншому на V в MVC
React - поглянемо по іншому на V в MVC
 
Word Camp Kansai 2014 - MVC Framework
Word Camp Kansai 2014 - MVC FrameworkWord Camp Kansai 2014 - MVC Framework
Word Camp Kansai 2014 - MVC Framework
 
Mvc
MvcMvc
Mvc
 
Active Web Development
Active Web DevelopmentActive Web Development
Active Web Development
 
JavaScript in Universal Windows Platform apps
JavaScript in Universal Windows Platform appsJavaScript in Universal Windows Platform apps
JavaScript in Universal Windows Platform apps
 
JavaScript Architectures
JavaScript ArchitecturesJavaScript Architectures
JavaScript Architectures
 
jQquerysummit - Large-scale JavaScript Application Architecture
jQquerysummit - Large-scale JavaScript Application Architecture jQquerysummit - Large-scale JavaScript Application Architecture
jQquerysummit - Large-scale JavaScript Application Architecture
 
ASP.NET MVC overview
ASP.NET MVC overviewASP.NET MVC overview
ASP.NET MVC overview
 
How fast can you onboard a new team member with VAGRANT ?
How fast can you onboard a new team member with VAGRANT ?How fast can you onboard a new team member with VAGRANT ?
How fast can you onboard a new team member with VAGRANT ?
 
Single Page Applications – Know The Ecosystem system
Single Page Applications – Know The Ecosystem systemSingle Page Applications – Know The Ecosystem system
Single Page Applications – Know The Ecosystem system
 
MVC 1.0 / JSR 371
MVC 1.0 / JSR 371MVC 1.0 / JSR 371
MVC 1.0 / JSR 371
 
Adopting MVVM
Adopting MVVMAdopting MVVM
Adopting MVVM
 
JavaScript MV* Framework - Making the Right Choice
JavaScript MV* Framework - Making the Right ChoiceJavaScript MV* Framework - Making the Right Choice
JavaScript MV* Framework - Making the Right Choice
 
Rolando Santamaría Masó - Simplicity meets scalability - code.talks 2015
Rolando Santamaría Masó - Simplicity meets scalability - code.talks 2015Rolando Santamaría Masó - Simplicity meets scalability - code.talks 2015
Rolando Santamaría Masó - Simplicity meets scalability - code.talks 2015
 

Recently uploaded

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
JavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate GuideJavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate Guide
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
API Governance and Monetization - The evolution of API governance
API Governance and Monetization -  The evolution of API governanceAPI Governance and Monetization -  The evolution of API governance
API Governance and Monetization - The evolution of API governance
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Modernizing Legacy Systems Using Ballerina
Modernizing Legacy Systems Using BallerinaModernizing Legacy Systems Using Ballerina
Modernizing Legacy Systems Using Ballerina
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...
 
Choreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software EngineeringChoreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software Engineering
 
Quantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation ComputingQuantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation Computing
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 

JavaScript frameworks overview + AngularJS

  • 2. Around 40 frameworks available “Yet Another Framework Syndrome”
  • 3. Not necessary MVC, usually MV* ● MV(P – presenter) ● MV (VM – view model, knockout) ● No single right way http://addyosmani.com/blog/understanding-mvc-and-mvp-for-javascript-and-backbone-developers/
  • 4. How they are different
  • 5. How to choose ● What is the framework really capable of? ● Has the framework been proved in production? ● Is the framework mature? ● Is the framework flexible or opinionated? ● Have you really played with the framework? ● Does the framework have a comprehensive set of documentation? ● What is the total size of the framework, factoring in minification, gzipping and any modular building that it supports? ● Have you reviewed the community around the framework?
  • 7. Links ● http://coding.smashingmagazine.com/2012/07/27/journey-through-the-javascript-mvc-jungle ● http://www.netmagazine.com/features/essential-javascript-top-five-mvc-frameworks ● http://addyosmani.com/blog/understanding-mvc-and-mvp-for-javascript-and-backbone-developers/ ● https://speakerdeck.com/addyosmani/digesting-javascript-mvc ● http://blog.stevensanderson.com/2012/08/01/rich-javascript-applications-the-seven-frameworks-throne-of-js-2012/ ● http://addyosmani.github.com/todomvc/