🥇 6 coisas que você pode fazer com Angular JS

1) Aplicativos móveis – você pode criar aplicativos da Web móveis com AngularJS e Phonegap; há um projeto que liga o incrível framework móvel LungoJS ao AngularJS. É chamado Lungo-Angular-Bridge ou apenas LAB.

2) CRUD Web Apps – provavelmente o uso mais comum do Angular JS. Confira o Angular-App . Inclui bons exemplos para a criação de um aplicativo CRUD simples com Diretivas, Recursos e Serviços.

3) Extensões do Chrome – A maneira mais fácil de criar uma extensão do Chrome (empacotada ou não) é através do Yeoman , seu Chrome Extension Generator e então apenas fazer bower i --save angular(notação curta para instalar e salvar angularjs). Lembre-se de usar a ng-cspdiretiva no topo de ng-appe colocar meus recursos do Chrome na lista de permissões com o compileProvider.

<!-- In the html -->
<!doctype html>
<html ng-app="Geomit" ng-csp>
<head>

// In your module, sometimes you need to whitelist the Chrome Extension when accesing other Extension's resources through $http
mymodule.config(['$compileProvider', function($compileProvider) {
  $compileProvider.urlSanitizationWhitelist(/^s*(https?|file|chrome-extension):/);
}])

4) Animações CSS3 – Se você usar o unstable-branch ( ) AKA versão 1.1.5, você pode executar animações legais com a diretiva ng-animate. Aqui está um controle deslizante simples que fiz no Codepen para mostrar essa função. O exemplo original foi tirado daqui . Além disso, você pode usar para alterar as propriedades CSS dos elementos HTML e reagir às alterações do seu controlador. Você pode até usar transformações CSS3 (ainda com prefixos de fornecedor)! Então, você pode fazer coisas como esta, onde está vinculado a uma função de controlador:bower i --save angular-unstableng-styleng-style

// From http://codepen.io/jjperezaguinaga/pen/pzoHE
<div ng-app="scrollSample" ng-controller="WrapperController" class="wrapper" ng-style="{'webkitTransform': transform()}">

// In your controller
$scope.transform = function() {
  return "rotateZ("+ degree +"deg)";
}

5) Firebase Powered Apps – O pessoal da Firebase criou o AngularFire , uma vinculação AngularJS para seu serviço de back-end em tempo real Firebase; agora, sua ligação bidirecional pode ser não apenas do lado do cliente, mas também do lado do back-end. Aqui está o vídeo ( Realtime Web Apps com AngularJS e Firebase ) com Anant Narayanan e a postagem do blog sobre como construir seu próprio Google Reader com Firebase e AngularJS. Olha mãe, sem back-end!

6) Aplicativos JS testáveis – AngularJS é totalmente equipado com Test Suites. Leia mais sobre Full Spectrum Testing com AngularJS e Karma ( Karma é o que anteriormente conhecíamos como Testacular ) ou apenas use este pequeno modelo para teste:

'use strict'

// Unit test for MyController
describe('MyController', function() {
  var controller, scope, httpBackend;
  var someService;
  var controllerInstance;

  // In case it's wrapped in a module
  beforeEach(module('MyModule'));

  beforeEach(
    inject(function(_$rootScope_, _$controller_, _$httpBackend_, _someService_){
      controller  = _$controller_;
      httpBackend = _$httpBackend_;
      scope = _$rootScope_.$new();

      someService = _someService_;
      // For integration tests, we want to also test our services
      someService.clearStuff();

      // For controllers that do http requests
      //httpBackend.expectGET('/url/to/API');     

      // You might want to start your controller here, or in each test...
      // controllerInstance = controller('MyController', {$scope: scope});
    })
  );

  //Tests
  it('should do something really nice', function() {
    // ... or start it here
    controllerInstance = controller('MyController', {$scope: scope});
  });

})

Para mais recursos e informações, verifique AngularJS pessoas legais, membros da equipe, tutoriais e feeds do Twitter: Angular JS twitter (duh); Sindre Sorhus e Brian Ford , membros da equipe AngularJS , incluindo o blog de Brian Ford ; AngularJS “Pai” Misko Hevery ; AngularJS pau para toda obra Oliver Tupman . E, caso você esteja morando sob uma rocha, o Google Ninja Andy Osmani e o Deus do Front End Paul Irish

Related Posts