https://github.com/emanoelcampos/html-css-4
Atividades e exercícios desenvolvidos no quarto curso de HTML e CSS na Alura oferecido pelo programa ONE - Oracle Next Education
https://github.com/emanoelcampos/html-css-4
aluno-one alura alura-latam css css3 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 quarto curso de HTML e CSS na Alura oferecido pelo programa ONE - Oracle Next Education
- Host: GitHub
- URL: https://github.com/emanoelcampos/html-css-4
- Owner: emanoelcampos
- Created: 2023-05-12T13:57:27.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-05-20T02:18:22.000Z (about 2 years ago)
- Last Synced: 2024-12-27T12:11:51.516Z (5 months ago)
- Topics: aluno-one, alura, alura-latam, css, css3, html5, javascript, oracle, programa-one, programa-one-oracle-next-education, web, web3, website
- Language: HTML
- Homepage: https://emanoelcampos.github.io/html-css-4/
- Size: 72.6 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HTML5 e CSS3 parte 4: avançando no CSS
Este repositório contém o material do quarto 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 design responsivo. Esse foi o último curso e você pode conferir como o projeto completo ficou clicando [aqui](https://emanoelcampos.github.io/html-css-4/).
## Assuntos abordados no curso:
- Ajustar a página principal para utilizar os mesmos padrões da página de produtos
- Medidas proporcionais com CSS
- Como funciona a flutuação dos elementos e como modificá-la, com a propriedade `float` do CSS
- Como limpar o float, com a propriedade `clear` do CSS
- Utilizar fontes externas nas nossas páginas
- Incorporar um mapa à nossa página
- Incorporar um vídeo à nossa página
- Melhorar ainda mais a semântica da página principal, com novas divisões, classes, etc
- Novas pseudo-classes
- Aplicar um background gradiente na página
- Pseudo-elementos
- Seletores avançados CSS
- Seletor `>`, para acessar os filhos de determinado elemento. Por exemplo, para acessar todos os `p` dentro de `main`:
- Seletor `+`, para acessar o primeiro irmão de determinado elemento. Por exemplo, para acessar o primeiro `p` após uma `img`:
- Seletor `~`, para acessar todos os irmãos de determinado elemento. Por exemplo, para acessar todos os `p` após uma `img`:
- Seletor `not`, para acessar os elementos, exceto algum. Por exemplo, para acessar todos os `p` dentro de `main`, exceto o `p` que tem id "missao":
- Como fazer contas com CSS, com a propriedade `calc`
- Como manipular a opacidade dos elementos, com a propriedade CSS `opacity`
- Como manipular a opacidade das cores
- Como adicionar um sombreamento em volta dos elementos, com a propriedade CSS `box-shadow`
- Como adicionar um sombreamento em textos, com a propriedade CSS `text-shadow`
- Design responsivo: como ajustar o estilo da nossa página de acordo com o tamanho da tela do dispositivo que a acesse
- Meta tag de `Viewport`
- Media Queries
## Minha jornada:
Este repositório é um registro de todo o meu avanço no quarto 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.