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

AngularJS

Tom Wilson
November 11, 2012
Programming
5
620

 AngularJS

BarCamp 2012

Tom Wilson

November 11, 2012
Tweet

More Decks by Tom Wilson

See All by Tom Wilson
Application Development
jackhq
1
94
JS the language every programmer should know
jackhq
4
640
Programming Basics with JavaScript
jackhq
0
170
NodeJS-Talk @convergese 2012
jackhq
3
300
Pair Programming and TDD
jackhq
5
260

Other Decks in Programming

See All in Programming
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
320
ログラスを支える設計標準について / loglass-design-standards
urmot
10
2.1k
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
180
Swiftの型推論を学ぼう | Let's Learn About Type Inference in Swift
omochi
3
3.3k
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
150
StreamlitとTerraformでデータカタログを作った話
gussan0223
0
270
フロントエンドパフォーマンス 入門
shouta2
7
1.6k
What We Can Learn From OSS
inouehi
0
310
エンターテイメント業界で利用されるAWS
demuyan
0
180
スクラムチームと認知負荷 - ニフティのスクラムトーク Vol2. / NIFTY Tech Talk #18
niftycorp
PRO
1
110
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding with Ruby
chobishiba
1
160
オブジェクト指向は必要なのか / Is object-oriented needed?
kishida
31
21k

Featured

See All Featured
Producing Creativity
orderedlist
PRO
336
39k
jQuery: Nuts, Bolts and Bling
dougneiner
58
7.1k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
243
20k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
103
6.6k
Web development in the modern age
philhawksworth
201
10k
[RailsConf 2023] Rails as a piece of cake
palkan
21
3.9k
What the flash - Photography Introduction
edds
64
11k
How to Ace a Technical Interview
jacobian
272
22k
How GitHub (no longer) Works
holman
302
140k
For a Future-Friendly Web
brad_frost
171
8.9k
Adopting Sorbet at Scale
ufuk
67
8.6k

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