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
Lambdaの監視、できてますか？Datadogを用いてLambdaを見守ろう
nealle
0
170
Jakarta EE meets AI
ivargrimstad
0
510
.NET Frameworkでも汎用ホストが使いたい！
tomokusaba
0
200
kintone開発を効率化するためにチームで試した施策とその結果を大放出！
oguemon
0
180
もう少しテストを書きたいんじゃ〜 #phpstudy
o0h
PRO
19
4.2k
楽しく向き合う例外対応
okutsu
0
710
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.6k
CloudNativePGを布教したい
nnaka2992
0
120
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
1.1k
Visual StudioのGitHub Copilotでいろいろやってみる
tomokusaba
1
210
Swift Testingのモチベを上げたい
stoticdev
2
150
Rubyで始める関数型ドメインモデリング
shogo_tksk
0
140

Featured

See All Featured
Code Review Best Practice
trishagee
67
18k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Why Our Code Smells
bkeepers
PRO
336
57k
For a Future-Friendly Web
brad_frost
176
9.6k
Building Your Own Lightsaber
phodgson
104
6.2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
A Tale of Four Properties
chriscoyier
158
23k
Music & Morning Musume
bryan
46
6.4k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
Unsuck your backbone
ammeep
669
57k

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