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.

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.