Trivento Summercamp : Reactive with AngularJS & TypeSafe

AngularJS

at the

Dutch Police

bron:Flickr

sourc: Flickr: climbing the story bridge

Research

Dashr

Pre Importer

Nuclear

Security

Summit

bron: Buitenlandse Zaken, Flickr

Research

Source:Microsoft Research TechFest 2007

Dart Flight School

Event

Behind the scenes

dashboard

BlueView to test Sonar

photo

DASHR

www.dashr.nl

Pre Importer Search ToolImporter

AngularJS

Protractor

Apache Camel

Documentation

source:Flickr

Report

MPVMVP

src dest

database

camel

Backend Dashboard

REST

GO

Two way data-binding

<div>

<label>Name:</label>

<input type="text" ng-model="yourName"

placeholder="Enter a name here">

<hr>

<h1>Hello, {{yourName}}!</h1>

</div>

Templates

<div ng-controller="AlbumCtrl">

<ul>

<li ng-repeat="image in images">

<img ng-src="{{image.thumbnail}}"

alt="{{image.description}}">

</li>

</ul>

</div>

Dependency Injection

function myController(scope, notifyService) {

scope.callNotify = function (msg) {

notifyService(msg);

};

}

Fast

Easy to learn

Solution integrator

Components

Routes

DSL

Our experiences

“AngularJS is zo mooi!!”

“Automated testing of

front- end

was never so easy”

“AngularJS testing using Protractor rocks”

Lessons learned

Just do it

Start small

Pawel

@henkjurriens

http://about.me/henkjurriens

nl.linkedin.com/in/henkjurriens

Thanks!!