AngularJS - What is it & Why is it awesome ? (with demos)
39 likes•37,287 views
The document introduces Angular, clarifying what it is and what it is not, while highlighting its key features such as MVC design, two-way data binding, and support for single-page applications (SPAs). It emphasizes the benefits of using Angular for creating maintainable web applications and its strong testing capabilities. Additionally, it provides resources for further learning about AngularJS.
![“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.”](https://image.slidesharecdn.com/whyisangularjsawesome-131213170158-phpapp02/85/AngularJS-What-is-it-Why-is-it-awesome-with-demos-7-320.jpg)
![Hello [name]!
Angular
jQuery](https://image.slidesharecdn.com/whyisangularjsawesome-131213170158-phpapp02/85/AngularJS-What-is-it-Why-is-it-awesome-with-demos-10-320.jpg)
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