AngularJS - What is it & Why is it awesome! A quick introduction to AngularJS, its features and some demos. This deck was part of Gary Arora's presentation for the Boston Code Mastery event in December 2013.

2. Why
is Awesome!
Gary Arora

3. Who's that guy?
Gary Arora
Sr. Consultant at Magenic
Microsoft Technology Stack
Technology Enthusiast (geek) Meteor, Node, Angular etc.
Globetrotter
Amateur pilot
AroraGary.com

4. What Angular is NOT

5. AngularJS...
is not a JavaScript library (e.g jQuery)
is not a Platform (e.g .Net, Java) or a Language (e.g C#)
is not a Plugin or a browser extension
doesn’t abstract away HTML, CSS, or JavaScript
doesn’t require jQuery or inheritance from proprietary types
doesn’t use one-way data binding
doesn’t require boilerplate code
is not that complicated

6. What Angular is

7. “Superheroic JavaScript MVW Framework”
- angularjs.org
“Angular is what the web browser
would have been, had it been
designed for applications”
Angular is a client-side
MVC framework but...
Miško Hevery. The Creator.
“there is complete lack of an angular
API. There is nothing to inherit,
nothing to call, and no complex life
cycle for your controllers to follow [...]
It really is just a better browser.”

8. Demo!

9. Hello World!
< > el Wr d / >
p H l o o l <p
Hello !
Enter name

10. Hello [name]!
Angular
jQuery

11. What makes Angular
Awesome ?

12. Why is Angular awesome?
MVC design pattern
SPA support
Testing
JavaScript
Google
Core AngularJS
Features
AngularJS's MVC = MVVM (Model-ViewViewModel).
Model = Data (JavaScript Object)
ViewModel = Specific data to specific view
($scope)

13. Why is Angular awesome?
MVC design pattern
SPA support
Testing
JavaScript
Google
Core AngularJS
Features
index.html about_us.html our_products.html

14. Why is Angular awesome?
MVC design pattern 1. Unit Testing - Isolate small "units" of code
2. E2E Testing - Full area of application against a
SPA support
special HTTP server
Testing
3. 1,600 AngularJS tests in about 3 seconds
JavaScript
Google
Core AngularJS
Features

15. Why is Angular awesome?
MVC design pattern
Clientside rendering
SPA support
Perceived Performance
Testing
POJO
Atwood’s Law
JavaScript
Google
Core AngularJS
Features
“Any application that can be written in JavaScript
will eventually be written in JavaScript”
~Jeff Atwood,
co-founder: Stack Overflow, Stack Exchange

16. Why is Angular awesome?
MVC design pattern
Google Product = Steller level & quality of
SPA support
support
Testing
Google Backing = Increased credibility &
JavaScript
Google
interest
Core AngularJS
Features

17. AngularJS Features: 2 Way Databinding

18. AngularJS Features: 2 Way Databinding

19. AngularJS Features: Filters & Dynamic
Templating

20. AngularJS Features: Filters & Dynamic
Templating

21. AngularJS Features: Filters & Dynamic
Templating

22. AngularJS Features: Directives

23. AngularJS Features: Directives

24. AngularJS Features: Directives

25. Summing up
What: It's a framework that binds your HTML (views) to JavaScript
objects (models)
Why: To create properly architected & maintanable web applications
MVC done right - Reduces server load
Geared towards SPA & CRUD web applications (Think database
frontends)
Robust set of tools
Amazing testability
Write less code
Is awesome!

26. How do I learn more?
AngularJS Official Site
AngularJS Subreddit
AngularJS YouTube
Channel
Egghead.io
Built with AngularJS