AngularJS - What is it & Why is it awesome ? (with demos)
•
39 likes•37,275 views
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.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to AngularJS - What is it & Why is it awesome ? (with demos)
Similar to AngularJS - What is it & Why is it awesome ? (with demos) (20)
Recently uploaded
Recently uploaded (20)
AngularJS - What is it & Why is it awesome ? (with demos)
- 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
- 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
- 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
- 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