A small introduction to Angular.js presented on one of the company's training days.

1. AngularJS

2. UÁT?
● Open Source Javascript Framework
● Aims for making “simple” apps and SPAs
development easier
● Does it by extending HTML itself

3. Bai rro?
● Miško Hevery @ Google, 2009
● Used @ Google to write an app in 3 weeks
(1 dev) while it took 6 months (3 devs)
● Open sourced on Github (with 362 open PRs
just yesterday)

4. UÁI?
● A self-claimed opinionated JS framework
(while Backbone.js presents itself as library)
● Maintained by Google and community
● Don’t believe everyone, Angular and
your code doesn’t HAVE to be ugly

5. The Zen of Angular
● Decouple DOM manipulation from app logic,
as well as client and server sides code
● The framework should guide the developer
● Make common tasks trivial, difficult tasks
possible

6. Uhhh Trendyyyy
LinkedIn
skills

7. Uhhh Trendyyyy
Google
trends

8. Uhhh Trendyyyy
Job
trends
Indeed.com

9. Uhhh Trendyyyy
Stack
Overflow

10. How does it work?
● Since HTML is great for static pages,
Angular makes it amazing for dynamics too
● Add directives (built-in or custom) to HTML
● Declarative programming for your interface

11. How does it work?
● Modularize your business code with Model-
View-Glue architecture
● Take advantage of routers, partials and all
the nice stuff
● Imperative programming for your app’s code

12. ● Native two-BELOVED-way data binding <3
● In one side the View observes and shows
model’s state, in another it also notifies the
Controller of any user interaction and the
controller manages the model to do the
server-side part (also built-in form
validation!)
How does it work?

13. Worth mentioning: pros...
● Easy to learn and get started
● Testing support and incentive
● Agnostic, modularized and small JS code
● Google and community support
● Great philosophy
● Guides, but doesn’t lock!
● D.R.Y.

14. …and cons
● Takes longer to fully learn since it provides
many “native” modules for a complete
dynamic web app
● Angular abstraction comes at a cost of
flexibility, it was built with the CRUD
application in mind, keep this in mind

15. Silver bullet?
Well designed for sure, in a time of modern
Javascripts frameworks it surely is a great
competitor and, for the kind of problems it
wants to solve/help/guide, probably the best
choice for a quick development with quality code.

16. Thank you!
miguelgraz.com