Skip to content

Atividades e exercícios desenvolvidos no quarto curso de HTML e CSS na Alura oferecido pelo programa ONE - Oracle Next Education

Notifications You must be signed in to change notification settings

emanoelcampos/html-css-4

Repository files navigation

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.

página projeto

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.

About

Atividades e exercícios desenvolvidos no quarto curso de HTML e CSS na Alura oferecido pelo programa ONE - Oracle Next Education

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published