AngularJS Overview

Embed Size (px)

DESCRIPTION

Seed sobre AngularJS e seus conceitos básicos

Citation preview

  • 1. AngularJS OverviewDenilson TelaroliFevereiro / 2014

2. Overview Framework JS MVWMantido pela Google e ComunidadeBaseado em conceitos do FlexFuncionalidades Data BindingInjectableTestableLocalizationPlain Old Javascript ObjectReusable componentsForm validationFree of DOM (thank god)REST friendly ($resource component)Routes control 3. Desvantagens SEOAnalyticsDocumentao bsicaNo permite integrao com outros frameworks diretamente no DOM Use-o para single-pages e webapps 4. Curva de aprendizado x sentimento 5. Modules Mdulos so reaproveitveis e injetveis 6. Rotas Permite instanciar um controller e carregar uma view 7. Services Singleton (at pressionar F5)Injetvel 8. Filter Servem para... ListasObjetosHtmlTextos 9. Diretivas Ponte entre DOM e JSDifceis de entenderAPI Poderosa 10. Controllers Permitem HeranaAceitam components por DI 11. Testes Framework padro: JasmineAngular-seed vem preparado para o KarmaO Karma facilita CI 12. Uso bsico - Diretivas Ng-app Diretiva que declara um mdulo no htmlNg-controller Declara um escopo de controllerAceita herana declarando dois ns (um dentro do outro) com ng-controller Ng-model Evento onclickNg-repeat Diretiva usada em formulrios (inputs)Ng-click

Loop{{expression}} Imprime no local o valor da varivel expression na varivel $scope do ctrl ($scope.expression)Aceita expresses javascript {{1 + 1 === 2 ? 'ok' : 'error'}} {{getValue()}} 13. Uso bsico - Formulrios 14. Comunidade Muito ativa, apesar de nova tem muita coisa pronta http://angularjs.orghttps://github.com/angular/angular.jshttp://ngmodules.org