Desenvolvimento Fácil com AngularJS TDC 2014

1,181 views

Published on

Desenvolvimento Fácil com AngularJS

Published in: Technology
1 Comment
14 Likes
Statistics
Notes
No Downloads
Views
Total views
1,181
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
3
Comments
1
Likes
14
Embeds 0
No embeds

No notes for slide

Desenvolvimento Fácil com AngularJS TDC 2014

  1. 1. Globalcode – Open4education Desenvolvimento Fácil com Saulo Venâncio saulo.venancio@gmail.com svenancio@nonlinear.ca @saulovenancio
  2. 2. Globalcode – Open4education Quem sou eu? Desenvolvedor desde 2009 Instrutor de Programação na Voffice Trabalhou com .NET / Java EE / Javascript Atualmente na Nonlinear Creations como Desenvolvedor Adobe Experience Manager / AngularJS Cursando Sistemas de Informação Apaixonado por tecnologia, empreendedorismo e programação
  3. 3. Globalcode – Open4education O Problema Como habilitar div quando checkbox for selecionado? Com Jquery!
  4. 4. Globalcode – Open4education Coding for fun?
  5. 5. Globalcode – Open4education Coding for fun again!! Em Angular
  6. 6. Globalcode – Open4education Características Padrão MVC (Separação UI e lógica de negócio) Testabilidade Componentização Filtros, Ordenação, etc Extensa documentação Single Page Applications-ready! Comunidade Ativa Do Google!
  7. 7. Globalcode – Open4education Por que aprender? Vamos conhecer!
  8. 8. Globalcode – Open4education Data Binding de 2 vias Nunca foi tão tão facil manter a view atualizada com o controller
  9. 9. Globalcode – Open4education Data Binding de 2 vias Mágica? Não! Dirty checking e watching
  10. 10. Globalcode – Open4education Repetidores Fácil fácil iterar coleção de valores/objetos
  11. 11. Globalcode – Open4education Classes Dinâmicas Validação de Padrões
  12. 12. Globalcode – Open4education Mínimo/ máximo de Caracteres Required
  13. 13. Globalcode – Open4education Filtros Somente o que você quiser! Do atributo que você quiser.
  14. 14. Globalcode – Open4education Ordene Da forma que você desejar.
  15. 15. Ordene e Filtre por Atributo? Essa vai ser difícil! Vamos ver algo antes!
  16. 16. Globalcode – Open4education Padrão MVC Model-view-controller Separe as responsabilidades!!!
  17. 17. Globalcode – Open4education Model, View e Controller Controller, Modelo e Escopo
  18. 18. Globalcode – Open4education Model, View e Controller
  19. 19. Globalcode – Open4education Filtra e Ordenação por Atributo Criando Modelos
  20. 20. Globalcode – Open4education Filtro por Atributo Ordenação por Atributo
  21. 21. Globalcode – Open4education Só moleza? Ou algo avançado? Crie suas próprias tags!
  22. 22. Globalcode – Open4education Componentização Crie suas próprias tags! Crie suas próprias tags!
  23. 23. Globalcode – Open4education Componentização Outros Exemplos: •Datepicker •Comparação de senhas •Relógio/timer customizado
  24. 24. Globalcode – Open4education E mais... Injeção de Dependência - para serviços conhecidos Criação e Injeção de seus Serviços
  25. 25. Globalcode – Open4education Injeção de Dependência Injeção de Dependência - para serviços conhecidos Nossos ‘Serviços’
  26. 26. Globalcode – Open4education Mais? Services Factorys Filtros Customizados Ng-options …..
  27. 27. Globalcode – Open4education Referências http://www.angularjs.org Instant Angular Starter – Dan Menard Google e Github 

×