Oi! Sou Humberto Queiroz, Dev Front-End em formação, este site é meu portfólio, aqui estão os meus conhecimentos e projetos. Esta página também serve como meu laboratório para exprementos, de uma olhada nas versões anteriores!
Projetos e conhecimentos aplicados:
- Calculadora JS
a. JS para receber os valores digitados, armazenar, alterar o display para receber novos valores, realizar as operações e ao final retornar o resultado da operação.
b. CSS para estilização com inspiração na calculadora do Iphone, responsivo para todos os tipos de aparelhos, smartphone, tablet e desktop através de @media query. - Bateria Digital:
a. Projeto voltado a prática de manipulação com JavaScript, manipulação de HTML e seus atributos.
b. Manupulação de mídia (audio) em browser. - Carteira de Cripto moeda:
a. Mobile First:Todo o projeto foi desenvolvido com foco na responsividade em qualquer dispositivo, sendo totalmente compatível com smartphone, tablet ou desktop.
b. Acessibilidade: Todas as imagens contem o atributo alt com descrição do conteúdo da imagem.
c. HTML5 e SEO: Utilizado tags semânticas e metha tags para rankeamento de SEO.
d. CSS e Flexbox: Neste projeto utilizei CSS para estilização geral da página, Flexbox e @mediaquery para responsividade.. - Apeperia
a. Mobile First: Todo o projeto foi desenvolvido com foco na responsividade em qualquer dispositivo, sendo totalmente compatível com smartphone, tablet ou desktop.
b. CSS e Flexbox: Neste projeto utilizei CSS para estilização geral da página, Flexbox e @mediaquery para responsividade.
c. Acessibilidade: Todas as imagens contem o atributo alt com descrição do conteúdo da imagem. - Site Barbearia.
a. HTML5 e SEO: Utilizado tags semânticas e metha tags para rankeamento de SEO. Integração com API do Google Maps e video do Youtube.
b. CSS e Flexbox: Neste projeto utilizei CSS para estilização geral da página, Flexbox e @mediaquery para responsividade. - Este portfólio!
Caso você tenha um pouco mais de experiência no mundo dev, você vai encontrar alguns easter egg e dicas para acessar as versões mais antigas do portfólio.
a. Versão 1.1 foi desenvolvida usando apenas html e css puro.
b. Versão 1.2 foi desenvolvida com HTML semântico, com metha tags como Keywords, description, robots e canonica! para um bom ranqueamento no SEO. CSS desenvolvido com Mobile force, site responsivo para todos os tipos de aparelhos, smartphone, tablet e desktop através de @media query.
c. Versão 1.3 foi desenvolvida com bootstraps 4.1v e mobile force.
d. Versão 1.4 foi desenvolvida com html, css e JS, essa versão é mais voltado a conceitos de designer e ux, como ter um menu fixo no topo para facilitar navegação, link para partes da página inicial, proporcionalidade de itens, designer constante como tamanho de título, texto, botõs.