Este projeto foi desenvolvido como parte da formação do curso de Análise e Desenvolvimento de Sistemas, durante a disciplina de Fundamentos da Programação Web. O objetivo é criar um portfólio online que sirva como currículo pessoal, utilizando apenas HTML5, CSS3 e JavaScript.
Para a conclusão desta atividade prática, os seguintes requisitos foram estabelecidos:
- Menu de navegação com links internos/âncoras: O portfólio deve conter pelo menos 4 links internos, sendo eles:
- Sobre mim: Seção para descrever informações pessoais experiências.
- Formação: Seção para listar a formação acadêmica e/ou certificações.
- Portfólio: Seção para apresentar projetos e trabalhos anteriores.
- Contato: Seção com pelo menos um formulário (nome, e-mail e mensagem).
- Tecnologias Utilizadas:
- HTML5
- CSS3
- JavaScript (não permitido o uso de bibliotecas ou frameworks)
- Comentários Explicativos: Inserir comentários no código para facilitar a compreensão das funcionalidades e estrutura.
- Hospedagem: O site deve ser hospedado e o link disponibilizado, preferencialmente no GitHub Pages.
- Entrega no Portal do Aluno: Subir um arquivo PDF ou DOCX contendo:
- Prints da estrutura de pasta do projeto.
- Nome dos arquivos utilizados no projeto com o respectivo código.
- Print da tela do site em funcionamento.
- Endereço web para acesso público ao site.
O desenvolvimento deste projeto seguiu as seguintes etapas:
- Planejamento: Definição da estrutura e layout do portfólio, identificando as seções necessárias e o conteúdo a ser incluído.
- Desenvolvimento:
- Criação da estrutura HTML5, garantindo semântica e acessibilidade.
- Estilização com CSS3, visando um design responsivo e atraente.
- Implementação de interatividade com JavaScript, melhorando a experiência do usuário, e requisição web.
- Testes: Realização de testes em diferentes navegadores e dispositivos para assegurar a compatibilidade e o funcionamento correto.
- Hospedagem: Publicação do site no GitHub Pages para acesso público.
O projeto foi concluído com sucesso, atendendo a todos os requisitos propostos. O portfólio apresenta:
- Uma interface intuitiva e de fácil navegação.
- Informações organizadas de forma clara e objetiva.
- Design responsivo que se adapta a diferentes tamanhos de tela.
Visualização desktop (telas com largura a partir de 640px ou 40rem)
Visualização mobile (telas menores que 640px ou 40rem)
O portfólio pode ser acessado através do seguinte link: https://estevan-ulian.github.io/atividade-uninter-portfolio
Este projeto proporcionou uma experiência prática valiosa no desenvolvimento de páginas web utilizando tecnologias primordiais e fundamentais. A construção do portfólio permitiu aplicar conceitos aprendidos em aula, além de explorar técnicas de design e usabilidade.
Para executar o projeto localmente, siga os passos abaixo:
- Clone o repositório para o seu ambiente local:
git clone https://github.com/seu-usuario/nome-do-repositorio.git
- Execute o arquivo
index.html
através da extensão live-server ou diretamente no browser.