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
93
Service Worker
Avatar for Pascal Helfenstein nicam
0
71
IoT + Voice = Awesome
Avatar for Pascal Helfenstein nicam
0
85
Web Speech API
Avatar for Pascal Helfenstein nicam
0
71

Other Decks in Programming

See All in Programming
ローカルで稼働する AI エージェントを超えて / beyond-local-ai-agents
Avatar for geeawa gawa
1
180
今こそ押さえておきたい アマゾンウェブサービス（AWS）の データベースの基礎 おもクラ #6版
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
210
飯MCP
Avatar for Yusuke Wada yusukebe
0
400
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記：那些困在 Alpha 加護病房太久的 Metrics
Avatar for ChengHao Yang tico88612
0
240
AI時代のシステム設計：ドメインモデルで変更しやすさを守る設計戦略
Avatar for 増田 亨 masuda220
PRO
6
1.1k
Codexに役割を持たせる 他のAIエージェントと組み合わせる実務Tips
Avatar for o8n o8n
4
1.4k
Smarter Angular mit Transformers.js & Prompt API
Avatar for Christian Liebel christianliebel
PRO
1
100
夢の無限スパゲッティ製造機 -実装篇- #phpstudy
Avatar for hideki kinjyo o0h
PRO
0
170
S3ストレージクラスの「見える」「ある」「使える」は全部違う ─ 体験から見た、仕様の深淵を覗く
Avatar for ya_ma23 ya_ma23
0
1.2k
生成 AI 時代のスナップショットテストってやつを見せてあげますよ（α版）
Avatar for ojun ojun9
0
310
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
Avatar for Tasuku Watanabe tasukuwatanabe
3
430
GoのDB アクセスにおける 「型安全」と「柔軟性」の両立 - Bob という選択肢
Avatar for tak tak848
0
280

Featured

See All Featured
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
480
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
91
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.5k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
360
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
990
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
130
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.4k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
140
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.5k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k

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