Primeiros passos na JSF com Ajax

Aprenda a enviar um formulário com Ajax utilizando a JSF. Para isso usaremos como cenário o hotsite de uma hamburgueria, que possui um formulário a partir do qual o visitante pode se cadastrar em uma mailing list.

Conheceremos agora como foi planejada a aplicação, analisando sua arquitetura. Com isso teremos uma visão geral do código que construiremos ao longo do curso.

Veremos agora um passo fundamental, que é a criação de um projeto do maven no Intellij IDEA. Após isso, no arquivo pom.xml, configuramos as dependências e plugins utilizados para compilação e execução do código.

Agora que criamos o projeto no Intellij IDEA, precisamos criar a estrutura de pastas, bem como os arquivos de configuração para uma aplicação Java web/JSF.

Iniciamos aqui a criação da página principal da aplicação. Sabemos, com base nos cursos introdutórios, que uma página JSF é criada utilizando a linguagem XHTML.

Neste aula construiremos toda a parte superior da página, localizada acima do formulário de cadastro. Veremos assim os componentes necessários para inclusão de imagens.

Chegamos ao conteúdo principal da página, o formulário de envio do e-mail para cadastro na mailing list. Falaremos aqui, portanto, da construção desta parte da página para que, aos poucos, consigamos conectá-la ao back-end da aplicação.

Encerrando a criação da página, criamos aqui o seu rodapé, adicionando nele uma nova imagem. Após isso, passaremos a criação do back-end da aplicação, bem como sua conexão com o Front-End criado até o momento.

Uma das partes mais importantes de toda aplicação web é a camada de acesso a dados. Criaremos nesta aula as entidades que nos permitirão essa persistência.

Veremos como preparar a aplicação para trabalhar com dois bancos de dados diferentes. A partir de uma classe utilitária, como da configuração adequada do persistence.xml, veremos como gravar o e-mail do visitante nas tabelas contato e notificacao.