Transferir como PDF, PPTX
Carregado porHenrique Limas
Material Design simples e rapido com AngularJS
O documento discute o AngularJS e seu uso em conjunto com o Material Design, destacando características como data binding, diretivas e sistema de rotas. Além disso, menciona exemplos de layout e componentes para construir aplicações web interativas. Para mais informações, são fornecidos links e contatos do autor.
Material Design simples e rapido com AngularJS
- 1. ANGULAR MATERIAL Material Designsimples e rápido com AngularJS
- 2.
- 3.
- 4.
- 5. O QUE ÉO MATERIAL DESIGN?
- 6. ÊNFASE NA AÇÃODO USUÁRIO
- 7.
- 8.
- 9.
- 10. FRAMEWORK JAVASCRIPT Desenvolvido peloGoogle Aplicações Single page Extender o HTML
- 11.
- 12. DATA BINDING AngularJSOutros sistemasde template
- 13.
- 14. ! ! <span> 40 +2= {{ 40 + 2 }} </span> Expressions ! 40 + 2 = 42
- 15.
- 16. <div role="tabpanel"> <!-- Navtabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"> <a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li> <li role="presentation"> <a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li> ... </ul> ! <!-- Tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="home">...</div> <div role="tabpanel" class="tab-pane" id="profile">...</div> ... </div> </div> ! ! Diretivas
- 17.
- 19.
- 20. E O QUEMAIS? Filtros Sistema de rotas Validação do Form Uma ótima comunidade
- 22.
- 23. ANGULAR MATERIAL AngularJS + Componentes UI Serviçosdos componentes Efeitos UX Suporte a ARIA CSS de layout Temas
- 24.
- 25.
- 26.
- 27.
- 28. <div layout="row"> <div>Eu estoua esquerda.</div> <div>Eu estou a direita.</div> </div> ! <div layout="column"> <div>Eu estou em cima.</div> <div>Eu estou em baixo.</div> </div> ! ! ! ! ! ! Layout
- 29.
- 30. <div layout="row"> <div flex> … </div> ! <divflex> … </div> ! <div flex> … </div> </div> ! ! ! ! ! Flex
- 31.
- 32. ! <div layout="row"> <div flex="33"> </div> ! <divflex="55"> </div> ! <div flex> </div> </div> ! ! ! ! ! Flex
- 33. COMO E ONDE APRENDERMAIS?
- 38.