Your SlideShare is downloading. ×
0
LEARNING & DEVELOPMENT
■Open-source JavaScript framework.
■Developed in 2009 by Miško Hevery and Adam Abrons.
■Maintained by Google.
■Browser Bas...
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).
...
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
FrameWo...
Additional Benefits of Using AngularJS
❖Less Boilerplate code
❖Separation of concerns
❖Uses JQLite (a subset of jQuery) fo...
Two Way Data Binding
❖View is updated automatically when model is changed.
❖Model is updated automatically when a value in...
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...
ng-repeat
FILTERS
VIEW CONTROLLERS AND SCOPE
ng-controller
Lets Hit the Code
More Concepts To come in Demo App
AngularJS
AngularJS
AngularJS
AngularJS
AngularJS
AngularJS
AngularJS
AngularJS
AngularJS
Upcoming SlideShare
Loading in...5
×

AngularJS

243

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
243
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "AngularJS "

  1. 1. LEARNING & DEVELOPMENT
  2. 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. 3. Current State of Browser And Web Application Development User :) Developer :( Complexity Kills
  4. 4. 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
  5. 5. Wow Less JavaScript Less Headache, But Wait Aren’t We talking about a JavaScript Framework ??
  6. 6. 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
  7. 7. 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 …………….)
  8. 8. Two Way Data Binding ❖View is updated automatically when model is changed. ❖Model is updated automatically when a value in view has changed.
  9. 9. Too Much Of Concepts till now.… Lets Break the Ice With Some Coding
  10. 10. 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
  11. 11. ng-repeat
  12. 12. FILTERS
  13. 13. VIEW CONTROLLERS AND SCOPE
  14. 14. ng-controller
  15. 15. Lets Hit the Code More Concepts To come in Demo App
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×