Scribd
Upload
67 views

1 JavaScript Frameworks

The document introduces front-end JavaScript frameworks and discusses why they are used, the difference between libraries and frameworks, and some popular frameworks. It notes that frameworks help manage DOM manipulation and data updates, define application architectures like MVC, and implement behaviors through reusable and modular code. The key difference between libraries and frameworks is that libraries are called by code while frameworks call the code and are in charge of the application flow. Popular front-end JavaScript frameworks include Angular, Ember, React, and Vue.

Uploaded by

alipo banny
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
67 views

1 JavaScript Frameworks

The document introduces front-end JavaScript frameworks and discusses why they are used, the difference between libraries and frameworks, and some popular frameworks. It notes that frameworks help manage DOM manipulation and data updates, define application architectures like MVC, and implement behaviors through reusable and modular code. The key difference between libraries and frameworks is that libraries are called by code while frameworks call the code and are in charge of the application flow. Popular front-end JavaScript frameworks include Angular, Ember, React, and Vue.

Uploaded by

alipo banny
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

Front-End

JavaScript Frameworks:
An Introduction
Jogesh K. Muppala
Why JavaScript Frameworks?
• Complexity of managing DOM manipulation and
data updates manually
• Well defined application architectures:
– Model View Controller / Model View View Model /
Model View Whatever
– Binding of model and view: controllers, view models

2
Software Library
• Collection of implementations of behavior with a
well-defined interface by which the behavior is
invoked
• Reuse of behavior
• Modularity
• E.g., jQuery
https://en.wikipedia.org/wiki/Library_(computing)

3
Software Framework
• Abstraction in which software provides generic
functionality that can be selectively changed by
additional user-written code
• Universal, reusable environment that provides
particular functionality as part of a larger
software platform
• E.g., Angular, Ember, Backbone
https://en.wikipedia.org/wiki/Software_framework

4
Library vs Framework
• The following borrowed from Angular documentation
makes the distinction clear:
– a library - a collection of functions which are useful when
writing web apps. Your code is in charge and it calls into the
library when it sees fit. E.g., jQuery.
– frameworks - a particular implementation of a web application,
where your code fills in the details. The framework is in charge
and it calls into your code when it needs something app specific.
E.g., durandal, ember, etc.

https://docs.angularjs.org/guide/introduction

5
Framework
• Hollywood Principle
– Don’t call us, we’ll call you!
• Inversion of Control
• Imperative vs Declarative Programming

6
JavaScript Frameworks
• Single Page Application
– Rich Internet Applications
• Model-View-Controller (MVC)
– Data binding, routing
• Scalable, Reusable, Maintanable JS code
• Test driven development

7
JavaScript Frameworks

• Angular • Meteor
• Ember • Polymer
• Backbone • Knockout
• React • Vue
• Aurelia • Mercury

8
JavaScript Frameworks
Popularity
Ease of Use

Learning Curve Opinionated

You might also like