Este é o site do 'Mi-Au' Pet-Shop, um petshop ficticio.
Ele nasceu com o intuito de praticar as
tecnologias ja conhecidas por mim, mas tambem para aprender coisas novas, nesse caso aprimorar as habilidades com CSS!
Este é um site de uma loja de roupas ficticia, a Loja X!
Ele foi criado usando Bootstrap, uma tecnologia que eu nunca tinha usado antes desse projeto, Nele aprendi muito sobre alinhamento
e como deixar coisas onde eu realmente queria, utilizei tambem, algumas animações, como o hover nos anuncios que expandem o seu container.
Aprendi tambem como personalizar a barra de rolagem, que é algo bastante interessante, são os pequenos detalhes que fazem a diferença no final!
No geral ele é bem simples, (E Divertido! haha) são dois botoes,
onde um deles cria um quadrado aleatorio, e o outro, gera infinitamente quadradinhos coloridos.
Implementei o site usando Html (um pouquinho), Css e principalmente JavaScript que era a linguagem
que eu estava estudando no momento
Esse site foi desenvolvido acompanhando um 'Code Drops' da RocketSeat (senao me engano, pois ja faz um tempo que criei ele)
Ele utiliza algo MUITO legal e util, o Storage do seu navegador, mas o que isso significa??
Significa que se voce adicionar toda a sua lista de tarefas nele e fechar o seu navegador, quando voce voltar mais tarde
ainda estarão lá todas as suas tarefas adicionadas anteriormente!
PROMISE (maioridade) (:underage::warning:Cuidado com esse site :grimacing::warning::underage:)
Descrição
Esse site foi desenvolvido tambem acompanhando um 'Code Drops' da RocketSeat
Ele utiliza o conceito de "Promises" no JavaScript
O site solicita sua idade e retorna se voce possui ou não 18 anos
Por mais basico que pareça, foi bastante importante para aprender sobre esse conceito, que é bastante importante
Assim como no site anterior, o design não foi nem perto uma prioridade, mas sim o desenvolvimento foi focado na tecnologia e no aprendizado desses conceitos
Esse site foi desenvolvido tambem acompanhando um 'Code Drops' da RocketSeat Mas dessa vez, um Code Drops focado no Design (até que enfim né? chega de site feio)
Para fazer essa animação bonita nas tabs, foi utilizado JavaScript)
O site utiliza JS para alterar o estilo e tambem para capturar quando o usuario clica ou passa seu mouse sobre uma guia, e então dispara a animação correspondente
a ação que o usuario performou.
Para nao utilizar o "Lorem Ipsum" por exemplo, usei o tema de 'como programar?' dando algumas dicas usando as guias personalizadas.
*Os links acima, são do GitHub-Pages!
Atenção!
Abaixo estão os links para os REPOSITORIOS dos projetos