Создание огроооомных приложений на AngularJS

angular.module('yourAppName', ['yourAppDep']);
angular.module('yourAppDep');

angular.module('yourAppDep').controller('MyCtrl', function () {
  // ...
});

Зависимости

Директивы

angular.module('yourAppDep').directive('btlaControlPanel', function () {
  // ...
});

Сервисы

angular.module('yourAppDep').service('MyCtrl', function () {
  // ...
});

Модели

Контроллеры

angular.module('yourAppDep').controller('MyCtrl', function () {
  // ...
});

Производительность

Оптимизация цикла переваривания (digest)

app.factory('socket', function ($rootScope) {
  var socket = io.connect();
  return {
    on: function (eventName, callback) {
      socket.on(eventName, function () {  // может происходить много раз в секунду
        var args = arguments;
        $rootScope.$apply(function () {
          callback.apply(socket, args);
        });
      });
    }
    // ...
  };
});

app.factory('socket', function ($rootScope) {

  // Underscore.js 1.4.3
  // http://underscorejs.org
  // (c) 2009-2012 Jeremy Ashkenas, DocumentCloud Inc.
  // Underscore may be freely distributed under the MIT license.

  // _.throttle
  // https://github.com/documentcloud/underscore/blob/master/underscore.js#L626
  // Returns a function, that, when invoked, will only be triggered at most once
  // during a given window of time.
  var throttle = function (func, wait) {
    var context, args, timeout, result;
    var previous = 0;
    var later = function() {
      previous = new Date();
      timeout = null;
      result = func.apply(context, args);
    };
    return function() {
      var now = new Date();
      var remaining = wait - (now - previous);
      context = this;
      args = arguments;
      if (remaining <= 0) {
        clearTimeout(timeout);
        timeout = null;
        previous = now;
        result = func.apply(context, args);
      } else if (!timeout) {
        timeout = setTimeout(later, remaining);
      }
      return result;
    };
  };

  var socket = io.connect();
  return {
    on: function (eventName, callback) {
      socket.on(eventName, throttle(function () {  // ограничиваем до одного раза в 500 мс
        var args = arguments;
        $rootScope.$apply(function () {
          callback.apply(socket, args);
        });
      }, 500));
    }
    // ...
  };
});

Фильтры

{{someModel.name | titlecase}}

angular.module('myApp').controller('MyCtrl', function ($scope, $http, $filter) {
  $http.get('/someModel')
    .success(function (data) {
      $scope.someModel = data;
      // применяем тот же самый фильтр «titlecase» внутри контроллера после загрузки данных
      $scope.someModel.name = $filter('titlecase')($scope.someModel.name);
    });
});

Тестирование

Инструментарий

Сервер

Процесс сборки

Заключение