DEV Community

Cover image for Meu primeiro projeto web publicado: do VS Code ao deploy
Vinicius Rodrigues de Brito
Vinicius Rodrigues de Brito

Posted on

Meu primeiro projeto web publicado: do VS Code ao deploy

Comecei a estudar tecnologia há pouco tempo e decidi transformar o aprendizado em algo prático.

Foi assim que surgiu meu primeiro projeto web publicado: um site voltado para Fonoaudiologia, desenvolvido para apresentar conteúdos da área de uma forma mais visual e interativa.

🔗 Projeto online: https://fonohelenalisboa.netlify.app/

A ideia

O objetivo não era criar apenas uma página com textos e informações.

Queria construir uma experiência que tivesse identidade própria e que explorasse diferentes formas de comunicação.

Por isso, durante o desenvolvimento fui adicionando recursos como animações, experiências relacionadas à voz e audição, vídeos em Libras, interações, áudio e até um pequeno easter egg escondido pelo site.

Tecnologias utilizadas

O projeto foi construído utilizando:

  • HTML
  • CSS
  • JavaScript
  • Canvas API
  • Web Audio API
  • GitHub
  • Netlify

Nem tudo funcionou de primeira

Uma das partes que mais me ensinou foi justamente resolver os problemas que apareceram durante o desenvolvimento.

Elementos que funcionavam corretamente no computador apresentaram comportamentos diferentes no celular.

Tive que fazer ajustes de responsividade, corrigir posicionamentos, testar imagens e vídeos em diferentes dispositivos e encontrar alternativas para elementos que não funcionavam da mesma maneira no mobile.

Foi um processo de testar, encontrar problemas, corrigir e testar novamente.

O que aprendi

Mais do que terminar o site, esse projeto me ajudou a entender melhor como as diferentes partes de um projeto web se conectam.

Coloquei em prática conceitos de HTML, CSS e JavaScript, trabalhei com áudio, vídeo, animações e responsividade e tive meu primeiro contato prático com publicação e deploy de um site.

Também percebi uma coisa importante: desenvolver não é apenas escrever código.

Boa parte do processo está em testar, identificar problemas, pesquisar soluções e melhorar aquilo que já foi construído.

Resultado

Depois de várias versões e ajustes, o projeto finalmente foi publicado.

🌐 Site:
https://fonohelenalisboa.netlify.app/

💻 GitHub:
https://github.com/Vini-vn/site-fono-helena-lisboa

Ainda estou no começo dos meus estudos em tecnologia, mas ver meu primeiro projeto funcionando e disponível na internet foi uma experiência muito boa.

Agora é continuar estudando, praticando e construindo os próximos.

Top comments (0)