Repositório criado para armazenar as Atividades Práticas Individuais sobre Web da Academia Java & Angular da Capgemini & ProWay.
- Nesta atividade utilizaremos os primeiros conceitos de web com HTML:
- Crie um sistema para cadastro de viagens.
- Deve possuir uma tela com menu para o usuário escolher uma das operações de CRUD.
- Uma tela com um formulário para cadastro de viagens.
- Uma tela com um formulário para alterar uma viagem cadastrada.
- Uma tela com uma tabela para listar as viagens cadastradas.
- Uma tela com um formulário para deletar uma viagem cadastrada.
Link slide Orientações da Atividade: ATIVIDADE PRÁTICA - 32
Link resolução Atividade: AtividadePratica32
- Nesta atividade utilizaremos os primeiros conceitos de web com CSS:
- Utilize como base o HTML criado durante a atividade ATP32.
- Crie um arquivo CSS para cada arquivo HTML.
- Adicione uma cor de fundo para todas as telas.
- Ajuste para que todas as telas tenham uma área útil centralizada e com cor de fundo diferente do body.
- Altere a cor dos titulos das páginas.
- Ajuste a tabela da tela de listar para ter cabeçalho e corpo com estilos diferentes do padrão do html.
- Ajuste os formulários para possuírem os campos de texto para possuírem o mesmo tamanho.
- Ajuste o tamanho e cores dos botões.
- Altere o estilo do links dos menus e das telas.
Link slide Orientações da Atividade: ATIVIDADE PRÁTICA - 33
Link resolução Atividade: AtividadePratica33
- Nesta atividade utilizaremos os primeiros conceitos de web com JavaScript:
- Utilize como base o HTML e o CSS criados durante as atividades ATP32 e ATP33.
- Crie um arquivo JS para cada arquivo HTML de formulário e de tabela.
- Crie uma função que capture as informações do formulário e salve em localstorage. O dado deve ser um dicionário dentro de uma lista e convertido para JSON.
- Crie uma função para ler os dados do localStorage e carregar dentro de uma tabela no HTML. Converta o dado de JSON para uma lista de dicionários.
- Ajuste a tabela da tela de listar para ter cabeçalho e corpo com estilos diferentes do padrão do html.
- Ajuste os formulários para possuírem os campos de texto para possuírem o mesmo tamanho.
- Ajuste o tamanho e cores dos botões.
- Altere o estilo do links dos menus e das telas.
Link slide Orientações da Atividade: ATIVIDADE PRÁTICA - 34
Link resolução Atividade: AtividadePratica34
- Nesta atividade utilizaremos os conceitos aprendidos até aqui sobre Html CSS e JavaScript:
- Crie um sistema Web para manter seu perfil profissional
- Crie uma página principal com a estrutura do site contendo o menu e a area de conteudo.
- A página principal, deve possuir um menu com: resumo, experiencias, habilidades e contatos
- Crie uma página nova para cada item do menu.Cada página deve possuir seu próprio CSS e seu JavaScript, caso necessário.
- O menu deve fazer com que as paginas secundarias sejam carregadas na página principal através de javascript.
Link slide Orientações da Atividade: ATIVIDADE PRÁTICA - 35
Link resolução Atividade: AtividadePratica35
- Nesta atividade utilizaremos os conceitos aprendidos até aqui sobre HTML, CSS e JavaScript
- Crie um sistema Web para cadastro de usuários.
- Crie uma página principal com a estrutura do site contendo o menu e a área de conteúdo.
- A página principal, deve possuir um menu com: cadastrar, listar, alterar e deletar.
- Crie uma página nova para cada item do menu. Cada página deve possuir seu próprio CSS e seu JavaScript, caso necessário.
- O menu deve fazer com que as paginas secundarias sejam carregadas na página principal através de javascript.
- Os Dados devem ser armazenados em localStorage.
Link slide Orientações da Atividade: ATIVIDADE PRÁTICA - 36
Link resolução Atividade: AtividadePratica36