RichFaces 4Desenvolvimento Web com JSF2 mais rico                          Globalcode	  –	  Open4education
Eu      Eder Magalhães      eder@yaw.com.br     twitter.com/edermag                           Globalcode	  –	  Open4educat...
Agenda!     Sobre JavaServer Faces;!     Introdução ao RichFaces;!     Características do RichFaces;!     Demonstração de ...
Sobre o JavaServer Faces!     Framework MVC Java baseado em UI Component;!     Templates e Composite Components (Facelets)...
Relembrando: JSF 1.x!   Não suportava Ajax nativo;!   Gestão de escopo limitada;!   Sem suporte a GET;!   Customização de ...
JSF 1.* puro?!   Usar um suíte ou extensão de componentes erapraticamente obrigatório!                                   G...
JSF 2 versus Suíte de Componentes!   Com JSF 2 ainda é necessário utilizar uma suíte?!   Algumas limitações da especificaç...
!   RichFaces é a suíte mais famosa para JSF 1.*;!   RichFaces 4:    !   Lançado recentemente com suporte a JSF 2;    !   ...
JavaScript do RichFaces 4!   JavaScript gerado é baseado em jQuery!                                    Globalcode	  –	  Op...
Refactoring!   Todos os componentes foram revisados:    !   Usabilidade;    !   Melhor semântica HTML;    !   Mais perform...
Instalação!   Só colocar os jars no projeto (libs);!   Ou configurar os artefatos (Maven);!   Nenhuma configuração extra v...
Roda em quais servidores?!   Tomcat 6 e 7;!   JBoss AS 6 e 7;!   Glassfish 3.*;!   Qualquer servidor com suporte a JSF 2;!...
Mais detalhes sobre o RichFaces!   UI Components:    !   a4j: tag lib p/ Ajax;    !   rich: tag lib p/ componentes visuais...
Alguns Componentes Ajax!     a4j:ajax!     a4j:commandButton!     a4j:commandLink!     a4j:param!   a4j:poll!   a4j:status...
Queue para Ajax!   Organiza as requisições Ajax em telas complexas;!   Funcionalidades:    !   requestDelay    !   request...
Alguns Componentes UI!     rich:datatable!     rich:dataGrid!     rich:calendar!     rich:toolTip!   rich:select!   rich:l...
ScrumToys: a cobaia!!   Demo: instalação + componentes básicos do    RichFaces                                   Globalcod...
Componentes p/ próximas versões!     rich:colorPicker!     rich:editor!     rich:listShuttle!     rich:gmap               ...
Validação lado cliente!     Utiliza os validadores JSF;!     Compreende JSR 303;!     Gera código JavaScript para validar;...
ScrumToys: a cobaia, o retorno!!   Demo: validadores JSF + Bean Validations                                    Globalcode	...
RichFaces 4 Mobile Development!   http://bit.ly/mCWTZB Post	  falando	  sobre	  o	  assunto	  no	  Jboss	  World	  2011	  ...
RichFaces 4.1 – coming soon!     Os fontes migrados para o Git;!     Novos componentes UI;!     Integração com Seam-forge;...
Experimente! http://richfaces-showcase.appspot.com/ RichFaces	  4	  Showcase	                                     Globalco...
Estratégia para aplicativos JSF                  +	                   +	         …	                  JavaServer	  Faces	  ...
Planejamento p/ JSF          JavaServer	  Faces	               Java	  EE	            JSF	  1.2	  –	  JSR	  127	       5.0	...
Algumas referências!     http://www.jboss.org/richfaces!     http://bit.ly/RF_Downloads!     http://bit.ly/RH_Getting_Star...
Follow  @maxkatz  @cagataycivici  @kito99  @jasondlee  @edburns  @richfaces  @primefaces  @jbossseam                   Glo...
Obrigado !eder@yaw.com.br   @edermag              Globalcode	  –	  Open4education
Próximos SlideShares
Carregando em…5
×

Richfaces 4 - Desenvolvimento JSF mais rico

5.779 visualizações

Publicada em

Publicada em: Tecnologia
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
5.779
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
103
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Richfaces 4 - Desenvolvimento JSF mais rico

  1. 1. RichFaces 4Desenvolvimento Web com JSF2 mais rico Globalcode  –  Open4education
  2. 2. Eu Eder Magalhães eder@yaw.com.br twitter.com/edermag Globalcode  –  Open4education
  3. 3. Agenda!   Sobre JavaServer Faces;!   Introdução ao RichFaces;!   Características do RichFaces;!   Demonstração de Componentes Visuais;!   Demonstração da Validação lado cliente;!   Links e twitters; Globalcode  –  Open4education
  4. 4. Sobre o JavaServer Faces!   Framework MVC Java baseado em UI Component;!   Templates e Composite Components (Facelets);!   Ajax Nativo;!   Configuração via anotações;!   Navegação implícita;!   Bookmarkable / Requisição GET;!   Várias opções de escopo;!   Suporte a Bean Validation; Globalcode  –  Open4education
  5. 5. Relembrando: JSF 1.x!   Não suportava Ajax nativo;!   Gestão de escopo limitada;!   Sem suporte a GET;!   Customização de componentes UI relativamentecomplexa;!   Configuração somente através de XML;!   Praticamente impossível desenvolver uma apputilizando o JSF 1.x “puro”; Globalcode  –  Open4education
  6. 6. JSF 1.* puro?!   Usar um suíte ou extensão de componentes erapraticamente obrigatório! Globalcode  –  Open4education
  7. 7. JSF 2 versus Suíte de Componentes!   Com JSF 2 ainda é necessário utilizar uma suíte?!   Algumas limitações da especificação: !   Componentes UI ainda são rústicos; !   Poucas opções de Componentes UI; !   Não define componente de tema/skin; !   Modelo de requisição Ajax é bem simples; !   Não disponibiliza tratamento nativo para Flow; Globalcode  –  Open4education
  8. 8. !   RichFaces é a suíte mais famosa para JSF 1.*;!   RichFaces 4: !   Lançado recentemente com suporte a JSF 2; !   Projeto foi reconstruído para suportar JSF 2; Globalcode  –  Open4education
  9. 9. JavaScript do RichFaces 4!   JavaScript gerado é baseado em jQuery! Globalcode  –  Open4education
  10. 10. Refactoring!   Todos os componentes foram revisados: !   Usabilidade; !   Melhor semântica HTML; !   Mais performance em código client-side e server-side; !   Código mais limpo; Globalcode  –  Open4education
  11. 11. Instalação!   Só colocar os jars no projeto (libs);!   Ou configurar os artefatos (Maven);!   Nenhuma configuração extra via xml; Globalcode  –  Open4education
  12. 12. Roda em quais servidores?!   Tomcat 6 e 7;!   JBoss AS 6 e 7;!   Glassfish 3.*;!   Qualquer servidor com suporte a JSF 2;!   Cloud: GAE + Amazon EC2 + CloudBees; Globalcode  –  Open4education
  13. 13. Mais detalhes sobre o RichFaces!   UI Components: !   a4j: tag lib p/ Ajax; !   rich: tag lib p/ componentes visuais;!   Skin;!   Validação client-side (Bean Validation);!   Component Development Kit Globalcode  –  Open4education
  14. 14. Alguns Componentes Ajax!   a4j:ajax! a4j:commandButton! a4j:commandLink! a4j:param!   a4j:poll!   a4j:status!   a4j:region Globalcode  –  Open4education
  15. 15. Queue para Ajax!   Organiza as requisições Ajax em telas complexas;!   Funcionalidades: !   requestDelay !   requestGrouping !   ignoreDupResponses!   Cria um escopo de fila;!   Eventos no cliente e API JavaScript; Globalcode  –  Open4education
  16. 16. Alguns Componentes UI!   rich:datatable!   rich:dataGrid!   rich:calendar!   rich:toolTip!   rich:select!   rich:list!   rich:autocomplete Globalcode  –  Open4education
  17. 17. ScrumToys: a cobaia!!   Demo: instalação + componentes básicos do RichFaces Globalcode  –  Open4education
  18. 18. Componentes p/ próximas versões!   rich:colorPicker!   rich:editor!   rich:listShuttle!   rich:gmap Globalcode  –  Open4education
  19. 19. Validação lado cliente!   Utiliza os validadores JSF;!   Compreende JSR 303;!   Gera código JavaScript para validar;!   Suporta validação de múltiplos valores (campos);!   Agrega valor ao rich:message; Globalcode  –  Open4education
  20. 20. ScrumToys: a cobaia, o retorno!!   Demo: validadores JSF + Bean Validations Globalcode  –  Open4education
  21. 21. RichFaces 4 Mobile Development!   http://bit.ly/mCWTZB Post  falando  sobre  o  assunto  no  Jboss  World  2011  Keynote   Globalcode  –  Open4education
  22. 22. RichFaces 4.1 – coming soon!   Os fontes migrados para o Git;!   Novos componentes UI;!   Integração com Seam-forge;!   Melhor suporte p/ HTML5 e Mobile;!   Sandbox e CDK;!   Bug fixing; 6  meses  de  trabalho…   Globalcode  –  Open4education
  23. 23. Experimente! http://richfaces-showcase.appspot.com/ RichFaces  4  Showcase   Globalcode  –  Open4education
  24. 24. Estratégia para aplicativos JSF +   +   …   JavaServer  Faces   Model   Service   Persistence  !   http://bit.ly/oiPSmj Globalcode  –  Open4education
  25. 25. Planejamento p/ JSF JavaServer  Faces   Java  EE   JSF  1.2  –  JSR  127   5.0   JSF  2.1  –  JSR  314   6.0   JSF  2.2  –  JSR  344   6.0   JSF  3   7.0   Globalcode  –  Open4education
  26. 26. Algumas referências! http://www.jboss.org/richfaces!   http://bit.ly/RF_Downloads!   http://bit.ly/RH_Getting_Started!   http://bit.ly/RF_User_Space!   http://richfaces-showcase.appspot.com/!   http://jcp.org/en/jsr/detail?id=344!   http://blog.globalcode.com.br/search/label/JSF!   http://mkblog.exadel.com/ Globalcode  –  Open4education
  27. 27. Follow @maxkatz @cagataycivici @kito99 @jasondlee @edburns @richfaces @primefaces @jbossseam Globalcode  –  Open4education
  28. 28. Obrigado !eder@yaw.com.br @edermag Globalcode  –  Open4education

×