Desenvolvimento WEB

Direto ao Ponto (02 semanas)

1. Baixe e instale o grails
2. Rode o comando para criar sua primeira aplicação
   1. https://grails.org/Quick+Start . Execute até antes da seção "Configure a Data Source (Optional)"
   2. Navegue nos diretórios para ver o que foi gerado
   3. Acesse a sua aplicação via browser e veja o que ele gerou
3. Entenda o fluxo da sua aplicação
   1. Do browser até o controle, o que acontece?
      1. Você percebeu que existe uma comunicação com o servidor utilizando o protocolo HTTP?
      2. Quais são as mensagens HTTP que o browser mandou para o servidor?
      3. Quais as mensagens que o servidor mandou pro browser?
      4. Qual o conteúdo dessas mensagens?
      5. Quem foi responsável por gerar o conteúdo das mensagens?
4. Crie uma página nova em branco e acesse via browser
   1. Para fazer isso, você terá que aprender onde essa página deve ser colocada no servidor.
5. Agora mostre uma mensagem nessa página vinda do servidor
6. Agora crie um campo de texto e um botão, de forma que você digite uma mensagem, essa mensagem vá pro servidor e então transforma ela toda em maiúscula e devolve a resposta em outra página para o browser
7. Crie uma página com um campo de texto que você irá digitar uma lista de palavras separadas por virgulas
   1. Você deve receber esse texto, separar cada palavra de acordo com as vírgulas, e gerar uma página onde cada palavra será exibida em uma lista e também em uma tabela.
8. Analise no Chrome (ctrl+shit+i) como a mensagem está indo para o servidor e como o servidor está retornando
   1. A mensagem HTTP é um POST ou um GET? Qual a diferença entre eles?
9. Crie um outro método no seu controle que irá receber a mesma lista. Só que dessa vez, você não irá criar um formulário para enviar a lista e sim, o usuário irá digitar a lista na pŕopria barra de endereço do seu browser
10. Crie uma página que a pessoa digite o seu nome e será redirecionada para um outro formulário que irá pedir a idade dele. Depois do segundo formulário, você deve exibir em uma terceira página o nome e a idade dele.
11. Como guardar os dados enviados pelo usuário de forma persistente:
    1. Utilizando sessões
    2. Utilizando bando de dados
       1. MySQL
          1. O que é uma tabela
          2. Listando as instâncias de uma tabela com o comando SELECT
          3. Inserido uma nova instância a tabela com o comando INSERT
          4. Atualizando os dados de um instância com o comando UPDATE
          5. Apagando uma instância com o comando DROP
       2. O que é CRUD?
       3. O que é GORM
          1. Mapeando uma tabela
          2. Utilizando o GORM para pegar uma instância no banco através de seu id.
          3. Utilizando o GORM para lista todos as instâncias de uma tabela
          4. Utilizando o GORM para inserir uma nova instância a tabela
          5. Utilizando o GORM para deletar uma instância.
12. Crie 4 páginas para realiziar as quatro operações do CRUD para uma biblioteca
    1. Crie um formulário para adicionar um novo livro
    2. Crie uma página para listar todos os livros
    3. Crie uma página para exibir todas as informações de um livro. Você chegará nessa página clicando em um livro da listagem.
    4. Crie uma página para editar um determinado livro. O livro será escolhido a partir da listagem de livros.
    5. Na página da lista de livros, o usuário terá um link com uma opção para remover o livro.
13. Faça uma página que permita buscar os livros cadastrados de acordo com o seu título. Os resultados devem ser mostrados em outra página.
14. Agora mude a sua busca para que a cada letra digitada o sistema já irá buscando pelos livros e mostrando os livros encontrados na mesma página, sem recarregar.
15. Na página de detalhes de um livro, coloque uma opção para que o usuário possa adicionar um comentário para o livro. Vários comentários poderão ser adicionados. Você deve exibir os comentários na mesma página e também sem recarregar.
16. Faça o tutorial do AngularJS do codeschool
    1. https://www.codeschool.com/courses/shaping-up-with-angular-js

Por baixo dos panos

1. Trilha WEB. Parte 1
   1. HTML 5 / CSS 3.0
      1. https://www.codeschool.com/courses/front-end-formations
   2. Javascript
      1. http://www.codecademy.com/pt/tracks/javascript
   3. Faça um hello world usando Servlet PURO
      1. http://javafree.uol.com.br/topic-9127-Tutorial-basico-de-Servlet.html
      2. Faça um formulário e receba no servlet como um POST
      3. Faça validação nesse formulário, tanto no cliente como no servidor
2. Trilha persistência. Parte 1
   1. Crie algumas entidades no seu projeto web do servlet e salve-as no banco de dados usando JDBC puro.
   2. Faça alguns formulários para criar essas entidades
   3. Contrua listagens e edições dessas entidades (não precisam ser muitas entidades)
   4. Crie entidades que se relacionam. Por exemplo: Turma e Aluno, onde uma turma possui muitos alunos
3. Triha persistência. Parte 2
   1. Troque a sua persistência da aplicação anterior pelo hibernate
4. Trilha WEB parte 2
   1. Construa algumas chamadas assíncronas para o servidor utilizando AJAX. Faça tanto o GET como o POST
   2. Depois de realizar o passo anterior, troque os seus servlets por um framework que já facilita a implementação de serviços: Jersey. Lembre-se só execute essa etapa depois de concluir o passo anterior
5. Trilha WEB parte 3
   1. Troque a sua parte de interface com o usuário pelo AngularJS
6. Trilha WEB parte 3
   1. Como estamos usando o grails aqui, troque toda a sua camada de aplicação pelo grails e integre com a sua interface em AngularJS
7. Pronto ... agora você pode começar a trabalhar no código conosco :-)