Introduction to AngularJS

52a875784c4e4ce4fc57ee28bd190dfe?s=47 Pascal Helfenstein
September 03, 2014
Programming
1
87

Introduction to AngularJS

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

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

52a875784c4e4ce4fc57ee28bd190dfe?s=128

Pascal Helfenstein

September 03, 2014
Tweet

More Decks by Pascal Helfenstein

See All by Pascal Helfenstein
52a875784c4e4ce4fc57ee28bd190dfe?s=48 nicam
1
70
52a875784c4e4ce4fc57ee28bd190dfe?s=48 nicam
0
49
52a875784c4e4ce4fc57ee28bd190dfe?s=48 nicam
0
52
52a875784c4e4ce4fc57ee28bd190dfe?s=48 nicam
0
35

Other Decks in Programming

See All in Programming
C3a47a823a1e7adcb5be27cc3df5c482?s=48 akiyoko
0
100
Db8efd836c9a09b71e3d8e1c60d6ea84?s=48 colinfay
0
270
79fc33e55cacc42beef647541de24d58?s=48 yasuakiomokawa
0
270
D3be793aaf76ed1915295001712ce0f1?s=48 jrfk
0
1.4k
40f4d1f2e77078955bd01e9fb4a503ba?s=48 m_seki
0
120
9ed92fc8760bf8b6ea2a034022052b42?s=48 takaram
3
140
3e2285cb3972dc9a48000153aa3a0805?s=48 katsuyan
0
560
64e95d2d8051ee58501f21987f46b9e7?s=48 chck
0
200
977c74bb044a9d4fa90b305824eda390?s=48 olivergierke
2
600
Dee9a95c0e5483692c54cc5e60e8b09e?s=48 yusuke57
0
100
7c79a6c043825af5c538fb996430607c?s=48 peacemaker07
2
200
Fd3442482c4a9b2d2353448a6e379823?s=48 matsu_chara
2
290

Featured

See All Featured
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
436
28k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
100
5.7k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
70
7k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
69
1.3k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
142
19k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
8.6k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
775
240k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
119
15k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
66
250k
24fc194843a71f10949be18d5a692682?s=48 gr2m
82
11k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
26
870
Ecdea9b9714877b86cee08458f085481?s=48 trallard
9
370

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