https://github.com/emanoelcampos/html-css-3
Atividades e exercícios desenvolvidos no terceiro curso de HTML e CSS na Alura oferecido pelo programa ONE - Oracle Next Education
https://github.com/emanoelcampos/html-css-3
aluno-one alura alura-latam css css3 html html5 javascript oracle programa-one programa-one-oracle-next-education web web3 website
Last synced: 3 months ago
JSON representation
Atividades e exercícios desenvolvidos no terceiro curso de HTML e CSS na Alura oferecido pelo programa ONE - Oracle Next Education
- Host: GitHub
- URL: https://github.com/emanoelcampos/html-css-3
- Owner: emanoelcampos
- Created: 2023-05-07T05:07:35.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-05-20T01:20:49.000Z (about 2 years ago)
- Last Synced: 2024-12-27T12:11:52.047Z (5 months ago)
- Topics: aluno-one, alura, alura-latam, css, css3, html, html5, javascript, oracle, programa-one, programa-one-oracle-next-education, web, web3, website
- Language: HTML
- Homepage: https://cursos.alura.com.br/user/emanoelcampos
- Size: 444 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas
Este repositório contém o material do terceiro curso de HTML e CSS para iniciantes em desenvolvimento web, oferecido pela Alura em colaboração com o programa One da Oracle. O curso tem como objetivo proporcionar uma introdução às linguagens essenciais para o desenvolvimento web. Durante o curso, foram revisados conceitos fundamentais para criação de páginas web estáticas e estilização com CSS, com exercícios e atividades práticas para reforçar o aprendizado e a apresentação de conceitos novos.
## Aprendizagem baseada em projetos
O projeto desenvolvido durante o curso consistiu na criação de uma página web estática utilizando HTML e CSS. Além de reforçar os conceitos aprendidos no curso anterior, novos conceitos foram introduzidos e aplicados no projeto, como o posicionamento de elementos. Você pode conferir como o projeto ficou clicando [aqui](https://emanoelcampos.github.io/html-css-3/).
## Assuntos abordados no curso:
- Criação do formulário de contato usando a tag `form`
- Uso das tags `label`, `input` e `textarea` para criar campos de formulário
- Tipos de `input` disponíveis, incluindo `text`, `email`e `number`
- Relação entre a tag `label` e a tag `input` e sua importância para acessibilidade
- Uso da propriedade `required` para tornar campos obrigatórios
- Uso da propriedade `placeholder` para fornecer exemplos de dados a serem inseridos
- Uso da tag `fieldset` e `legend` para agrupar campos relacionados
- Uso da tag `select`, `checkbox` e `radio` para permitir a seleção de opções
- Criação de um botão de `submit` para enviar o formulário
- Criação de uma tabela usando a tag `table`
- Formatação da tabela usando CSS, incluindo estilos para a borda, fundo e espaçamento das células
- Reaproveitamento do código HTML do `header` do curso 2
- Uso da propriedade `alt` para melhorar a acessibilidade do cabeçalho
- Uso do CSS para estilizar o formulário e tabela
- Uso da propriedade `display-block` para controlar o layout dos elementos
- Uso das propriedades `transform` e `transition` para adicionar animações aos elementos
## Minha jornada:
Este repositório é um registro de todo o meu avanço no terceiro curso de HTML e CSS, que se deu pela continuação do projeto do site que foi iniciado no primeiro curso. Além de reforçar os conceitos aprendidos anteriormente, novos conceitos foram introduzidos e colocados em prática. Durante o curso, pude aplicar esses conceitos através de exercícios e atividades práticas. Todos eles estão organizados por módulo e podem ser encontrados em suas respectivas pastas. Desenvolvi uma página web estática utilizando HTML e CSS para consolidar o conhecimento adquirido e aplicar os novos conceitos aprendidos.
## Consolidando conhecimentos:
Este curso me ajudou a consolidar meus conhecimentos em HTML e CSS e desenvolver habilidades para criar páginas web estáticas mais avançadas. Sinto-me preparado para continuar minha jornada de aprendizado na área e aplicar esses conhecimentos em projetos futuros. Gostaria de agradecer à Alura e ao programa One da Oracle por disponibilizarem essa excelente oportunidade de aprendizado. Sem a ajuda deles, não seria possível alcançar meu objetivo de aprender HTML e CSS e desenvolver habilidades para criar páginas web estáticas.