Your Cloud.Your Business.
Let’s Build an AngularJS App! Jeremy Likness Principal Architect @JeremyLikness
Thanks to our Sponsors
www.ivision.com
• Business Process Management/ALM
• Custom Application Development
• Collaboration• Business Intelligence
TODAY’S AGENDA
1. What and Why? What is Angular? Why use it?
2. How? How do you build an AngularJS app?
3. Q&A Guaranteed answers.
Source Code: https://github.com/JeremyLikness/AngularHealthApp/
Specifications: http://jeremylikness.github.io/AngularHealthApp/test.html Running App: http://jeremylikness.github.io/AngularHealthApp/
WHAT AND WHY?
WHAT AND WHY?
I’m biased because …
25developers
80,000+L.O.Ts.C
200+components
3years
4xImprovement
Global Parallel Team
WHY?
• Began effort (6 mos.) with JavaScript and KnockoutJS• Changed to use AngularJS and TypeScript • 4x faster development, attributed in a large part to Angular
4xImprovement
WHAT?
Angular is …
Angular
Expressions
Glue
ContainerTemplates
Tools
Testable
DEMO: How
Step 1
git checkout 17e9892
SHELL
Step 2
git checkout b8864f4
MODULE
Step 3
git checkout f5af48e
SPECIFICATION
Step 4
git checkout 33d9473
DEFINITION
Step 5
git checkout e9db905
IMPLEMENTATION
Step 6
git checkout c71895b
OBJECTS
Step 7
git checkout 40c946e
PROPERTIES
Step 8
git checkout 602ae23
GREEN
Step 9
git checkout 4636a91
DEPENDENCIES
Step 10
git checkout 72429dd
FACTORIES
Step 11
git checkout c065ad3
CONTROLLERS
Step 12
git checkout 6a801b2
FILTERS
Step 13
git checkout 11e13f7
PATTERNS
Step 14
git checkout cc6d716
DIRECTIVES
Step 15
git checkout 061ba51
RANGES
Step 16
git checkout 55e2c30
SLIDER
Step 17
git checkout dec799e
RESPONSIVE
Step 18
git checkout e466dc6
VALIDATIONS
Step 19
git checkout 8dbba93
FORMS
Step 20
git checkout bc4b736
PROFILE
Step 21
git checkout 6da74a4
TILE
Step 22
git checkout 1ae397c
CLASS
Step 23
git checkout master
SHIP IT!
Questions?
Jeremy Likness, Principal Architect @JeremyLikness
Source Code: https://github.com/JeremyLikness/AngularHealthApp/
Specifications: http://jeremylikness.github.io/AngularHealthApp/test.html Running App: http://jeremylikness.github.io/AngularHealthApp/
This Deck: http://www.slideshare.net/jeremylikness