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

AngularJS

Tom Wilson
November 11, 2012
Programming
5
630

 AngularJS

BarCamp 2012

Tom Wilson

November 11, 2012
Tweet

More Decks by Tom Wilson

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

Other Decks in Programming

See All in Programming
新宿駅構内を三人称視点で探索してみる
satoshi7190
2
130
お前もAI鬼にならないか？👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー！👺
taishiyade
7
4.2k
sappoRo.R #12 初心者セッション
kosugitti
0
280
Expoによるアプリ開発の現在地とReact Server Componentsが切り開く未来
yukukotani
2
220
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
1.1k
ABEMA iOS 大規模プロジェクトにおける段階的な技術刷新 / ABEMA iOS Technology Upgrade
akkyie
1
250
もう僕は OpenAPI を書きたくない
sgash708
6
1.9k
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
9
1.5k
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
290
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.6k
Jakarta EE meets AI
ivargrimstad
0
680
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
160

Featured

See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Designing Experiences People Love
moore
140
23k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Automating Front-end Workflow
addyosmani
1369
200k
A better future with KSS
kneath
238
17k
Practical Orchestrator
shlominoach
186
10k

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