Introduction to AngularJS

Transcript

1. 1.

   Webnesday

2. 2.

   Pascal @nicam Peter @petermanser

3. 3.

   Feedback / Kontakt contact@webnesday.ch @webnesdaysg

4. 4.

   Varia • Danke Namics fürs Hosting • Nächstes Mal 5.

   November “Lightning Talks”
 (3 x 10-15min)
5. 5.

   git clone https://github.com/nicam/angular-demo.git

6. 6.

   $WHOAMI

7. 7.

   I am Pascal Helfenstein I love Javascript I work @liip

   I study @zhaw I tweet @nicam
8. 8.

   Why AngularJS?

9. 9.

   $('button').click(function(e) {
 $('#something').updateSomething();
 } NO MORE!

10. 10.

    {{Data Binding}}

11. 11.

    Input
 <input type=„text" ng-model=„name"/> ! ! Output
 {{ name }}

    ! git checkout solution1
12. 12.

    <directives> git checkout solution2

13. 13.

    |filters |filters |filters |filters git checkout solution3

14. 14.

    $scope

15. 15.

    Output Scope

16. 16.

    .controllers git checkout solution4

17. 17.

    test it() git checkout solution5

18. 18.

    Angular vs *.js

19. 19.

    Size

20. 20.

    Community

21. 21.

    Interest

22. 22.

    How to get started angularjs.org

23. 23.

    Questions?

24. 24.

    None