Construir aplicativos para web é uma das principais demandas do mercado. O Java EE define uma série de componentes para essa área, um deles é o JavaServer Faces (JSF). O JSF é um framework que adota o modelo de arquitetura MVC (Model View Controller), com o objetivo de aumentar a produtividade da construção de interfaces gráficas web baseadas em templates e disponibilizando um conjunto de componentes visuais reutilizáveis. Os componentes visuais do JSF encapsulam a escrita de código HTML, CSS e JavaScript, muitos delessuportam Ajax. Outra caracteristica importante do JSF é permitir o uso de bibliotecas de componentes visuais fornecidas por terceiros, trazendo mais opções de escolha aos desenvolvedores. Esta apresentação descreverá como o JSF pode ser uma tecnologia interessante para o desenvolvimento de aplicações web com Java EE.

1. Implementando aplicativos Web com JSF
Trilha – Java EE University
Otávio Gonçalves de Santana (otaviojava)
Globalcode – Open4education

2. Agenda
A importância da interface para o usuário
MVC - Dividir e conquistar
Eis que surge o JSF
Integra com CSS, JavaScript, ajax, html 5...
Você pode chamar atributos e métodos pelo JSF
Escopo
Enviando e recuperando objetos com Converter
Validando informações com o Validator
Economizando código com o Facelets
Criando uma vez e usando quantas quiser
integrando javascript, css, jquery e html 5 no jsf
Frameworks em JSF
E que venha o código
Globalcode – Open4education

3. A importância da interface para o usuário
Aonde eles interagem
Realiza as tarefas
Visão aos usuários
Globalcode – Open4education

4. A importância da interface para o usuário
Usuabilidade
Fácil de Interagir
Amigável
Globalcode – Open4education

5. A importância da interface para o usuário
Devem evoluir com o Tempo!
Menos é mais
Globalcode – Open4education

6. A importância da interface para o usuário
Qual você usaria ?
Globalcode – Open4education

7. A importância da interface para o usuário
Qual você usaria ?
Globalcode – Open4education

8. A importância da interface para o usuário
Mas não adianta ser bonito e não funcionar.
Globalcode – Open4education

9. MVC - Dividir e conquistar
Beleza vs Funcionamento
Código Organizado
Manutenção Fácil
Sabe aonde achar o erro
Globalcode – Open4education

10. Eis que surge o JSF ( Java Server Faces)
Java
Especificação
Integração
Ajax Nativo
Globalcode – Open4education

11. Integração
Globalcode – Open4education

12. Chamando Atributos e métodos
Globalcode – Open4education

13. Chamando Atributos e métodos
Globalcode – Open4education

14. Escopo
Globalcode – Open4education

15. Enviando e recuperando Objetos
Converter
Você programa Java
Enviar-Receber Informações
Globalcode – Open4education

16. Enviando e recuperando Objetos
Globalcode – Open4education

17. Enviando e recuperando Objetos
Globalcode – Open4education

18. Validando informações com o Validator
Campo Obrigatório
Tipo de Informação
Coerência
Globalcode – Open4education

19. Economizando código com o Facelets
Economiza Código
Evita “mokey codes”
Previne dores de Cabeça
Manutenção rápida
Globalcode – Open4education

20. Economizando código com o Facelets
Globalcode – Open4education

21. Economizando código com o Facelets
Criar uma nova página
Globalcode – Open4education

22. Economizando código com o Facelets
Se forem mais 20 páginas
Globalcode – Open4education

23. Economizando código com o Facelets
Agora tem que modificar o rodapé
Globalcode – Open4education

24. Economizando código com o Facelets
Com Facelets fica mais fácil
Globalcode – Open4education

25. Economizando código com o Facelets
Com Facelets fica mais fácil
Globalcode – Open4education

26. Criando uma vez e usando quantas quiser
Composite Component
Globalcode – Open4education

27. Frameworks em JSF
Basta baixar e usar
Globalcode – Open4education

28. E que venha o código
Demonstração
Globalcode – Open4education

29. Obrigado
Otávio Santana
@otaviojava
otaviojava@java.net
http://otaviosantana.blogspot.com.br/
https://github.com/otaviojava/
Globalcode – Open4education