Richfaces 4 - Desenvolvimento JSF mais rico

RichFaces 4Desenvolvimento Web com JSF2 mais rico Globalcode – Open4education

Eu Eder Magalhães eder@yaw.com.br twitter.com/edermag Globalcode – Open4education

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

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

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

JSF 1.* puro?!   Usar um suíte ou extensão de componentes erapraticamente obrigatório! Globalcode – Open4education

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

!   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

JavaScript do RichFaces 4!   JavaScript gerado é baseado em jQuery! Globalcode – Open4education

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

Instalação!   Só colocar os jars no projeto (libs);!   Ou configurar os artefatos (Maven);!   Nenhuma configuração extra via xml; Globalcode – Open4education

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

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

Alguns Componentes Ajax!   a4j:ajax! a4j:commandButton! a4j:commandLink! a4j:param!   a4j:poll!   a4j:status!   a4j:region Globalcode – Open4education

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

Alguns Componentes UI!   rich:datatable!   rich:dataGrid!   rich:calendar!   rich:toolTip!   rich:select!   rich:list!   rich:autocomplete Globalcode – Open4education

ScrumToys: a cobaia!!   Demo: instalação + componentes básicos do RichFaces Globalcode – Open4education

Componentes p/ próximas versões!   rich:colorPicker!   rich:editor!   rich:listShuttle!   rich:gmap Globalcode – Open4education

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

ScrumToys: a cobaia, o retorno!!   Demo: validadores JSF + Bean Validations Globalcode – Open4education

RichFaces 4 Mobile Development!   http://bit.ly/mCWTZB Post falando sobre o assunto no Jboss World 2011 Keynote Globalcode – Open4education

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

Experimente! http://richfaces-showcase.appspot.com/ RichFaces 4 Showcase Globalcode – Open4education

Estratégia para aplicativos JSF + + … JavaServer Faces Model Service Persistence !   http://bit.ly/oiPSmj Globalcode – Open4education

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

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

Follow @maxkatz @cagataycivici @kito99 @jasondlee @edburns @richfaces @primefaces @jbossseam Globalcode – Open4education

Obrigado !eder@yaw.com.br @edermag Globalcode – Open4education

Richfaces 4 - Desenvolvimento JSF mais rico

by Eder Magalhães on Jul 09, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 1

Statistics

Richfaces 4 - Desenvolvimento JSF mais rico — Presentation Transcript