SITE NO AR \o/ : https://bwartchow-portfolio.netlify.app/
Este repositório contém o projeto final realizado no último módulo do curso "Do Zero ao Primeiro Site" ministrado pela HappyCode, via Programa +praTI.
A +praTI é uma iniciativa da sociedade sem fins lucrativos que busca encontrar e capacitar novos talentos da área de TI. A HappyCode é uma empresa parceira, que ensina formação frontend para alunos da +praTI através do curso "Do Zero ao Primeiro Site".
O projeto final consiste em um site portfólio, com uma apresentação sobre quem sou, minha formação, experiências e uma galeria com os principais trabalhos realizados até então. Nem todos os trabalhos mostrados neste portfólio foram realizados durante as aulas da +praTI.
Diretório | Conteúdo | Subdiretórios | Conteúdo | Versão |
---|---|---|---|---|
MeuProjeto_final_version_ | assets/css | não | arquivos css, importados global.css, importado em index.html | Final |
... | assets/img | não | imagens utilizadas no site | Final |
... | assets/Portfolio | sim | links-arquivos importados na seção Portfólio em index.html | Final |
Primeiras_versoes | MeuProjeto_1.0 | sim | primeira versão do site (tarefa 17) | 1.0 |
... | MeuProjeto_1.1 | sim | segunda versão do site (tarefa 18) | 1.1 |
... | MeuProjeto_1.2 | sim | terceira versão do site (tarefa 19) | 1.2 |
Tarefas | screenshots | não | imagens utilizadas no README | - |
Inicialmente, os alunos tiveram como tarefa criar um painel de referências para o projeto, com imagens, layouts, paletas de cores e fontes. Por ser pessoa transgênero, a paleta de cores do site foi retirada de uma ilustração inspirada na bandeira do orgulho trans. O quadro abaixo foi criado com a ferramenta Pure Ref:
A próxima tarefa consistiu em criar um protótipo de tela simples, da "homepage" do projeto. O protótipo abaixo foi realizado utilizando a ferramenta JustInMind:
Após, houveram três semanas para construção do site em si. Os requisitos a serem cumpridos eram:
- Menu fixado, com links para as seções;
- Seção inicial;
- Seção sobre;
- Seção habilidades;
- Seção portfolio - contendo miniatura dos projetos realizados no curso e seus respectivos links;
- Seção contato;
- Footer;
Utilizou-se classes do framework bootstrap para a disposição dos elementos em linhas e colunas.
Um gerador do efeito CSS de glasmorphism foi utilizado para estilização de elementos. Outro gerador de CSS online foi utilizado para o efeito de sombras nos elementos.
A fonte utilizada no site foi importada diretamente do recurso Fonts do google, bem como o ícone principal "all-inclusive". Os demais ícones são do FontAwesome.
Optou-se por utilizar um carrossel "slider" para apresentação dos projetos na seção Portfólio. Realizado apenas com CSS e HTML.
Para inclusão de JavaScript no portfólio, optou-se por utilizar a tag canvas do html e assim permitir ao usuário desenhar na tela por meio de funções com JavaScript.
As versões do projeto desenvolvidas até a terceira semana do período de construção do site estão disponíveis no diretório "Primeiras_versoes" deste repositório. A responsividade do conteúdo para telas pequenas ainda não havia sido bem trabalhada.
A última versão do projeto foi disponibilizada online em 18/02/23. Acessibilidade do site avaliada em 81,1% (Avaliador e Simulador de Acessibilidade em Sítios - gov.br). Ela se encontra no diretório "MeuProjeto_final_version_" deste repositório e também hospedado aqui via Netlifyapp.
Desenvolvido com amor, por Bê Wartchow.
Conecte-se comigo no linkedin!