AngularJS

LEARNING & DEVELOPMENT

■Open-source JavaScript framework.■Developed in 2009 by Miško Hevery and Adam Abrons.■Maintained by Google.■Browser Based (Client Side JavaScript) MVC

WHAT IS ANGULARJS ?

Current State of Browser And Web Application Development

User :)Developer :( Complexity Kills

HTML is great for static pages, but when it come to web applications its doesnt mold well (Dynamic Contents, Animations).This gap is filled by various JavaScript Libraries, As a result the more functionalities you add , you are bringing more JS.Nothing Bad in this Concept , but imagine if html elements declaratively apply for logic and functions, then

WHY ANGULARJS ?

❖Our html code would be self documenting itself❖High Amount of Reduction in JavaScript Code❖Easy for Maintaining and Extending

Wow Less JavaScript Less Headache, But Wait Aren’t We talking about a JavaScript Framework ??

Before Going in And Digging Much More into AngularJS, just take a note of its competitors or fellow MVC Javascript FrameWorks.

Have Listed Just 4 Popular Ones , there are few more

Additional Benefits of Using AngularJS

❖Less Boilerplate code❖Separation of concerns❖Uses JQLite (a subset of jQuery) for DOM manipulation, if

we include jQuery before AngularJS , it will be used instead of JQLite

❖Testing is a First Class Citizen❖Validation and Dependency Injection❖Two Way Data Binding ( And Many More …………….)

Two Way Data Binding

❖View is updated automatically when model is changed.❖Model is updated automatically when a value in view has

changed.

Too Much Of Concepts till now.… Lets Break the Ice With Some Coding

DIRECTIVE AND DATA BINDING

DIRECTIVE

❖Teaching HTML New Tricks .❖Adding New Custom HTML Elements, Attributes, Classes And

Comments Which will perform Special Functions❖We have default directives and custom directives

ng-repeat

FILTERS

VIEW CONTROLLERS AND SCOPE

ng-controller

Lets Hit the Code

More Concepts To come in Demo App