Cordova/PhoneGap

Cordova/PhoneGap

• Bringing native features to the JS world
• Cross platform (recently: +Chrome App)

AngularJS

HTML enhanced for App

Trends

Some features of AngularJS in action

Data Binding

							<input type="text" ng-model="name">
<div>
	Hello {{name}}
</div>
						

Controller

							function Controller1( $scope ){
	$scope.name = "1";
}

function Controller2( $scope ){
	$scope.name = "2";
}
						

							<div ng-controller="Controller1">
	<h2>{{name}}</h2> // "1"
</div>

<div ng-controller="Controller2">
	<h2>{{name}}</h2> // "2"
</div>
						

Form Validation

							<form name="myForm">
	<input type="text" name="name" required="required">
	<span ng-show="myForm.name.$error.required">Name is required</span>
</form>
						

Other features

• Directives
• Filters
• Dependency Injection
• Localization

Topcoat

Goal

• Mobile First
• Performance matters
• 0% JS