Your SlideShare is downloading. ×
Richfaces 4 - Desenvolvimento JSF mais rico
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Richfaces 4 - Desenvolvimento JSF mais rico

5,245
views

Published on

Published in: Technology

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,245
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
97
Comments
0
Likes
2
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. RichFaces 4Desenvolvimento Web com JSF2 mais rico Globalcode  –  Open4education
  • 2. Eu Eder Magalhães eder@yaw.com.br twitter.com/edermag Globalcode  –  Open4education
  • 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. 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. 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. JSF 1.* puro?!   Usar um suíte ou extensão de componentes erapraticamente obrigatório! Globalcode  –  Open4education
  • 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. !   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. JavaScript do RichFaces 4!   JavaScript gerado é baseado em jQuery! Globalcode  –  Open4education
  • 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. Instalação!   Só colocar os jars no projeto (libs);!   Ou configurar os artefatos (Maven);!   Nenhuma configuração extra via xml; Globalcode  –  Open4education
  • 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. 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. Alguns Componentes Ajax!   a4j:ajax! a4j:commandButton! a4j:commandLink! a4j:param!   a4j:poll!   a4j:status!   a4j:region Globalcode  –  Open4education
  • 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. Alguns Componentes UI!   rich:datatable!   rich:dataGrid!   rich:calendar!   rich:toolTip!   rich:select!   rich:list!   rich:autocomplete Globalcode  –  Open4education
  • 17. ScrumToys: a cobaia!!   Demo: instalação + componentes básicos do RichFaces Globalcode  –  Open4education
  • 18. Componentes p/ próximas versões!   rich:colorPicker!   rich:editor!   rich:listShuttle!   rich:gmap Globalcode  –  Open4education
  • 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. ScrumToys: a cobaia, o retorno!!   Demo: validadores JSF + Bean Validations Globalcode  –  Open4education
  • 21. RichFaces 4 Mobile Development!   http://bit.ly/mCWTZB Post  falando  sobre  o  assunto  no  Jboss  World  2011  Keynote   Globalcode  –  Open4education
  • 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. Experimente! http://richfaces-showcase.appspot.com/ RichFaces  4  Showcase   Globalcode  –  Open4education
  • 24. Estratégia para aplicativos JSF +   +   …   JavaServer  Faces   Model   Service   Persistence  !   http://bit.ly/oiPSmj Globalcode  –  Open4education
  • 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. 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. Follow @maxkatz @cagataycivici @kito99 @jasondlee @edburns @richfaces @primefaces @jbossseam Globalcode  –  Open4education
  • 28. Obrigado !eder@yaw.com.br @edermag Globalcode  –  Open4education