AngularJS

Chapter - 3
 Features of AngularJS
● AngularJS is an efficient framework that can create Rich Internet Applications
(RIA).
● AngularJS provides developers an options to write client side applications using
JavaScript in a clean Model View Controller (MVC) way.
● Applications written in Angular JS are cross-browser compliant. AngularJS
automatically handles JavaScript code suitable for each browser.
● AngularJS is open source. It is licensed under the Apache license version 2.0.
● AngularJS is a framework to build large scale, high-performance,
easy-to-maintain web applications.
Features of AngularJS
(1) Data-binding : It is the automatic synchronization of data between model and view components.

(2) Scope : These are objects that refer to the model. They act as a glue between controller and view.

(3) Controller : These are JavaScript functions bound to a particular scope.

(4) Services : AngularJS comes with several built-in services such as $http to make a XMLHttpRequests. These
are singleton objects which are instantiated only once in app.

(5) Filters : These select a subset of items from an array and returns a new array.

(6) Directives : Directives are markers on DOM elements such as elements, attributes, css, and more. These
can be used to create custom HTML tags that serve as new, custom widgets. Angular JS has built-in directives
such as ng-Bind, ngModel, etc.
Features of AngularJS
(7) Templates : These are the rendered view with information from the controller and model. These can be a
single file (such as index.html) or multiple views in one page using partials.

(8) Routing : It is concept of switching views.

(9) Model View Whatever : MVW is a design pattern for dividing an application into different parts called
Model, View, and Controller, each with distinct responsibilities. Angular JS does not implement MVC in the
traditional sense, but rather something closer to MVVM (Model-ViewView-Model). The Angular JS team
refers it humorously as Model View Whatever.

(10) Deep Linking : Deep linking allows to encode the state of application in the URL so that it can be
bookmarked. The application can then be restored from the URL to the same state.

(11) Dependency Injection : AngularJS has a built-in dependency injection subsystem that helps the
developer to create, understand, and test the applications easily.
Advantages of AngularJS

(1) It provides the capability to create Single Page Application in a very clean and maintainable
way.

(2) It provides data binding capability to HTML. Thus, it gives user a rich and responsive
experience.

(3) AngularJS code is unit testable.

(4) AngularJS uses dependency injection and make use of separation of concerns.

(5) AngularJS provides reusable components.

(6) With AngularJS, the developers can achieve more functionality with short code.
Advantages of AngularJS

(7) In AngularJS, views are pure html pages, and controllers written in JavaScript do the
business processing.

(8) AngularJS applications can run on all major browsers and smart phones, including
Android and iOS based phones/tablets.
Disadvantages of AngularJS

(1) Not Secure : Being JavaScript only framework, application written in Angular JS are not safe.
Server side authentication and authorization is must to keep an application secure.

(2) Not degradable : If the user of your application disables JavaScript, then nothing would be
visible, except the basic page.
 NEED OF ANGULARJS IN REAL WEBSITES
(1) Major community : It opens a large scale of options both to developers and clients. Developers
may easily find various info and solutions. Clients have wider choices of development teams.

(2) Readable code : While code is more understandable to readers it is a way easier to maintain.
Moreover, clients don’t bind to developers in this case and have minimum problems if change
programmers that maintain it.

(3) Google as creation: Someone may say it isn’t a direct benefit of AngularJS. However, it is heavily
supported.

(4) Customizable : Developers don’t require to use all libraries and even may change them. As a
result, the size of the framework may be heavily reduced.

(5) Flexible : Filters allow distilling data before it gets into view. So, it helps to deal with pagination,
formatting and reversing a text.
 NEED OF ANGULARJS IN REAL WEBSITES
(6) Fast for small : While any large and complex web app takes much time to develop,
AngularJS allows developing small apps really fast. In addition, it also may be used to develop
large projects.

(7) Charge dependency : Dependency injection will help you manage back-end. In the end,
web app becomes faster and more stable.

(8) Pre-made solutions: AngularJS contains a bunch of different solutions ready to use in the
app. UI-router, routing modules and much more.

(9) Easy testing : AngularJS allows to write and test module code separately from the rest of an
app. As a result, only necessary parts of apps and chosen services will be tested.
AngularJS Modules
● A module in AngularJS is a container of the different parts of an
application such as controller, service, filters, directives, factories etc.
● It supports separation of concern using modules.
● Modules are used to separate logic such as services, controllers,
application etc. from the code and maintain the code clean.
● We define modules in separate js files.
● A module is used as a Main() method.