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