• Like
  • Save
Desenvolvimento Fácil com AngularJS TDC 2014
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Desenvolvimento Fácil com AngularJS TDC 2014

  • 731 views
Published

Desenvolvimento Fácil com AngularJS

Desenvolvimento Fácil com AngularJS

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
731
On SlideShare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
3
Comments
1
Likes
11

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Globalcode – Open4education Desenvolvimento Fácil com Saulo Venâncio saulo.venancio@gmail.com svenancio@nonlinear.ca @saulovenancio
  • 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. Globalcode – Open4education O Problema Como habilitar div quando checkbox for selecionado? Com Jquery!
  • 4. Globalcode – Open4education Coding for fun?
  • 5. Globalcode – Open4education Coding for fun again!! Em Angular
  • 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. Globalcode – Open4education Por que aprender? Vamos conhecer!
  • 8. Globalcode – Open4education Data Binding de 2 vias Nunca foi tão tão facil manter a view atualizada com o controller
  • 9. Globalcode – Open4education Data Binding de 2 vias Mágica? Não! Dirty checking e watching
  • 10. Globalcode – Open4education Repetidores Fácil fácil iterar coleção de valores/objetos
  • 11. Globalcode – Open4education Classes Dinâmicas Validação de Padrões
  • 12. Globalcode – Open4education Mínimo/ máximo de Caracteres Required
  • 13. Globalcode – Open4education Filtros Somente o que você quiser! Do atributo que você quiser.
  • 14. Globalcode – Open4education Ordene Da forma que você desejar.
  • 15. Ordene e Filtre por Atributo? Essa vai ser difícil! Vamos ver algo antes!
  • 16. Globalcode – Open4education Padrão MVC Model-view-controller Separe as responsabilidades!!!
  • 17. Globalcode – Open4education Model, View e Controller Controller, Modelo e Escopo
  • 18. Globalcode – Open4education Model, View e Controller
  • 19. Globalcode – Open4education Filtra e Ordenação por Atributo Criando Modelos
  • 20. Globalcode – Open4education Filtro por Atributo Ordenação por Atributo
  • 21. Globalcode – Open4education Só moleza? Ou algo avançado? Crie suas próprias tags!
  • 22. Globalcode – Open4education Componentização Crie suas próprias tags! Crie suas próprias tags!
  • 23. Globalcode – Open4education Componentização Outros Exemplos: •Datepicker •Comparação de senhas •Relógio/timer customizado
  • 24. Globalcode – Open4education E mais... Injeção de Dependência - para serviços conhecidos Criação e Injeção de seus Serviços
  • 25. Globalcode – Open4education Injeção de Dependência Injeção de Dependência - para serviços conhecidos Nossos ‘Serviços’
  • 26. Globalcode – Open4education Mais? Services Factorys Filtros Customizados Ng-options …..
  • 27. Globalcode – Open4education Referências http://www.angularjs.org Instant Angular Starter – Dan Menard Google e Github 