Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction to AngularJS

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

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
Chatbots
52a875784c4e4ce4fc57ee28bd190dfe?s=48 nicam
1
74
Service Worker
52a875784c4e4ce4fc57ee28bd190dfe?s=48 nicam
0
55
IoT + Voice = Awesome
52a875784c4e4ce4fc57ee28bd190dfe?s=48 nicam
0
63
Web Speech API
52a875784c4e4ce4fc57ee28bd190dfe?s=48 nicam
0
46

Other Decks in Programming

See All in Programming
Efficient UI testing in Android
2b0404a5db1a74f01bf3bf94d142e28c?s=48 alexzhukovich
1
120
「混ぜるな危険」を推進する設計
8ec2b967e38f000eb63ae345cd7c58e6?s=48 minodriven
8
2.5k
Pluggable Storage in PostgreSQL
62f5ee39e37ba4f8a22acc714781c879?s=48 sira
1
190
Isar勉強会
693ed679c8dde3eccbc682ff44f357e1?s=48 hoddy3190
0
390
話題の AlloyDB は本当に凄いデータベースなのでプレビューを使い倒した #devio2022
Ae763d151aeee101b40ae10cc13ebe63?s=48 maroon1st
0
13k
ふんわり理解するcontext
438799c739f93d00abc30fa2da33c543?s=48 rukiadia
1
180
クラウド KMS の活用 / TOKYO BLOCKCHAIN TECH MEETUP 2022
00766b8e1f9c2665cf7fd29f9cf558df?s=48 odanado
PRO
0
180
kintoneでランダム取得を作ってみた（imoniCamp 2022-07-27)
F9904a15202c8ead8e638fc6fa659e33?s=48 shokun1108
0
140
SAM × Dockerでサーバーレス開発が超捗った話
Cd029ecf0f2e807120fcf05161ce84b8?s=48 yu_yukk_y
1
200
料理の注文メニューの3D化への挑戦
Fbe7836c8ca96e3099dd5bbd83d1a391?s=48 hideg
0
280
Automating Gradle benchmarks at N26
D4b7a3e2ed10f86e0b52498713ba2601?s=48 ubiratansoares
PRO
1
140
테라폼으로 ECR 관리하기 (How to Manage ECR with Terraform)
330c5e37fb238d6b319ae6e18770f44b?s=48 posquit0
0
520

Featured

See All Featured
Raft: Consensus for Rubyists
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
127
5.5k
Scaling GitHub
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k
It's Worth the Effort
Ba530e786553390f3fb271848485681c?s=48 3n
172
26k
Creatively Recalculating Your Daily Design Routine
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
207
10k
How STYLIGHT went responsive
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
85
4k
Three Pipe Problems
11c84dff30266b907714802088852677?s=48 jasonvnalue
89
8.7k
Infographics Made Easy
282d599b414022eba5096510f675b6e2?s=48 chrislema
233
17k
Building Adaptive Systems
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
1.1k
Producing Creativity
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
334
37k
Facilitating Awesome Meetings
245cee81a9c424266e5e401d844ea881?s=48 lara
29
4.1k
Debugging Ruby Performance
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
65
10k
Ruby is Unlike a Banana
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
91
9.3k

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