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
2011BU052
 
Opgave k2 torsdag aften
Opgave k2  torsdag aftenOpgave k2  torsdag aften
Opgave k2 torsdag aftenguygeffen
 
World Aids day_results_en
World Aids day_results_enWorld Aids day_results_en
World Aids day_results_enJuan Simbaqueba
 
Poke One Mile Brief
Poke One Mile BriefPoke One Mile Brief
Poke One Mile BriefKez Haggarty
 
صور الملك1
صور الملك1صور الملك1
صور الملك1naila600
 
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 Landscapesawarren17
 
14.03.07 exegesis lent 1
14.03.07 exegesis   lent 114.03.07 exegesis   lent 1
14.03.07 exegesis lent 1morrisenglish
 
Enfermedades no infecciosas copia
Enfermedades  no  infecciosas   copiaEnfermedades  no  infecciosas   copia
Enfermedades no infecciosas copiapapanatounianos
 
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 2011securityvibes
 
Me and my artworks
Me and my artworksMe and my artworks
Me and my artworkstrictric
 
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 removedJustin 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

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 timeEinar Ingebrigtsen
 
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.0Mayank Srivastava
 
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 Naresh Chintalcheru
 
Mvc presentation
Mvc presentationMvc presentation
Mvc presentationMaslowB
 
React - поглянемо по іншому на V в MVC
React - поглянемо по іншому на V в MVCReact - поглянемо по іншому на V в MVC
React - поглянемо по іншому на V в MVCStfalcon Meetups
 
Word Camp Kansai 2014 - MVC Framework
Word Camp Kansai 2014 - MVC FrameworkWord Camp Kansai 2014 - MVC Framework
Word Camp Kansai 2014 - MVC Frameworkcodebyjeff
 
Active Web Development
Active Web DevelopmentActive Web Development
Active Web DevelopmentDivya Manian
 
JavaScript in Universal Windows Platform apps
JavaScript in Universal Windows Platform appsJavaScript in Universal Windows Platform apps
JavaScript in Universal Windows Platform appsTimmy Kokke
 
jQquerysummit - Large-scale JavaScript Application Architecture
jQquerysummit - Large-scale JavaScript Application Architecture jQquerysummit - Large-scale JavaScript Application Architecture
jQquerysummit - Large-scale JavaScript Application Architecture Jiby John
 
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 ?Vivek Parihar
 
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 systemSynerzip
 
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 ChoiceDmitry Sheiko
 
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 2015AboutYouGmbH
 

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

New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESmohitsingh558521
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 

Recently uploaded (20)

New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 

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/