Curso

JSF com Primefaces

Este curso faz parte da Formação Java Básico

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.

Avaliação

Clique para avaliar o curso!
JSF com Primefaces
5 5 32
Iniciar curso Assinar curso Certificado
Aulas: 60 vídeos Carga Horária: 60 horas
Check Certificado Certificado Marcar como favorito (196)

Para obter a contagem de carga horária do curso levamos em consideração que cada aula possui, em média, a duração técnica de uma hora - que contém o tempo de acompanhamento, codificação, assimilação do aluno além do próprio tempo total do vídeo.

Conteúdo programático

Introdução
1

Apresentação do projeto + configuração do tomcat 7

Nessa 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.

Assistir aula
2

Hello World JSF usando tomcat

Nessa videoaula vamos dar continuidade mostrando primeiramente como configurar o servidor do tomcat7 no Eclipse.

Assistir aula
3

Configuração do projeto para trabalhar com Primefaces

Nessa videoaula vamos mostrar como configurar nosso projeto de exemplo para trabalhar com o primefaces.

Assistir aula
Calendar
4

Calendar + Impressão da data com Ajax

Nessa 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.

Assistir aula
5

Calendar Data Range + exibindo data no Growl

Nessa 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.

Assistir aula
6

CalendarButton Panel + navigator + Múltiplas Páginas

Nessa 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.

Assistir aula
7

Calendareffects + horas

Nessa videoaula vamos finalizar a exibição dos recursos do componente calendar, mostrando mais alguns efeitos como explode, fold e drop.

Assistir aula
Ajax
8

Usando Ajax de forma simples

Nessa 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.

Assistir aula
9

Populando DataTable de forma assíncrona - Início

Nessa 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.

Assistir aula
10

Populando DataTable de forma assíncrona - Fim

Nessa 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.

Assistir aula
11

Validação com Ajax

Nessa 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.

Assistir aula
12

AjaxStatus: Status da validação

Nessa 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.

Assistir aula
13

Requisições Automáticas com Ajax Poll

Nessa videoaula vamos mostrar como realizar requisições assíncronas automaticamente em intervalos de tempo pré-determinado, usando o recurso do primefaces chamado Ajax Poll.

Assistir aula
14

Requisições Gerenciadas com Ajax Poll + Accordion

Nessa videoaula vamos mostrar como realizar requisições assíncronas de forma gerenciada, onde iremos controlar o momento de início e fim da mesma.

Assistir aula
15

Carregamento Dinâmico e evento no Accordion

Nessa 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.

Assistir aula
AutoComplete
16

AutoComplete Simples

Nessa 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.

Assistir aula
17

Overview dos recursos do AutoComplete

Nessa videoaula vamos apresentar uma série de recursos que podemos utilizar juntamente com o autocomplete.

Assistir aula
18

AutoComplete com seleção múltipla

Nessa 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.

Assistir aula
Bloqueio de tela
19

BlockUI – Bloqueando tela para aguardar resposta

Nessa 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.

Assistir aula
Menu e Button
20

Componente BreadCrumb e Button

Nessa 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.

Assistir aula
Captcha
21

Introdução ao Captcha

Nessa 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.

Assistir aula
Dados
22

Exibição de dados com Carousel

Nessa 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

Assistir aula
23

Efeitos e Galeria com Carousel

Nessa 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.

Assistir aula
24

Selecionando Item no Carousel

Nessa 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.

Assistir aula
Gráficos
25

Gráfico de Pizza

Nessa videoaula vamos mostrar como trabalhar com gráficos utilizando a biblioteca do primefaces, apresentando a simplicidade proporcionada através de um exemplo real.

Assistir aula
26

Gráfico de Linha

Nessa videoaula vamos mostrar como trabalhar com gráficos de linha, apresentando a simplicidade proporcionada através de um exemplo real.

Assistir aula
ContextMenu
27

Introdução ao ContextMenu

Nessa 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.

Assistir aula
28

ContextMenu com Galeria

Nessa videoaula vamos mostrar como utilizar o ContextMenu para gerenciarmos uma galeria de imagens. Criaremos essa gelaria utilizando o imageSwitch do primefaces.

Assistir aula
29

ContextMenu com DataTable - conhecimentos básicos

Nessa videoaula vamos mostrar como utilizar o ContextMenu para interagir como DataTable. Primeiramente mostraremos os conhecimentos básicos para trabalhar com o DataTable.

Assistir aula
30

ContextMenu com DataTable - Criação e Uso

Nessa 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.

Assistir aula
Collector
31

Gerenciando coleções com Collector

Nessa 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.

Assistir aula
32

Gerenciando coleções com Collector - Datatable

Nessa 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.

Assistir aula
ColorPicker
33

Paleta de cores com ColorPicker

Nessa 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.

Assistir aula
Data
34

Exibindo dados com DataGrid

Nessa 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.

Assistir aula
35

Usando o DataList

Nessa 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

Assistir aula
36

DataTable com cabeçalho rodapé e paginação

Nessa 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.

Assistir aula
37

DataTable – Sort e Filter

Nessa 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.

Assistir aula
38

DataTable - FilterOption + SelectRow

Nessa 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.

Assistir aula
39

DataTable – Seleção simples e seleção múltipla de linha

Nessa 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.

Assistir aula
40

DataTable – RowSelect e RowUnselect

Nessa 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.

Assistir aula
41

DataTable – Checkbox, Radio e Aplicando Cores condicionalmente

Nessa 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.

Assistir aula
42

DataTable – Permitindo que os dados sejam editáveis

Nessa 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.

Assistir aula
Dialog
43

Dialog – Simples, Modal e com Efeito

Nessa 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.

Assistir aula
44

Dialog – Interação Ajax

Nessa 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.

Assistir aula
45

Dialog – Autenticação – início

Nessa videoaula vamos mostrar como trabalhar com autenticação, utilizando dialog, com processos totalmente assíncronos.

Assistir aula
46

Dialog – Autenticação – fim

Nessa 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.

Assistir aula
Menu
47

Utilizando Menu Dock

Nessa videoaula vamos inicialmente mostrar como incluir o recurso de minimizar e maximizar em nossas janelas dialog.

Assistir aula
Drag e Drop
48

Simples, Header, Opacidade e Revert

Nessa videoaula vamos começar a mostrar como trabalhar com panels contendo o recurso drag e drop, ou seja, arrastar e soltar.

Assistir aula
49

Recurso Drag e Drop

Nessa videoaula vamos continuar mostrando os recursos drapdrop, onde apresentaremos um recurso para delimitar a área em que um panel poderá ser arrastado.

Assistir aula
50

Exemplo Drag e Drop - Listando carros disponíveis

Nessa 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.

Assistir aula
51

Exemplo Drag e Drop - Área de Carros Selecionados

Nessa videoaula vamos continuar a construção do nosso exemplo, onde focaremos agora em configurar a área onde será exibido os carros selecionados.

Assistir aula
52

Exemplo Drag e Drop - Integrando com Bean

Nessa 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.

Assistir aula
Editor
53

Editor HTML - Integrando com Bean

Nessa 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.

Assistir aula
Effects
54

Effects – Blind e Clip

Nessa videoaula vamos mostrar como aplicar efeitos em nosso panels. Mostraremos como trabalhar com os efeitos Blind e Clip.

Assistir aula
55

Effects – Drop e Explode

Nessa videoaula vamos mostrar como aplicar efeitos em nosso panels. Vamos mostrar como trabalhar com os efeitos Drop e Explode.

Assistir aula
56

Effects – Fold e Puff

Nessa videoaula vamos mostrar outros efeitos para aplicarmos em nosso panel. Mostraremos como trabalhar com os efeitos Fold e Puff.

Assistir aula
57

Effects – Slide

Nessa 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.

Assistir aula
58

Effects – Scale e Bounce

Nessa videoaula vamos mostrar outros efeitos para aplicarmos em nosso panel. Vamos mostrar como trabalhar com os efeitos Scale e Bounce.

Assistir aula
59

Effects – Pulsate, Shake e Size

Nessa videoaula vamos concluir a apresentação dos efeitos, onde mostraremos como trabalhar os efeitos Pulsate.

Assistir aula
FileUpload
60

FileUpload

Nessa nossa última aula do curso de primefaces, vamos mostrar como trabalhar como o componente fileUpload.

Assistir aula
Código Fonte

Fontes - Código Fonte completo

Nesse post você encontrará o código fonte completo do Curso de JSF com Primefaces.

Assistir aula

Sobre o autor

Henrylle da Silva Maia - DevMedia Space Henrylle da Silva Maia

Henrylle Maia é Especialista .NET e AWS atuando em projetos críticos, buscando fornecer soluções em CLOUD de alta disponibidade. Profissional certificado MCP(70-480 e 70-486) e Amazon Cloud Professional. Atualmente fornece treinamento e consultoria tanto presencial quanto remota em Arquitetura e tecnologias .NET. Portal: http://www.oregonead.com.br Twitter: @henrylle

Como adquirir este curso ?

Nosso objetivo é atender as suas necessidades de forma eficiente e econômica.

Com a assinatura DevMedia MVP você paga apenas R$ 69,90 por mês e tem acesso a todos os cursos - além de todos os canais de conteúdo!

Assine