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
98
JS the language every programmer should know
jackhq
4
640
Programming Basics with JavaScript
jackhq
0
180
NodeJS-Talk @convergese 2012
jackhq
3
300
Pair Programming and TDD
jackhq
5
270

Other Decks in Programming

See All in Programming
快速入門可觀測性
blueswen
0
350
コンテナをたくさん詰め込んだシステムとランタイムの変化
makihiro
1
130
From Translations to Multi Dimension Entities
alexanderschranz
2
130
php-conference-japan-2024
tasuku43
0
270
ドメインイベント増えすぎ問題
h0r15h0
2
300
42 best practices for Symfony, a decade later
tucksaun
1
180
わたしの星のままで一番星になる ~ 出産を機にSIerからEC事業会社に転職した話 ~
kimura_m_29
0
180
Recoilを剥がしている話
kirik
5
6.7k
命名をリントする
chiroruxx
1
410
103 Early Hints
sugi_0000
1
230
たのしいparse.y
ydah
3
120
ゆるやかにgolangci-lintのルールを強くする / Kyoto.go #56
utgwkk
2
380

Featured

See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Speed Design
sergeychernyshev
25
670
Git: the NoSQL Database
bkeepers
PRO
427
64k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
KATA
mclloyd
29
14k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
7k

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