/dio

Primary LanguageHTML

Desafios DIO

Este respositório tem como objetivo exibir meu progresso com os desafios propostos nas formações da DIO. Os Desafios 01 a 05 são desafios de Front-End.

Desafio 01 - Introdução ao HTML

  • Proposta: Estruturação básica de uma página web.

  • Aprendizados: Utilização de listas e formatação de textos.

  • Dificuldades: O desafio foi bem tranquilo pois já compreendia um pouco a estrutura de uma página web.

  • Tecnologia utilizada: Static Badge

Desafio 02 - Conceitos básicos de HTML

  • Proposta: Estruturação mais detalhada de uma página web.

  • Aprendizado: Utilização de estruturas para separar a página por partes: header, main, footer, menu... Também aproveitei meu conhecimento básico em CSS3 para modificar cores e posicionamento de alguns elementos.

  • Dificuldades: O desafio exigiu um pouco de pesquisa para encontrar o assunto abordado na página, e foi bem estimulante realizar essa busca.

  • Tecnologias utilizadas: Static Badge Static Badge

Desafio 03 - Recriar uma página da Wikipedia

  • Proposta: Estruturar uma página HTML utilizando tags semânticas.

  • Aprendizados: Produzir uma página mais acessível para leitores de tela da Web; Utilização da extensão para navegadores WAVE que realiza uma leitura da página e indica os pontos que necessitam de atenção ou precisam ser modificaos.

  • Desafios: Pensar de maneira não-visual, para que a página se tornasse mais acessível.

  • Tecnologias utilizadas: Static Badge Static Badge Static Badge

Desafio 04 - Primeira Landing Page com HTML e CSS

  • Proposta: Desenvolver uma Landing Page baseada em um layout desenvolvido no Figma.

  • Aprendizados: Retirar as informações do Figma e estruturar a página o mais fiel possível ao layout proposto.

  • Desafios: Colocar em prática os conceitos apresentados durante as aulas.

  • Tecnologias utilizadas: Static Badge Static Badge

Desafio 05 - Recriar Página do Youtube com HTML e CSS

  • Proposta: Reproduzir uma página de exibição semelhante a do YouTube.

  • Aprendizados: Utilização dos conhecimentos aprendidos a respeito de display flex.

  • Desafio: Deixar a página mais próxima possível do layout disponibilizado no Figma.

  • Tecnologias utilizadas: Static Badge Static Badge