16
Javascript MVC Framework aphael Ramos Monteiro

Apresentação angular js

Embed Size (px)

Citation preview

Page 1: Apresentação angular js

Javascript MVC Framework

Raphael Ramos Monteiro

Page 2: Apresentação angular js

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

“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

DIRETIVAS

O que são

Page 5: Apresentação angular js

ALGUMAS DIRETIVAS

ng-repeat ng-click ng-show ng-switch

Page 6: Apresentação angular js

EXEMPLO

Page 7: Apresentação angular js

ANGULAR ($SCOPE)

Expor dados(Modelos) Referencia ao controller

Page 8: Apresentação angular js

MODELOS

Objetos JS Ligados a um $(Scope)

Page 9: Apresentação angular js

EXEMPLO MODELOS

Page 10: Apresentação angular js

CONTROLADORES

Objetos Java script Injeção de dependencias Inicialiazar modelos Inicializar escopo Comportamento da UI

Page 11: Apresentação angular js

ROUTES

Define quando acessar determinada URL, qual página será exibida.

Page 12: Apresentação angular js

TESTES UNITÁRIOS COM ANGULAR JS

Page 13: Apresentação angular js

EXEMPLO

Page 14: Apresentação angular js
Page 15: Apresentação angular js

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

OBRIGADO