1. LEARNING & DEVELOPMENT

2. ■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 ?

3. Current State of Browser And Web Application Development
User :)
Developer :(
Complexity Kills

7. 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

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

10. 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

11. 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 …………….)

13. Two Way Data Binding
❖View is updated automatically when model is changed.
❖Model is updated automatically when a value in view has
changed.

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

15. 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

18. ng-repeat

19. FILTERS

20. VIEW CONTROLLERS AND SCOPE

21. ng-controller

22. Lets Hit the Code
More Concepts To come in Demo App