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

Introduction to AngularJS

Avatar for Pascal Helfenstein Pascal Helfenstein
September 03, 2014
Programming
1
150

Introduction to AngularJS

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

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

Avatar for Pascal Helfenstein

Pascal Helfenstein

September 03, 2014
Tweet

More Decks by Pascal Helfenstein

See All by Pascal Helfenstein
Chatbots
Avatar for Pascal Helfenstein nicam
1
87
Service Worker
Avatar for Pascal Helfenstein nicam
0
66
IoT + Voice = Awesome
Avatar for Pascal Helfenstein nicam
0
78
Web Speech API
Avatar for Pascal Helfenstein nicam
0
67

Other Decks in Programming

See All in Programming
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
Avatar for Oliver Drotbohm olivergierke
3
990
コードとあなたと私の距離 / The Distance Between Code, You, and I
Avatar for YAMAOKA Hiroyuki hiro_y
0
200
CSC305 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
320
One Enishi After Another
Avatar for Koji SHIMADA snoozer05
PRO
0
170
Software Architecture
Avatar for Henning Schwentner hschwentner
6
2.4k
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
Avatar for mazrean mazrean
0
130
iOSでSVG画像を扱う
Avatar for Kishikawa Katsumi kishikawakatsumi
0
170
Migration to Signals, Resource API, and NgRx Signal Store
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
組込みだけじゃない！TinyGo で始める無料クラウド開発入門
Avatar for Kotaro Otaka otakakot
2
380
AkarengaLT vol.38
Avatar for hashimoto-kei hashimoto_kei
1
130
CSC305 Lecture 11
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
310
Blazing Fast UI Development with Compose Hot Reload (Bangladesh KUG, October 2025)
Avatar for Márton Braun zsmb
2
390

Featured

See All Featured
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
700
Done Done
Avatar for chrislema chrislema
185
16k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
11k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
130k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k

Transcript

  1. Webnesday

  2. Pascal @nicam Peter @petermanser

  3. Feedback / Kontakt [email protected] @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