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

Introduction to AngularJS

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
91
Service Worker
Avatar for Pascal Helfenstein nicam
0
69
IoT + Voice = Awesome
Avatar for Pascal Helfenstein nicam
0
84
Web Speech API
Avatar for Pascal Helfenstein nicam
0
71

Other Decks in Programming

See All in Programming
Codex の「自走力」を高める
Avatar for yorifuji yorifuji
0
1.1k
どんと来い、データベース信頼性エンジニアリング / Introduction to DBRE
Avatar for nnaka2992 nnaka2992
1
260
RAGでハマりがちな"Excelの罠"を、データの構造化で突破する
Avatar for harumi harumiweb
9
2.7k
Swift ConcurrencyでよりSwiftyに
Avatar for 野瀬田　裕樹 yuukiw00w
0
250
AI時代でも変わらない技術コミュニティの力～10年続く“ゆるい”つながりが生み出す価値
Avatar for Takehata Naoto n_takehata
2
700
文字コードの話
Avatar for Masaki Hara qnighy
44
17k
Go 1.26でのsliceのメモリアロケーション最適化 / Go 1.26 リリースパーティ #go126party
Avatar for mazrean mazrean
1
370
Claude Codeセッション現状確認 2026福岡 / fukuoka-aicoding-00-beacon
Avatar for monochromegane monochromegane
4
410
Takumiから考えるSecurity_Maturity_Model.pdf
Avatar for gessy0129 gessy0129
1
140
Agentic AI: Evolution oder Revolution
Avatar for Lars Roewekamp mobilelarson
PRO
0
140
API Platformを活用したPHPによる本格的なWeb API開発 / api-platform-book-intro
Avatar for Takashi Kanemoto ttskch
1
130
AI時代のソフトウェア開発でも「人が仕様を書く」から始めよう-医療IT現場での実践とこれから
Avatar for kouki.miura koukimiura
0
140

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
2.8k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
250
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.5k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.8k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
69
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
67

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