Upload
rodrigo-fortes
View
255
Download
3
Embed Size (px)
Citation preview
AngularJS
Rodrigo Fortes
• Diretivas• Filtros• Validar Formulários• WebService
Cronograma
Quem esta usando AngularJS?
• Produtividade• Separação de responsabilidades• Extensão da linguagem HTML• POJO• Injeção de dependências• Two-way data binding• Testabilidade• Comunidade
Razões para Utililizar AngularJS
Todo código roda no cliente?
Codigo Minificado
Separação de Responsabilidades
View
Controller
Scope
Vamos ver a prática
São extensões da linguagem HTML que permitem a implementação de novos comportamentos, de forma
declarativa.
Diretivas
• ngApp• ngController• ngBind• ngModel• ngRepeat• ngShow• ngHide• ngClick
Principais Diretivas
ngApp
ngApp
ngController
ngBind
ngBind
ngRepeat
ngRepeat
ngModel
ngModel
ngClick
ngClick
https://docs.angularjs.org/api
Outras Diretivas
Transformam resultado de uma expressão, realizando operações como formatação de data, conversão de
moeda e ordenação de array.
Filtros
uppercase e lowercasedatefiltercurrency
Principais Filtros
uppercase e lowercase
uppercase e lowercase
filter
filter
date
date
currency
currency
ngRequiredngMinlength e ngMaxlength$error$pristine e $dirty
Validar Formulários
ngRequired
ngMinlength e ngMaxlength
$error
$error
$pristine
$pristine
A ideia de internet das coisas, de modo geral, envolve a inclusão de objetos físicos a uma rede, os quais
interagem, são identificados ou monitorados entre si ou quem os controla.
E a IOT?
HTTP, JSON, REST e AJAXcom AngularJS
Integrando o BackEnd
• GET deve ser usado para “leitura”, por exemplo listar os detalhes de um recurso;
• POST deve ser usado para adicionar novos recursos;
• PUT deve ser utilizado para alterar recursos já existentes;
• DELETE para apagar recursos.
Métodos HTTP
Neste exemplo utilizaremos a API Java com auxilio do JAXB, especificação adicionada a partir da JDK 6.
Precisamos também incluir o jersey-json.jar no build path do nosso projeto.
Web Service REST em JAVA
JAX-RS