image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
Livia Nascimento
Livia Nascimento13/06/2023 15:10
Compartilhe

Desafio de Projeto | Portfólio

  • #HTML
  • #JavaScript
  • #CSS

Meu portfólio foi feito com HTML, CSS, JS e Bootstrap. Eu mudei o design porque quis deixar com "minha cara", mas segui a ideia base do que foi proposto nos cursos e na descrição do desafio. Como funcionalidades extra, eu decidi acrescentar um modo escuro e a possibilidade de aumentar ou diminuir a fonte. As demais informações sobre o meu código estão detalhadas no README do repositório https://github.com/livnascimento/portfolio

Essa foi a primeira vez que eu só entendi a ideia base do desafio e desenvolvi meu próprio código por conta própria, sem ficar copiando cada linha que o professor digitava e eu sinto que eu aprendi mais com esse código do que com todos os outros juntos.

Depois de finalizar o projeto, eu assisti as aulas do professor e consegui otimizar algumas partes que eu havia escrito, é claro. E meu código não ficou perfeito nem depois disso, tenho certeza que algum programador mais experiente acharia vários "defeitos", mas mesmo assim eu estou muito satisfeita com o resultado final.

Esse desafio de projeto faz parte da Formação Javascript Developer e se o seu foco também for JS (e se você ainda não iniciou a formação), eu recomendo muito que inicie agora.

Aos devs de outras linguagens que estudam por aqui, tentem se afastar mais (de um jeito positivo) da proposta inicial, isso é realmente muito libertador.

Obrigada por lerem até aqui :)

Compartilhe
Comentários (7)
AGENOR JUNIOR
AGENOR JUNIOR - 10/07/2023 20:55

Ficou lindo Lívia!

Kaiki Serra
Kaiki Serra - 14/06/2023 09:59

wow ficou muito bonito! parabéns pelo projeto 👏

TH

Thiago Hauck - 13/06/2023 20:32

Posso dar algumas sugestões?


1. Ao mudar as cores da página para escuro ou claro, salvar no LocalStorage a preferência do usuário, e assim, quando abrir o site novamente será lido o valor salvo no LocalStorage no navegador atual e aplicado a página.

1.1. Também pode detectar a preferência de cores do navegador Web do usuário, e mudar de acordo com a configuração do navegador deixando claro como cor padrão. Essa configuração no Firefox fica em "Idioma e Aparência". Veja sobre como detectar as cores do navegador: https://htmldom.dev/detect-the-dark-mode/

2. As cores claras não estão legais, mas isso é só a minha opinião. Por exemplo, rosa claro no fundo com o texto em cor branca

3. O formulário de contato não funciona. Após o envio do formulário deveríamos ser direcionados para o endereço: http://127.0.0.1:5500/src/views/thanks.html - falta apenas ajustar o endereço para o redirecionamento: https://livnascimento-portfolio.netlify.app/src/views/thanks.html

3.1. Acredito que você não recebeu nenhum dos dois testes que fiz no formulário, tem algum problema com esse formsubmit. Sugestão para isso: se você tiver conta no Telegram, pode usar a API dele pra enviar o formulário de contato direto pra você.

4. Vocẽ pode melhorar o SEO do site e colocar ele no Bing ou no Google, pelo Google Search Console. Assim, melhorando também o conteúdo do site você pode ser achada pela pesquisa.

AA

Andre Alves - 13/06/2023 18:21

Parabéns Lívia, ficou bem bacana.

Giancarlo Rodrigues
Giancarlo Rodrigues - 13/06/2023 16:27

Muito massa, Livia!! Parabéns!!

Rodolffo Souza
Rodolffo Souza - 13/06/2023 16:18

Parabéns!!

Ficou bacana!

Rodrigo Siqueira
Rodrigo Siqueira - 13/06/2023 16:12

Caramba Livia ficou muito legal! parabéns!

uma sugestão, eu adicionaria uma cor diferente para cada ScrowSpy ativo a esquerda, tipo quando a pessoa clicar e descer para a próxima informação da página, ele mudar a cor para mais escuro ou mais claro. Mas é só uma sugestão mesmo. Já está muito bom do jeito que está!