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

AngularJS

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

 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
110
JS the language every programmer should know
Avatar for Tom Wilson jackhq
4
650
Programming Basics with JavaScript
Avatar for Tom Wilson jackhq
0
190
NodeJS-Talk @convergese 2012
Avatar for Tom Wilson jackhq
3
310
Pair Programming and TDD
Avatar for Tom Wilson jackhq
5
270

Other Decks in Programming

See All in Programming
#QiitaBash MCPのセキュリティ
Avatar for Tommy(sigma) ryosukedtomita
1
1.5k
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
Avatar for Marco Roth marcoroth
2
730
商品比較サービス「マイベスト」における パーソナライズレコメンドの第一歩
Avatar for Ucchiii ucchiii43
0
180
20250708_JAWS_opscdk
Avatar for Takuya Yonezawa takuyay0ne
2
130
Goで作る、開発・CI環境
Avatar for Shinpei Mine sin392
0
260
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
Avatar for Manfred Steyer manfredsteyer
PRO
0
400
Deep Dive into ~/.claude/projects
Avatar for Yuya Hirayama hiragram
14
14k
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ～継続的な取り組みを添えて～
Avatar for Takuya TAKAHASHI takutakahashi
4
1.3k
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
Avatar for MIKIO KUBO mickey_kubo
1
240
PipeCDのプラグイン化で目指すところ
Avatar for Warashi warashi
1
310
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
Avatar for Yuuki Takahashi yktakaha4
2
1k
MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP
Avatar for Tomohisa Takaoka tomohisa
0
170

Featured

See All Featured
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.7k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Faster Mobile Websites
Avatar for Dean Hume deanohume
308
31k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
750
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
2.9k

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