Introduction to AngularJS

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?

24. None