Skip to content

Latest commit

 

History

History
71 lines (52 loc) · 2.94 KB

README.md

File metadata and controls

71 lines (52 loc) · 2.94 KB
Raw

Projeto Lessons Learned

Contexto:

Este projeto foi desenvolvido enquanto estudava na Trybe e foi realizado por Bruno Ro7.

Seu contexto principal foi utilizar HTML para construir uma página WEB. Utilizando HTML semântico para tornar a página mais acessível e melhor ranqueada de acordo com o CodeSniffer. E utilizar CSS para adicionar estilo e posicionar os elementos. Ele contêm uma série de informações sobre o que aprendi durante a parte de Fundamentos no curso da Trybe.

Técnologias usadas

Front-end:

Desenvolvido usando: CSS3, HTML5;

Instalação do projeto localmente:

Para cada um dos passos, haverá um exemplo do comando a ser digitado para fazer o que está sendo pedido, caso tenha dificuldades e o exemplo não seja suficiente, sinta-se a vontade para me contatar em [email protected].

  1. Abra o terminal e crie um diretório no local de sua preferência com o comando mkdir:
  mkdir projetos

obs: lembrando que 'projetos' é o nome para o diretório, podendo ser qualquer outro nome;

  1. Entre no diretório que acabou de criar e depois clone o projeto:
  cd projetos
  1. Faça o clone o projeto:
  git clone git@github.com:brunoro7/lessons-Learned.git

Obs: Para evitar problemas de CORS, utilize a extensão Live Server do VsCode para conseguir carregar todos os assets externos. Abra o arquivo index.html, clique em GoLiveServer localizado na barra inferior do seu VsCode, ou clicando com o o botão direito do seu mouse.

Escopo do Projeto

Este projeto tem como base os seguintes requisitos:

  • 1. Precisa ter uma cor branca de fundo.
  • 2. Precisa ter uma barra superior com um título.
  • 3. Deve conter uma foto sua na página.
  • 4. Deve ter uma lista de lições aprendidas.
  • 5. Deve ter uma lista de lições que ainda deseja aprender.
  • 6. Precisa ter um rodapé.
  • 7. Deve ser inserido pelo menos um link externo na página.
  • 8. Deve ser criado um artigo sobre seu aprendizado.
  • 9. Deve ser criado uma seção que conta uma passagem sobre seu aprendizado.
  • 10. Os elementos HTML devem estar de acordo com o sentido e o propósito de cada um deles.

Bônus

  • 11. Teste a semântica da sua página está aprovada pelo site CodeSniffer.
  • 12. Adicione uma tabela à página.
  • 13. Utilize o Box model.
  • 14. Altere atributos relacionados as fontes.
  • 15. Posicione o seu artigo e a seção sobre aprendizados um ao lado do outro.