Palestra ministrada no Congresso de Tecnologia da Informação e Automação

2. AngularJS
Rodrigo Fortes

3. • Diretivas
• Filtros
• Validar Formulários
• WebService
Cronograma

5. Quem esta usando AngularJS?

6. • 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

7. Todo código roda no cliente?

11. Codigo Minificado

12. Separação de Responsabilidades

13. View

14. Controller

15. Scope

16. Vamos ver a prática

23. São extensões da linguagem HTML que permitem a
implementação de novos comportamentos, de forma
declarativa.
Diretivas

24. • ngApp
• ngController
• ngBind
• ngModel
• ngRepeat
• ngShow
• ngHide
• ngClick
Principais Diretivas

25. ngApp

26. ngApp

27. ngController

28. ngBind

29. ngBind

30. ngRepeat

31. ngRepeat

32. ngModel

33. ngModel

34. ngClick

35. ngClick

36. https://docs.angularjs.org/api
Outras Diretivas

37. Transformam resultado de uma expressão, realizando
operações como formatação de data, conversão de moeda e
ordenação de array.
Filtros

38. uppercase e lowercase
date
filter
currency
Principais Filtros

39. uppercase e lowercase

40. uppercase e lowercase

41. filter

42. filter

43. date

44. date

45. currency

46. currency

47. ngRequired
ngMinlength e ngMaxlength
$error
$pristine e $dirty
Validar Formulários

48. ngRequired

49. ngMinlength e ngMaxlength

50. $error

51. $error

52. $pristine

53. $pristine

54. 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?

56. HTTP, JSON, REST e AJAX
com AngularJS
Integrando o BackEnd

57. • 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

59. 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

60. JAX-RS