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
200
NodeJS-Talk @convergese 2012
Avatar for Tom Wilson jackhq
3
310
Pair Programming and TDD
Avatar for Tom Wilson jackhq
5
280

Other Decks in Programming

See All in Programming
問題の見方を変える「システム思考」超入門
Avatar for panda_program panda_program
0
190
Kotlin + Power-Assert 言語組み込みならではの Assertion Library 採用と運用ベストプラクティス by Kazuki Matsuda/Gen-AX
Avatar for Kazuki MATSUDA / 松田一樹 kazukima
0
110
AIを駆使して新しい技術を効率的に理解する方法
Avatar for nogu nogu66
0
590
KoogではじめるAIエージェント開発
Avatar for hiro hiroaki404
1
430
AIエージェントでのJava開発がはかどるMCPをAIを使って開発してみた / java mcp for jjug
Avatar for Naoki Kishida kishida
3
340
Core MIDI を勉強して作曲用の電子ピアノ作ってみた！
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
100
AI POSにおけるLLM Observability基盤の導入 ― サイバーエージェントDXインターン成果報告
Avatar for ♛Heitor Hirose hekuchan
0
480
Phronetic Team with AI - Agile Japan 2025 closing
Avatar for Kenji Hiranabe hiranabe
2
430
Temporal Knowledge Graphで作る！ 時間変化するナレッジを扱うAI Agentの世界
Avatar for po3rin po3rin
5
1.3k
歴史から学ぶ「Why PHP？」 PHPを書く理由を改めて理解する / Learning from History: “Why PHP?” Rediscovering the Reasons for Writing PHP
Avatar for shiro seike seike460
PRO
0
140
仕様がそのままテストになる！Javaで始める振る舞い駆動開発
Avatar for uutan1108 ohmori_yusuke
4
2.3k
Nitro v3
Avatar for kazupon kazupon
2
270

Featured

See All Featured
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.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