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 lowercase
date
filter
currency
Principais Filtros
uppercase e lowercase
uppercase e lowercase
filter
filter
date
date
currency
currency
ngRequired
ngMinlength 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 AJAX
com 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
Desenvolvimento de Aplicações Web AngularJS no Contexto da IoT
Desenvolvimento de Aplicações Web AngularJS no Contexto da IoT
Desenvolvimento de Aplicações Web AngularJS no Contexto da IoT
Desenvolvimento de Aplicações Web AngularJS no Contexto da IoT
Desenvolvimento de Aplicações Web AngularJS no Contexto da IoT
Desenvolvimento de Aplicações Web AngularJS no Contexto da IoT
Desenvolvimento de Aplicações Web AngularJS no Contexto da IoT

Desenvolvimento de Aplicações Web AngularJS no Contexto da IoT

Notas do Editor

  • #59 Representation State Transfer O que é importante ter em mente é que o principal em um restful web service são as URLs do sistema (restful url’s), e os resources. Um resource é um recurso, uma entidade, ou seja, é um objeto com informação que será representado por meio de um XML. Em geral, a URL para acessar esse recurso será sempre a mesma, porém caso mudemos o método HTTP (GET, POST, PUT, DELETE) o resultado da requisição será diferente. 
  • #61 O JAX-RS é uma especificação (JSR-311) que define a criação de um WebService com arquitetura RESTful. Na API, são utilizadas anotações, que simplificam a necessidade extra de configurações. Atualmente, o JAX-RS é parte integrante do Java EE. Como o JAX-RS é apenas uma especificação, é necessário escolher uma implementação. Entre os projetos que o implementam, temos o Jersey, que é open source e mantido pela Oracle, e que é a implementação de referência do JAX-RS.