Ementa do curso Desenvolvimento web com

Brook framework 3.0

1. 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 e-mails com XMailer.
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, deixando-
a 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;

  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;
  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.
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 MP3.

22. 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.
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”.