Back home

The angular way

Meet JS Summit - Gdańsk, 19 October 2013

Who am I?

You?

The buzz

Reality

Common pitfall

Lynx

Ie6

Angular strong points

Note:

Angular domain

Angular domain - NOT

Angular MV*

Concepts separation

Directives

<ANY ng-show="{expression}">
<input ng-model="variable">

<ng-view> <any ng-view>

<ANY ng-class="{expression}">

<ANY ng-switch="expression">
  <ANY ng-switch-when="matchValue1">...</ANY>
  <ANY ng-switch-when="matchValue2">...</ANY>
  ...
  <ANY ng-switch-default>...</ANY>
</ANY>

Modules - idea

Modules - splitting code

Testability

<div ng-repeat="project in projects | filter:search | orderBy:'name'"> </div>

<form ng-submit="addTodo()">
  <input ng-model="todoText" />
</form>
function HelloCtrl($scope, $window, $log) {
  $scope.message = 'Display me in view';
  $window.alert('Use window via $window service - that improves testability');
  $log.log('We can even test console log calls - thats to $log wrapper');
}

Keeping code testable

Karma

Test frameworks

Yeoman

Grunt

Yo generators

Materials

AngularJs community

Summary

Questions?

Contact

Credits