AngularJS is a javascript framework built and maintained by Google engineers Group, it uses HTML as a "template engine", all this in order to provide a complete solution for the client-side of your application. Also has full compatibility with the most used javascript libraries such as jQuery. It's a new concept for developing web apps client-site.

1. A framework to
EasierMake your life

2. When am I?
Active participation in
Communities and
open source projects;
Collaborate with angular
modules;
Musician in free time;

3. Once upon a
time...
Begins: 2009, march
First product: Double Click
Youtube for PS3 was created using AngularJS

4. Single Page Application – SPA
Less Server-side;
More Client-side;
Frameworks Javascript;
More power for Client-side!

5. Why to use?
“Angular is what HTML would have been
had if designed from applications.”
http://docs.angularjs.org/guide/overview

6. Model View...Whatever?!?!
MVC
MVVM
MV*

7. Concepts
Declarative programming x Imperative programming:
HTML as template for Javascript

8. Concepts
Data binding and dependency injection abstraction;

9. Concepts
Template engine: html = xml

10. $scope: when the magic happens
Angularjs application flow

11. Yes, Two-Way Data Binding!
Three-way?
Calm, will see soon =)

12. Why to use?
Productive improvements and software maintenance;
Write (much) less, do more!
Directives = future!
(modularity, isolate/complexity abstracted)
Flexibility: easy integration with external libraries

13. +
=Why not?
Want to know more?
http://developer.chrome.com/trunk/apps/angular_framework.
html

14. Why to use?
Grunt, Yeoman,...
Generator-angular:
https://github.com/yeoman/generator-angular

15. Why to use?
Karma – Test Runner For Javascript

16. Why to use?

17. Angularjs and Security= $http
* Vulnerable JSON
[‘angularjs’, ‘framework’, ‘awesome’]
* Secure JSON
)]}’,
[‘angularjs’, ‘framework’, ‘awesome’]
Want to know more? http://docs.angularjs.org/api/ng.$http

18. Mean? B-Mean? Three-way data bind?
B
M
E
A
N
ongoDB
xpress
ngularJS
odejs
reeze A
Firebase
ngularJS

19. Comparatives
X
NO
Webapps creation is much more than
DOM manupulation

20. Comparatives
X
jQuery(123 lines):
https://github.com/vedovelli/crud-
jquery/blob/master/js/custom.js
AngularJS(56 lines ):
https://github.com/vedovelli/crud-
angular/blob/master/js/custom.js

21. Comparatives
X
Backbone/Emberjs:
http://jsfiddle.net/jashkenas/CGSd5/
AngularJS:
http://jsfiddle.net/mhevery/vYknU/23/

22. Comparatives
X
http://dybskiy.com/js-mvc-angular-vs-ember/
http://beust.com/weblog/2012/12/29/migrating-from-
ember-js-to-angularjs/

23. More comparatives?
http://todomvc.com/

24. Angularjs, Backbonejs, Canjsou Emberjs?
Comparative between 4 frameworks javascript most
Concepteds actually (not so impartial...)
http://sporto.github.io/blog/2013/04/12/comparison-angular-backbone-can
-ember/?utm_source=javascriptweekly&utm_medium=email

25. Two-way bindings
Comparative of two-way bindings useds in
Angular, Ember e Knockout
http://projects.mariusgundersen.net/JSconf2013/

26. Then you ask yourself:
With all these features in AngularJS, it must be very
#NOT
http://raphaelsaunier.com/talks/jsromandie-angular-
ember/#/13/2
“ ”

27. Success Cases
http://www.localytics.com/blog/2013/angularjs-at-localytics/

28. Bombermine Game
http://bombermine.com/#/

30. Want to know more?
Angularjs: http://angularjs.org
Blog Angularjs: http://blog.angularjs.org/
Built with Angular: http://builtwith.angularjs.org/
Bombermine: http://bombermine.com/#/
Egghead.io: http://egghead.io/
Advanced Design Patterns and Best Practices:
http://trochette.github.io/Angular-Design-Patterns-Best-
Practices/
AND R.T.F.M!

31. @WILLMENDESNETO
HTTPS://WWW.FACEBOOK.COM/WILSONMENDESNETO
HTTP://ABOUT.ME/WILLMENDESNETO