Why
is Awesome!
Gary Arora
Who's that guy?
Gary Arora
Sr. Consultant at Magenic
Microsoft Technology Stack
Technology Enthusiast (geek) Meteor, Node,...
What Angular is NOT
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 P...
What Angular is
“Superheroic JavaScript MVW Framework”
- angularjs.org

“Angular is what the web browser
would have been, had it been
desi...
Demo!
Hello World!
< > el Wr d / >
p H l o o l <p

Hello !
Enter name
Hello [name]!

Angular

jQuery
What makes Angular
Awesome ?
Why is Angular awesome?
MVC design pattern
SPA support
Testing
JavaScript
Google
Core AngularJS
Features
AngularJS's MVC =...
Why is Angular awesome?
MVC design pattern
SPA support
Testing
JavaScript
Google
Core AngularJS
Features

index.html about...
Why is Angular awesome?
MVC design pattern 1. Unit Testing - Isolate small "units" of code
2. E2E Testing - Full area of a...
Why is Angular awesome?
MVC design pattern

Clientside rendering

SPA support

Perceived Performance

Testing

POJO
Atwood...
Why is Angular awesome?
MVC design pattern

Google Product = Steller level & quality of

SPA support

support

Testing

Go...
AngularJS Features: 2 Way Databinding
AngularJS Features: 2 Way Databinding
AngularJS Features: Filters & Dynamic
Templating
AngularJS Features: Filters & Dynamic
Templating
AngularJS Features: Filters & Dynamic
Templating
AngularJS Features: Directives
AngularJS Features: Directives
AngularJS Features: Directives
Summing up
What: It's a framework that binds your HTML (views) to JavaScript
objects (models)
Why: To create properly arch...
How do I learn more?
AngularJS Official Site
AngularJS Subreddit
AngularJS YouTube
Channel
Egghead.io
Built with AngularJS
AngularJS - What is it & Why is it awesome ? (with demos)
AngularJS - What is it & Why is it awesome ? (with demos)
Upcoming SlideShare
Loading in …5
×

AngularJS - What is it & Why is it awesome ? (with demos)

36,534 views

Published on

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.

Published in: Technology, Education

AngularJS - What is it & Why is it awesome ? (with demos)

  1. 1. Why is Awesome! Gary Arora
  2. 2. 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
  3. 3. What Angular is NOT
  4. 4. 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
  5. 5. What Angular is
  6. 6. “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.”
  7. 7. Demo!
  8. 8. Hello World! < > el Wr d / > p H l o o l <p Hello ! Enter name
  9. 9. Hello [name]! Angular jQuery
  10. 10. What makes Angular Awesome ?
  11. 11. 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)
  12. 12. Why is Angular awesome? MVC design pattern SPA support Testing JavaScript Google Core AngularJS Features index.html about_us.html our_products.html
  13. 13. 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
  14. 14. 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
  15. 15. 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
  16. 16. AngularJS Features: 2 Way Databinding
  17. 17. AngularJS Features: 2 Way Databinding
  18. 18. AngularJS Features: Filters & Dynamic Templating
  19. 19. AngularJS Features: Filters & Dynamic Templating
  20. 20. AngularJS Features: Filters & Dynamic Templating
  21. 21. AngularJS Features: Directives
  22. 22. AngularJS Features: Directives
  23. 23. AngularJS Features: Directives
  24. 24. 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!
  25. 25. How do I learn more? AngularJS Official Site AngularJS Subreddit AngularJS YouTube Channel Egghead.io Built with AngularJS

×