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

AngularJS

Avatar for Tom Wilson Tom Wilson
November 11, 2012
Programming
5
640

 AngularJS

BarCamp 2012

Avatar for Tom Wilson

Tom Wilson

November 11, 2012
Tweet

More Decks by Tom Wilson

See All by Tom Wilson
Application Development
Avatar for Tom Wilson jackhq
1
120
JS the language every programmer should know
Avatar for Tom Wilson jackhq
4
650
Programming Basics with JavaScript
Avatar for Tom Wilson jackhq
0
200
NodeJS-Talk @convergese 2012
Avatar for Tom Wilson jackhq
3
310
Pair Programming and TDD
Avatar for Tom Wilson jackhq
5
280

Other Decks in Programming

See All in Programming
レイトレZ世代に捧ぐ、今からレイトレを始めるための小径
Avatar for ichi-raven ichi_raven
0
460
関数の挙動書き換える
Avatar for takato fukui takatofukui
4
750
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
4.9k
Level up your Gemini CLI - D&D Style!
Avatar for Riccardo Carlesso palladius
1
110
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
260
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
350
Building AI Agents with TypeScript #TSKaigiHokuriku
Avatar for izumin5210 izumin5210
5
990
手軽に積ん読を増やすには？/読みたい本と付き合うには？
Avatar for hideki kinjyo o0h
PRO
1
110
Nitro v3
Avatar for kazupon kazupon
2
320
Vueで学ぶデータ構造入門 リンクリストとキューでリアクティビティを捉える / Vue Data Structures: Linked Lists and Queues for Reactivity
Avatar for konkarin konkarin
1
340
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
Avatar for Matsumoto Moeka moeka__c
5
2.2k
CloudNative Days Winter 2025: 一週間で作る低レイヤコンテナランタイム
Avatar for ternbusty ternbusty
7
1.7k

Featured

See All Featured
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
340
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
980
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.2k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
Done Done
Avatar for chrislema chrislema
186
16k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
8
1.1k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.1k

Transcript

  1. AngularJS Tom Wilson

  2. HTML Enhanced JavaScript Framework

  3. http://plnkr.co Hello World DEMO

  4. AngularJS Structure • Controllers • Directives • Services

  5. Lets Build and App

  6. None

  7. Setup • Install nodejs - http://nodejs.org • npm install ng

    -g • ng init barcampchs • built markup • push to github - https://github. com/twilson63/barcampchs • tag red-texas-48

  8. AngularJS App Structure

  9. Routing

  10. github tag teal-surrey-51

  11. Add Sessions

  12. /app/services/session.js

  13. None

  14. inject Session and Location into newSession.js and add session, then

    redirect to root path
  15. None
  16. None
  17. None
  18. None

  19. github tag khaki-kennedy-18

  20. Vote

  21. /app/services/session.js

  22. None
  23. None

  24. Edit Session

  25. None
  26. None

  27. git tag red-reindahl-14

  28. Cloud MongoLab