Introduction to AngularJS

My Talk from the first http://webnesday.ch

Files on Github: https://github.com/nicam/angular-demo

Transcript

1. Webnesday
2. Pascal @nicam Peter @petermanser
3. Feedback / Kontakt contact@webnesday.ch @webnesdaysg
4. Varia • Danke Namics fürs Hosting • Nächstes Mal 5. November “Lightning Talks”
 (3 x 10-15min)
5. git clone https://github.com/nicam/angular-demo.git
6. $WHOAMI
7. I am Pascal Helfenstein I love Javascript I work @liip I study @zhaw I tweet @nicam
8. Why AngularJS?
9. $('button').click(function(e) {
 $('#something').updateSomething();
 } NO MORE!
10. {{Data Binding}}
11. Input
 <input type=„text" ng-model=„name"/> ! ! Output
 {{ name }} ! git checkout solution1
12. <directives> git checkout solution2
13. |filters |filters |filters |filters git checkout solution3
14. $scope
15. Output Scope
16. .controllers git checkout solution4
17. test it() git checkout solution5
18. Angular vs *.js
19. Size
20. Community
21. Interest
22. How to get started angularjs.org
23. Questions?