Skip to content

JorgeCJ/Exercicio-2-ALTERNATIVO-Desafio-Hyperativa-Teste-Front-end-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

Exercício 2 do Desafio Hyperativa

Resolução alternativa para teste para estágio Front-end

Instruções para utilização do projeto:

Não tem segredo, as instruções de utilização, são as mesmas da outra versão desse exercício. Primeiramente, você irá precisar instalar a extensão Live Server em seu Visual Studio Code. Caso já tenha esta extensão instalada, basta navegar utilizando o terminal de sua preferência até o local onde deseja baixar o repositório. Após isso, coloque no seu terminal o comando git clone (chave ssh). Vou dar um exemplo de como ficará o comando: git clone git@github.com:JorgeCJ/Exercicio-2-ALTERNATIVO-Desafio-Hyperativa-Teste-Front-end-.git. O arquivo será baixado em seu computador e para abri-lo basta clicar com o botão direito na pasta escrita exercício2 alternativo e escolher a opção Abrir com Code, o que fará com que o exercício seja aberto no editor de código fonte Visual Studio Code. Clique no arquivo index.html do exercício em questão e aperte Ctrl + Shift + p. Abrirá uma pequena tela na parte superior do seu Visual Studio Code e você deverá selecionar a opção Live Server: Open with Live Server. Após todas estas etapas, finalmente poderá verificar o projeto funcionando em seu navegador :D.

Observações sobre o desenvolvimento dos exercícios:

Estava observando o projeto e pensei se existia alguma forma de reduzir ainda mais a quantidade de imagens utilizadas, daí tive uma ideia. Decidi baixar como imagem o modelo do site do Zeplin. E para conseguir colocar links, apenas coloquei tags âncoras sobre essa única imagem. Após isso, coloquei os textos e os posicionei corretamente. E com isso, o projeto estava pronto, utilizando apenas UMA ÚNICA imagem. Foi até mais simples, nem precisei utilizar o Paint 3D.

Mais detalhes:

Se quiser verificar o exercício 2 da versão alternativa funcionando, basta clicar aqui.

Tecnologias utilizadas:

About

Essa é uma solução alternativa ao exercício 2 do Desafio-Hyperativa-Teste-Front-end.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages