DevMedia Cursos
Curso online
JSF com Primefaces
Será apresentado nesse curso de JSF como utilizar o Java Server Faces 2.0 em conjunto com a suíte de componentes do PrimeFaces, uma poderosa biblioteca para o desenvolvimento de aplicações, tornando o ambiente de desenvolvimento mais produtivo, com aplicações mais ricas visualmente e com maior usabilidade, além de funcionalidades para realizar requisições assíncrona, melhorando assim a experiência do usuário com o seu sistema. Passaremos por todas as etapas, como download da ide, e configuração da mesma para trabalhar com o tomcat 7 e jsf 2.0, evitando assim deixar arestas para aqueles que estão iniciando e com a preocupação de atender as exigências de usuários com maior familiaridade e experiência com a plataforma.
[VER MAIS DETALHES]Introdução
- 1
Apresentação do projeto + configuração do tomcat 7
Marcar como lido | DownloadNessa videoaula vou iniciar o curso mostrando para vocês o que será mostrado. Será falado o que é o primefaces e para que serve. Apresentaremos o site do projeto e a área de demonstrações disponíveis nele.
- 2
Hello World JSF usando tomcat
Marcar como lido | DownloadNessa videoaula vamos dar continuidade mostrando primeiramente como configurar o servidor do tomcat7 no Eclipse.
- 3
Configuração do projeto para trabalhar com Primefaces
Marcar como lido | DownloadNessa videoaula vamos mostrar como configurar nosso projeto de exemplo para trabalhar com o primefaces.
Calendar
- 4
Calendar + Impressão da data com Ajax
Marcar como lido | DownloadNessa videoaula vamos dar continuidade a mostrar como mudar o idioma do calendário, e como exibir um calendário customizado, onde podemos inclusive definir o próprio texto que será exibido no calendário.
- 5
Calendar Data Range + exibindo data no Growl
Marcar como lido | DownloadNessa videoaula vamos mostrar mais um recurso do calendário do primefaces, onde podemos delimitar um intervalo de datas disponível para seleção em nosso calendário.
- 6
CalendarButton Panel + navigator + Múltiplas Páginas
Marcar como lido | DownloadNessa videoaula vamos mostrar mais uma série de recursos do calendário do primefaces.Um desses recursos será habilitar botões em nosso calendário, que serão atalhos para a data de hoje e fechar.
- 7
Calendareffects + horas
Marcar como lido | DownloadNessa videoaula vamos finalizar a exibição dos recursos do componente calendar, mostrando mais alguns efeitos como explode, fold e drop.
Ajax
- 8
Usando Ajax de forma simples
Marcar como lido | DownloadNessa videoaula vamos introduzir um assunto extremamente útil para páginas web interativas e responsivas, que é Ajax. Vamos mostrar como realizar requisições assíncronas de forma bastante simples utilizando o primefaces.
- 9
Populando DataTable de forma assíncrona - Início
Marcar como lido | DownloadNessa videoaula vamos continuar mostrando como trabalhar com requisições assíncronas, onde apresentaremos como popular um DataTable de forma assíncrona utilizando os recursos de Ajax do primefaces.
- 10
Populando DataTable de forma assíncrona - Fim
Marcar como lido | DownloadNessa videoaula vamos concluir a implementação de como popular um datatable de forma assíncrona, onde iniciaremos pelo nosso ContatoBean, onde criaremos os método get para contato e contatos.
- 11
Validação com Ajax
Marcar como lido | DownloadNessa videoaula vamos mostrar como trabalhar com validação de forma assíncrona usando o primefaces. Mostraremos como customizar as mensagens de validação, como vincular controle de mensagem ao campo a ser validado, criação do Bean.
- 12
AjaxStatus: Status da validação
Marcar como lido | DownloadNessa videoaula vamos mostrar como dar o feedback para o usuário do status da nossa validação utilizando o ajax. Mostraremos duas formas de realizar isso.
- 13
Requisições Automáticas com Ajax Poll
Marcar como lido | DownloadNessa videoaula vamos mostrar como realizar requisições assíncronas automaticamente em intervalos de tempo pré-determinado, usando o recurso do primefaces chamado Ajax Poll.
- 14
Requisições Gerenciadas com Ajax Poll + Accordion
Marcar como lido | DownloadNessa videoaula vamos mostrar como realizar requisições assíncronas de forma gerenciada, onde iremos controlar o momento de início e fim da mesma.
- 15
Carregamento Dinâmico e evento no Accordion
Marcar como lido | DownloadNessa videoaula vamos mostrar como o carregamento dinâmico, onde o conteúdo de uma determinada aba só será carregado no momento que clicarmos para abrir a mesma.
AutoComplete
- 16
AutoComplete Simples
Marcar como lido | DownloadNessa videoaula vamos mostrar como utilizar o recurso autoComplete, com a biblioteca do primefaces. Para mostrar o funcionamento desse recurso criaremos um bean contendo uma lista de clientes.
- 17
Overview dos recursos do AutoComplete
Marcar como lido | DownloadNessa videoaula vamos apresentar uma série de recursos que podemos utilizar juntamente com o autocomplete.
- 18
AutoComplete com seleção múltipla
Marcar como lido | DownloadNessa videoaula vamos mostrar como implementar um autocomplete com múltipla seleção. Esse recurso é muito similar ao utilizado pelos principais serviços de email, no momento que escolhemos os contatos que queremos encaminhar uma determinada mensagem.
Bloqueio de tela
- 19
BlockUI – Bloqueando tela para aguardar resposta
Marcar como lido | DownloadNessa videoaula vamos mostrar como implementar o recurso de bloqueio de tela, ou de uma área específica em que está ocorrendo o processamento de uma determinada requisição.
Menu e Button
- 20
Componente BreadCrumb e Button
Marcar como lido | DownloadNessa videoaula vamos mostrar como utilizar o componente BreadCrumb, que funcionará como migalha de pão para o menu de exemplo que criaremos. Na sequência mostraremos como utilizar o componente button.
Captcha
- 21
Introdução ao Captcha
Marcar como lido | DownloadNessa videoaula vamos mostrar como utilizar o recurso de captcha na nossa aplicação, de forma bastante simples utilizando o primefaces. Vamos mostrar, através de um exemplo, como adicionar o componente a uma página JSF.
Dados
- 22
Exibição de dados com Carousel
Marcar como lido | DownloadNessa videoaula vamos mostrar como utilizar o componente para exibição de dados, chamado Carousel. Esse componente será responsável por auxiliar na exibição de dados de uma forma similar à uma tabela, com a inclusão de atalhos
- 23
Efeitos e Galeria com Carousel
Marcar como lido | DownloadNessa videoaula vamos mostrar como utilizar os efeitos slide, fade, dentre outros, com o componente carousel. Mostraremos também como informar a duração desse efeito. Mostraremos na sequência como trabalhar com galerias de imagens.
- 24
Selecionando Item no Carousel
Marcar como lido | DownloadNessa videoaula vamos mostrar como selecionar um item, dentre os que são exibidos através do componente Carousel. Para finalizar mostraremos como utilizar o componente Carousel integrado com o componente Tab.
Gráficos
- 25
Gráfico de Pizza
Marcar como lido | DownloadNessa videoaula vamos mostrar como trabalhar com gráficos utilizando a biblioteca do primefaces, apresentando a simplicidade proporcionada através de um exemplo real.
- 26
Gráfico de Linha
Marcar como lido | DownloadNessa videoaula vamos mostrar como trabalhar com gráficos de linha, apresentando a simplicidade proporcionada através de um exemplo real.
ContextMenu
- 27
Introdução ao ContextMenu
Marcar como lido | DownloadNessa videoaula vamos mostrar como utilizar o ContextMenu do primefaces. Com o ContextMenu iremos customizar o menu que é exibido para o usuário quando ele clica com o botão direto em qualquer área da nossa página.
- 28
ContextMenu com Galeria
Marcar como lido | DownloadNessa videoaula vamos mostrar como utilizar o ContextMenu para gerenciarmos uma galeria de imagens. Criaremos essa gelaria utilizando o imageSwitch do primefaces.
- 29
ContextMenu com DataTable - conhecimentos básicos
Marcar como lido | DownloadNessa videoaula vamos mostrar como utilizar o ContextMenu para interagir como DataTable. Primeiramente mostraremos os conhecimentos básicos para trabalhar com o DataTable.
- 30
ContextMenu com DataTable - Criação e Uso
Marcar como lido | DownloadNessa videoaula vamos finalizar a apresentação de como utilizar o ContextMenu para interagir como DataTable. Agora iremos criar o ContextMenu. Na sequência mostraremos como indicar que ele será utilizado no DataTable. Após isso iremos definir as operações a serem realizadas, que serão de: visualizar detalhes e exclusão.
Collector
- 31
Gerenciando coleções com Collector
Marcar como lido | DownloadNessa videoaula vamos mostrar como fazer o gerenciamento de coleções utilizando o collector. Dessa forma, com poucas linhas de programação temos como gerenciar o estado dessa coleção, adicionar itens, remover itens e recuperar itens.
- 32
Gerenciando coleções com Collector - Datatable
Marcar como lido | DownloadNessa videoaula vamos concluir o exemplo, iniciado na aula anterior, onde agora será mostrado o processo de exclusão de um item de uma coleção, utilizando o collector. Primeiramente criaremos o datatable, onde serão mostrados os itens.
ColorPicker
- 33
Paleta de cores com ColorPicker
Marcar como lido | DownloadNessa videoaula vamos mostrar como usar a paleta de cores do PrimeFaces, chamado ColorPicker. Mostraremos, de forma prática, como usar a paleta em modo inline e em modo popup.
Data
- 34
Exibindo dados com DataGrid
Marcar como lido | DownloadNessa videoaula vamos mostrar uma parte importante no gerenciamento de dados com o PrimeFaces, que é a parte de exibição de dados. Vamos mostrar como utilizar o DataGrid, para exibir uma lista de produtos.
- 35
Usando o DataList
Marcar como lido | DownloadNessa videoaula vamos continuar a falar da parte de exibição de dados com Primefaces, onde mostraremos como trabalhar com o DataList. Mostraremos diversas opções desse recurso
- 36
DataTable com cabeçalho rodapé e paginação
Marcar como lido | DownloadNessa videoaula vamos começar a falar de um dos principais recursos do primefaces, para exibição de dados, que é o DataTable, onde inicialmente mostraremos como popular um, de forma simples.
- 37
DataTable – Sort e Filter
Marcar como lido | DownloadNessa videoaula vamos continuar trabalhando com o DataTable, onde mostraremos dois recursos muito utilizados em nosso cotidiano, que é Ordenação e Filtro. No componente DataTable esses recursos são simples de utilizar.
- 38
DataTable - FilterOption + SelectRow
Marcar como lido | DownloadNessa videoaula vamos continuar trabalhando com o DataTable, onde mostraremos mais um recurso bastante útil para a parte de filtro, que é disponibilizar uma lista pré-definida, num dropdownlist, ao invés de um campo aberto para a digitação.
- 39
DataTable – Seleção simples e seleção múltipla de linha
Marcar como lido | DownloadNessa videoaula vamos mostrar como trabalhar outra forma de seleção de linha, onde agora a linha em si é selecionável, além de possuir um indicativo visual ao passar o cursor sobre ela.
- 40
DataTable – RowSelect e RowUnselect
Marcar como lido | DownloadNessa videoaula vamos continuar apresentando os recursos e forma disponíveis para seleção de linha no DataTable, sendo que agora exploraremos um pouco a parte de requisição com Ajax, onde será mostrado como usar a tag “p:ajax” do primefaces.
- 41
DataTable – Checkbox, Radio e Aplicando Cores condicionalmente
Marcar como lido | DownloadNessa videoaula vamos continuar apresentando os recursos e formas disponíveis para seleção de linha no DataTable, sendo que agora exploraremos uma forma, muito comum em emails principalmente.
- 42
DataTable – Permitindo que os dados sejam editáveis
Marcar como lido | DownloadNessa videoaula vamos continuar apresentando os recursos e forma disponíveis para seleção de linha no DataTable, além de mostrar como permitir que os dados sejam editáveis.
Dialog
- 43
Dialog – Simples, Modal e com Efeito
Marcar como lido | DownloadNessa videoaula vamos começar a trabalhar com o recurso Dialog. Recurso esse, extremamente útil quando desejamos fazer notificação ou destacar alguma notificação ou operação para o usuário.
- 44
Dialog – Interação Ajax
Marcar como lido | DownloadNessa videoaula vamos mostrar um cenário, usando dialog, onde a janela dialog irá realizar uma requisição assíncrona e atualizar a página da janela que a chamou.
- 45
Dialog – Autenticação – início
Marcar como lido | DownloadNessa videoaula vamos mostrar como trabalhar com autenticação, utilizando dialog, com processos totalmente assíncronos.
- 46
Dialog – Autenticação – fim
Marcar como lido | DownloadNessa videoaula vamos concluir a implementação da nossa dialog de autenticação, começando pelo bean, onde mostraremos como adicionar a informação de êxito ou não da autenticação como um parâmetro de callback.
Menu
- 47
Utilizando Menu Dock
Marcar como lido | DownloadNessa videoaula vamos inicialmente mostrar como incluir o recurso de minimizar e maximizar em nossas janelas dialog.
Drag e Drop
- 48
Simples, Header, Opacidade e Revert
Marcar como lido | DownloadNessa videoaula vamos começar a mostrar como trabalhar com panels contendo o recurso drag e drop, ou seja, arrastar e soltar.
- 49
Recurso Drag e Drop
Marcar como lido | DownloadNessa videoaula vamos continuar mostrando os recursos drapdrop, onde apresentaremos um recurso para delimitar a área em que um panel poderá ser arrastado.
- 50
Exemplo Drag e Drop - Listando carros disponíveis
Marcar como lido | DownloadNessa videoaula vamos começar a construção de um cenário onde mostraremos na prática a utilização do drag e drop, através de um exemplo onde iremos mostrar uma área de um sistema para que o cliente possa fazer a escolha de carros.
- 51
Exemplo Drag e Drop - Área de Carros Selecionados
Marcar como lido | DownloadNessa videoaula vamos continuar a construção do nosso exemplo, onde focaremos agora em configurar a área onde será exibido os carros selecionados.
- 52
Exemplo Drag e Drop - Integrando com Bean
Marcar como lido | DownloadNessa videoaula vamos finalizar a construção do nosso exemplo sobre a utilização do drag e drop, num cenário onde gerenciamos uma listagem em dois panels, para carros disponíveis e carros selecionados.
Editor
- 53
Editor HTML - Integrando com Bean
Marcar como lido | DownloadNessa videoaula vamos mostrar como utilizar um recurso bastante útil em sites ou sistemas em que é necessário termos um editor de conteúdo, onde o usuário precisa colocar texto formatados, para posterior leitura, como blogs.
Effects
- 54
Effects – Blind e Clip
Marcar como lido | DownloadNessa videoaula vamos mostrar como aplicar efeitos em nosso panels. Mostraremos como trabalhar com os efeitos Blind e Clip.
- 55
Effects – Drop e Explode
Marcar como lido | DownloadNessa videoaula vamos mostrar como aplicar efeitos em nosso panels. Vamos mostrar como trabalhar com os efeitos Drop e Explode.
- 56
Effects – Fold e Puff
Marcar como lido | DownloadNessa videoaula vamos mostrar outros efeitos para aplicarmos em nosso panel. Mostraremos como trabalhar com os efeitos Fold e Puff.
- 57
Effects – Slide
Marcar como lido | DownloadNessa videoaula vamos mostrar como trabalhar com o efeito Slide e como interagir com ele usando jQuery, fazendo assim com que o evento possa ser acionado programaticamente.
- 58
Effects – Scale e Bounce
Marcar como lido | DownloadNessa videoaula vamos mostrar outros efeitos para aplicarmos em nosso panel. Vamos mostrar como trabalhar com os efeitos Scale e Bounce.
- 59
Effects – Pulsate, Shake e Size
Marcar como lido | DownloadNessa videoaula vamos concluir a apresentação dos efeitos, onde mostraremos como trabalhar os efeitos Pulsate.
FileUpload
- 60
FileUpload
Marcar como lido | DownloadNessa nossa última aula do curso de primefaces, vamos mostrar como trabalhar como o componente fileUpload.
Código Fonte
Fontes - Código Fonte completo
Marcar como lidoNesse post você encontrará o código fonte completo do Curso de JSF com Primefaces.
23 
1