apresentação angular js
TRANSCRIPT
![Page 1: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/1.jpg)
Javascript MVC Framework
Raphael Ramos Monteiro
![Page 2: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/2.jpg)
O QUE É ANGULAR ?PORQUE EU DEVERIA USA-LO?
Framework Javascript Mvc Mantido pelo Google Possui conceitos para organizar
app Extende HTML Possui Expressoes(Diretivas) Facilita para testar o código JS Funciona com qualquer tecnologia
no back-end
![Page 3: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/3.jpg)
“A Necessidade de um framework MVC client-side fica clara quando você começa a manipular em suas páginas, não só HTML mas também dados”
![Page 4: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/4.jpg)
DIRETIVAS
O que são
![Page 5: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/5.jpg)
ALGUMAS DIRETIVAS
ng-repeat ng-click ng-show ng-switch
![Page 6: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/6.jpg)
EXEMPLO
![Page 7: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/7.jpg)
ANGULAR ($SCOPE)
Expor dados(Modelos) Referencia ao controller
![Page 8: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/8.jpg)
MODELOS
Objetos JS Ligados a um $(Scope)
![Page 9: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/9.jpg)
EXEMPLO MODELOS
![Page 10: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/10.jpg)
CONTROLADORES
Objetos Java script Injeção de dependencias Inicialiazar modelos Inicializar escopo Comportamento da UI
![Page 11: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/11.jpg)
ROUTES
Define quando acessar determinada URL, qual página será exibida.
![Page 12: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/12.jpg)
TESTES UNITÁRIOS COM ANGULAR JS
![Page 13: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/13.jpg)
EXEMPLO
![Page 14: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/14.jpg)
![Page 15: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/15.jpg)
REFERENCIAS
http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app
http://stephanebegaudeau.tumblr.com/post/48776908163/everything-you-need-to-understand-to-start-with
![Page 16: Apresentação angular js](https://reader033.vdocuments.pub/reader033/viewer/2022052316/559314e51a28abe05f8b459f/html5/thumbnails/16.jpg)
OBRIGADO