🎯 Objetivo
Criar e hospedar o seu primeiro portfólio profissional utilizando o GitHub Pages, demonstrando suas habilidades iniciais em HTML/CSS e organização de projetos.
🚀 Passo 1: O Repositório Especial
No GitHub, crie um novo repositório com o nome exato: seu-usuario.github.io
Exemplo: Se seu usuário é aluno123, o repositório deve ser aluno123.github.io.
Dica: Isso ativará automaticamente a hospedagem gratuita do GitHub!
🛠️ Passo 2: O Que Deve Conter no Portfólio
- Cabeçalho: Seu nome e área de atuação (ex: Desenvolvedor Front-End em formação).
- Redes Sociais: Link obrigatório para o seu LinkedIn. (Opcionais: GitHub, Instagram profissional, etc).
- Sobre Mim: Um breve parágrafo contando sua trajetória no curso de Desenvolvimento de Sistemas.
- Projetos: Apresentar 3 projetos realizados no curso em formato de Cards CSS contendo:
- Título do projeto;
- Breve descrição;
- Tecnologias usadas (Ex: HTML, CSS, JS);
- Link para o código ou demo.
- Habilidades: Uma seção com ícones ou badges das tecnologias que você já domina.
🤖 Passo 3: Criando a Estrutura com IA
Você pode utilizar uma Inteligência Artificial (como o Gemini ou ChatGPT) para te ajudar a criar a base visual do seu portfólio. Tente um prompt como este:
"Aja como um desenvolvedor Front-end sênior. Crie uma estrutura base de portfólio em HTML5 e CSS3 moderno.
Preciso de uma seção Hero, seção Sobre Mim, uma Grid de Projetos com 3 cards responsivos e um rodapé com links sociais.
Use cores profissionais e fontes do Google Fonts."
✅ Critérios de Avaliação
| Requisito |
Valor |
| Acessibilidade via link .github.io |
Obrigatório |
| Link funcional para LinkedIn |
2,0 pts |
| 3 Cards de projetos estilizados com CSS |
6,0 pts |
| Seção "Sobre Mim" e Organização Geral |
2,0 pts |
📲 Bônus: Botão de Contato Inteligente
Para facilitar que um recrutador entre em contato, você pode criar um link que abre o seu WhatsApp já com uma mensagem pronta. Isso é feito através da API do WhatsApp.
A estrutura da URL é a seguinte:
https://wa.me/SEUTELEFONE?text=SUAMENSAGEM
Como configurar:
- Telefone: Use o código do país + DDD + Número (apenas números).
Exemplo: 5515999999999
- Mensagem: A mensagem deve ser "codificada" para URLs. Espaços devem ser substituídos por
%20.
Exemplo de Link no HTML:
<a href="https://wa.me/5515999999999?text=Olá,%20vi%20seu%20portfólio%20e%20gostaria%20de%20conversar!" target="_blank">
Fale Comigo no WhatsApp
</a>
Dica de Carreira: Sempre use o atributo target="_blank" em links externos para que o recrutador não feche o seu portfólio ao clicar.