Palestra realizada na UNDB no dia 27 de março de 2015

1. estendendoohtmlcomdiretivas
AngularJS
Um exemplo de como construir aplicações HTML componentizadas

2. /apresentação
EvaldoBarbosa
Analista de Sistemas
Presidente do PHP Maranhão
Membro da diretoria da ABRAPHP

3. /estabelecendo_o_problema
Umatodolist
Um problema, alguns dados e dois componentes.

4. /estabelecendo_o_problema
Umatodolist
Um problema, alguns dados e dois componentes.
<todo-list title=”Título da lista”>
<task title=”Task”
done=”boolean”
blocked=”boolean”>
</todo-list>

5. /dependencias
Bower.json
Preparando o campo para o jogo
bower install –save angular font-awesome bootstrap
bower init

6. /meio_de_campo
Omóduloeocontroller
Um controller simples: basicamente dados.
/app/app.js

7. /html
Templatedasdiretivas
Como usar as diretivas na página
/app/view/todo-list.html
/app/view/task.html

8. /implementação
Criandoasdiretivas
Como chamaremos a diretiva no HTML
Restrict

9. /implementação
Criandoasdiretivas
Qual a forma de implementar o HTML da diretiva
Template e TemplateUrl

10. /implementação
Criandoasdiretivas
Substitui o HTML da tag pelo do template
Replace

11. /implementação
Criandoasdiretivas
Reserva uma área do template para receber dados da chamada
Transclude

12. /implementação
Criandoasdiretivas
Interceptando dados e alterando a saída
Link

13. /github
Orepositório
O código e as referências
https://github.com/evaldobarbosa/diretivasAngularjs
Pronto para deploy
README com referências

14. Obrigado
Perguntas?

15. br.linkedin.com/in/evaldobarbosa
github.com/evaldobarbosa
twitter.com/evaldobarbosa
facebook.com/evaldo.barbosa.902