Ementa do curso Desenvolvimento web com Brook framework 3.0

Transcrição

1 Ementa do curso Desenvolvimento web com Brook framework Apresentação Baixando o pacote de instalação; Instalação com dois cliques; Sugerindo ideias, solicitando novos recursos e reportando bugs; Forkando o projeto; Abrindo um pull request; Fazendo uma doação ao projeto. 2. Primeiros passos Entendendo o funcionamento de uma aplicação Brook; Criando o primeiro Hello world; Escrevendo na tela de diversas maneiras com o método Write; Renderizando arquivos na tela. Exercício 1: Mostrar uma mensagem de erro usando recursos da própria action; Exercício 2: Renderizar um arquivo na tela, porém, trocando algumas informações do conteúdo dele em tempo de execução. 3. Tipos de aplicações; Depuração Criando um servidor HTTP próprio com Embedded Server; Criando um servidor HTTP próprio e o instalando como serviço com Embedded Daemon Server; Depurando aplicações; Ativando a opção Build mode na aplicação; Personalizando erros 404 e 500. Desafio: Criar uma aplicação do tipo CGI e Embedded Server, com três opções de build: Release, Debug e Trace, podendo escolher um dos três modos via diretiva de compilação, sendo que, no modo Release, a aplicação será do tipo CGI, e, nos modos Debug e Trace, a aplicação será do tipo Embedded Server. 4. HTML, Zen Coding, JTemplate, Bootstrap, Métodos HTTP e XMailer Zen Coding na prática (com Notepad++); Escrevendo HTML via back-end; Dando vida ao HTML com o plugin JTemplate; Embelezando telas HTML com o Bootstrap; Entendendo métodos GET e POST; Montando um pequeno exemplo (Calculadora de soma); Usando sua conta Gmail para enviar s com XMailer.

2 Exercício: Usando Zen Coding e Bootstrap, adicionar os botões de 0 a 9 na calculadora e as operações aritméticas básicas; Desafio: Alinhar os botões da calculadora com Bootstrap e/ou CSS, deixandoa com uma aparência de uma calculadora real. 5. Generics, Entity, Formulários HTML e Dados primitivos Uma breve abordagem sobre Generics; Entendendo actions com suporte a Entity; Criando um formulário HTML com diversos tipos de campos; Convertendo lista de strings em objeto e vice-versa; Clonando objetos; Usando propriedades com dados primitivos ao invés de conversões; Usando Sets e Enums em formulários. Exercício: Montando uma pequena calculadora com todas as opções aritméticas ( +, -, * e / ), usando enums para escolher os operadores. 6. Traduções, Redirecionamentos e Tipos de formulários Traduzindo as mensagens de erro da Brook; Trabalhando com mais de um formulário; Entendendo redirecionamento e URLs canônicas; Criando links de redirecionamento com UrlFor; Criando formulários popup; Entendendo formulários do tipo form-data (pequeno exemplo com upload de arquivo). Exercício 1: Criar um formulário onde o usuário digita o Nome e, ao clicar em Salvar, é redirecionado para outro formulário, com o campo Sobrenome, que, ao clicar em Salvar novamente, é redirecionado para uma tela que exibe a seguinte mensagem: Seu nome completo é: <NOME SOBRENOME>; Exercício 2: Criar três exemplos diferentes com UrlFor; Exercício 3: Criar um formulário que seja possível fazer o upload de três arquivos, recebendo cada um deles no back-end. 7. Banco de dados I: SQLdb, dopf, CRUD Persistindo dados de um formulário com SQLdb; Conhecendo o projeto dopf; Reaproveitando entity numa action e num OPF; Paginando dados com dopf; CRUD básico com dopf. Desafio: Criar um grid com uma table do HTML, listando 100 registros, no entanto, mostrando-os de 10 em 10, via paginação. 8. Menus, JTemplate, FontAwesome Criando um menu de topo e lateral;

3 Usando um indicador de navegação com JTemplate; Embelezando menus com ícones do projeto FontAwesome. Desafio: Gerenciar a exibição de cinco menus com JTemplate e dopf. 9. Cookies e sessions Persistindo dados em cookies; Persistindo dados em sessions; Criando uma tela com contagem de visitas. Exercício: Criando uma tela de login. 10. Métodos HTTP, REST Conhecendo os métodos PUT e DELETE; Usando a extensão Advanced REST Client do Google Chome; Parâmetros em URLs; Criando variáveis dinâmicas em URLs; Exercício 1: Criar uma pequena aplicação CRUD em REST; Exercício 2: Criar uma tabela para cadastrar cinco clientes, depois, exibi-los em um grid, com a opção de mostrar os detalhes do cliente ao clicar em seu nome ou código. 11. Grids Criando um grid com Bootstrap; Criando um grid com jtable; Criando um grid com Kendo UI; Criando um grid com ParamQuery; Exemplo completo com grid e telas de edição de dados. Desafio: Com o conhecimento adquirido sobre os grids apresentados acima, criar um exemplo com o grid do projeto jeasyui. 12. Banco de dados II: dopf, jtable, Master/Detail, Lookup e Bootstrap Estruturas master/detail com dopf e jtable; Estruturas lookup com dopf e jtable; Criando uma estrutura master/detail com REST, dopf e Bootstrap; Criando uma tela para busca e listagem de dados; Validando dados nos entities (back-end). Exercício: Criar um exemplo com master/detail e lookup em um único projeto. 13. Componentes especiais Buscando um cliente pelo nome e mostrando sua foto na tela; Criando um slide show de propagandas com o auxílio do JTemplate; Escolhendo um componente para Hora, Data e linha de tempo; Mostrando imagens em thumbnail;

4 Preenchendo um combobox via JTemplate; Criando um campo Autocomplete. Exercício: Criar um pequeno exemplo de anúncios online. 14. Ajax I Conhecendo o jquery; Fazendo requisições com jquery em estrutura REST (CORS); Atualizando uma área da tela sem redirecionar a página; Preenchendo dados num combobox via Ajax; Preenchendo dados numa lista via Ajax; Depurando código jquery com o Google Chrome. Exercício: Criar um pequeno exemplo de como preencher um combobox após escolher um item em outro. 15. RSS, Relatórios e Documentação de Projetos Enviando notícias via RSS com o EasyRSS; Criando relatórios em HTML; Criando relatórios em PDF; Criando gráficos com <escolher um plugin>. Desafio: Criar uma pequena aplicação RSS com uma opção para salvar os feeds em PDF. 16. Ajax II Validando dados com jquery (fron-end); Formatando campos com máscaras; Usando Ajax em conjunto com JTemplate; Mostrando um ícone indicando que uma determinada página está sendo carregada; Criando um formulário modal; Criando e preenchendo tabs (pagecontrol) via Ajax; Exibindo tooltips (hints) em controles HTML; Exibindo alerts Bootstrap via Ajax; Conhecendo o menu do tipo accordion. Desafio: Criar uma pequena aplicação com um menu lateral esquerdo que, ao clicar em seus itens (Home, Downloads e About), mostrar suas respectivas páginas. 17. Middleware, Constraints, Auditoria de Actions, Captcha Controlando o acesso a URLs via middleware e constraints; Bloqueando o acesso a um site via login; Protegendo suas páginas com Captcha.

5 Desafio: Criar uma pequena aplicação para inscrição de usuários, com a página de inscrição protegida via Captcha, evitando ataques de bots. 18. APIs, REST, JSON, OAuth e Aplicações Desktop Criando uma API para fornecer dados via JSON para um grid LCL; Persistindo dados em uma API via formulário LCL; Enviando arquivos para uma API via formulário LCL; Listando dados JSON em stringgrids com LJGridUtils; Evitando o envio de usuário/senha com OAuth PLAIN_TEXT. Desafio: Criar uma pequena aplicação CRUD para manipular dados de uma API via formulário LCL. 19. Configurações Configurando objetos via arquivo de configuração; Configurando uma aplicação via BrookSettings; Criando executáveis menores, linkando só o necessário neles; Organizando units e scripts em seus projetos; Configurando o dopf para conectar em diversos tipos de bancos de dados; Configurando o dopf para gerar logs. Exercício: Criar uma pequena aplicação onde seja possível configurar a conexão com o banco de dados via arquivo de configuração. 20. Parse, Interpretação de Scripts Processando expressões algébricas; Executando Pascal dinamicamente com o PascalScript; Baixando e interpretando conteúdos de sites de terceiros. Exercício: Criar um pequeno exemplo que consuma o serviço de algum site público de terceiro. 21. Multimídia Renderizando um vídeo na tela; Configurando sua aplicação para oferecer o download ao invés de renderizar um arquivo; Fazendo sua aplicação tagarelar. Exercício: Usar algum plugin jquery para tocar músicas em MP Test-case, Documentação Criando testes de regressão (test-case); Documentando suas aplicações. Exercício: Escolher uma de suas aplicações, criar alguns testes de regressão nela e gerar uma documentação.

6 23. Conceitos básicos sobre publicação de aplicação web Hospedando sua aplicação numa instância Amazon (Introdução); Hospedando sua aplicação na HostMonster (Introdução); Checando as limitações do host de hospedagem antes de contratá-lo. Exercício: Criar um Hello World onde seja possível outras pessoas acessá-lo remotamente por IP ou domínio. 24. Diversos Distribuindo um servidor embutido via setup de instalação (instalando um serviço); Configurando o Lazarus para melhorar sua produtividade; Criando a aplicação papo furado (chat); Dúvidas, agradecimentos e o que vem por aí na Brook 3.1.