Conheça o projeto
Neste desafio, você vai desenvolver um portfólio em HTML e CSS, com layout moderno e que apresenta sua identidade como desenvolvedor(a), suas principais habilidades e projetos em destaque. O portfólio contará com uma seção de apresentação personalizada, tags de tecnologias que identificam sua stack e cards de projetos que exibem imagem, título e descrição.
Recursos
Materiais para você usar como base para o desenvolvimento
Instruções
Estrutura, regras e requisitos do projeto
1. Estrutura inicial
- Crie um projeto com a estrutura base do HTML;
- Crie o arquivo que vai conter a estilização em CSS;
2. Requisitos
Apresentação
- Crie uma seção inicial de apresentação;
- Adicione uma foto de perfil em formato circular;
- Crie textos com mensagem de boas-vindas e o nome em destaque;
- Crie um título principal com a profissão/especialidade (ex: Desenvolvedora PHP).
- Crie um parágrafo breve contando sobre você, sua área de atuação ou o que gosta de desenvolver.
Habilidades
- Liste pelo menos 4 tecnologias ou ferramentas que você utiliza;
- Cada tecnologia deve estar em uma tag/badge colorida estilizada com CSS;
Seção dos Serviços
- Liste todos os serviços que você presta;
Seção de Projetos
- Crie a listagem dos projetos;
- Exiba pelo menos 4 projetos em um card. Cada card deverá conter:
- Uma imagem ilustrativa;
- Um título;
- Uma breve descrição;
- Tags das tecnologias usadas.
Seção de Contato
- Inclua pelo menos 4 formas de contato (ex: LinkedIn, Instagram, GitHub, E-mail);
- Cada contato deve estar dentro de um botão ou card clicável.
3. Desenvolvendo o projeto
Para desenvolver esse projeto, recomendamos utilizar as principais tecnologias que utilizamos durante o desenvolvimento do primeiro módulo da formação.
Caso você tenha alguma dificuldade você pode ir no nosso fórum e deixar sua dúvida por lá!
Após terminar o desafio, caso você queira, você pode tentar dar o próximo passo e deixar a aplicação com a sua cara. Tente mudar o layout, cores, ou até adicionar novas funcionalidades para ir além! 🚀
4. Entrega
Após concluir o desafio, você deve enviar a URL do seu código no Github.
Além disso, que tal fazer um post no LinkedIn compartilhando o seu aprendizado e contando como foi a experiência? É uma excelente forma de demonstrar seus conhecimentos e atrair novas oportunidades!
Obs: Se você se sentir à vontade, pode postar um print do resultado final e nos marcar! Vai ser incrível acompanhar a sua evolução! 💜
5. Considerações finais
Lembre-se que o intuito de um desafio é te impulsionar, por isso, dependendo do desafio, pode ser que você precise ir além do que foi discutido em sala de aula. Mas isso não é algo ruim: ter autonomia para buscar informações extras é uma habilidade muito valiosa e vai ser ótimo pra você treinar ela aqui com a gente!
E lembre-se: tenha calma! Enfrentar desafios faz parte do seu processo de aprendizado!
Se precisar de alguma orientação ou suporte, estamos aqui com você! Bons estudos e boa prática! 💜
Feito com 💜 por Rocketseat 👋
1. Estrutura inicial
- Crie um projeto com a estrutura base do HTML;
- Crie o arquivo que vai conter a estilização em CSS;
2. Requisitos
Apresentação
- Crie uma seção inicial de apresentação;
- Adicione uma foto de perfil em formato circular;
- Crie textos com mensagem de boas-vindas e o nome em destaque;
- Crie um título principal com a profissão/especialidade (ex: Desenvolvedora PHP).
- Crie um parágrafo breve contando sobre você, sua área de atuação ou o que gosta de desenvolver.
Habilidades
- Liste pelo menos 4 tecnologias ou ferramentas que você utiliza;
- Cada tecnologia deve estar em uma tag/badge colorida estilizada com CSS;
Seção dos Serviços
- Liste todos os serviços que você presta;
Seção de Projetos
- Crie a listagem dos projetos;
- Exiba pelo menos 4 projetos em um card. Cada card deverá conter:
- Uma imagem ilustrativa;
- Um título;
- Uma breve descrição;
- Tags das tecnologias usadas.
Seção de Contato
- Inclua pelo menos 4 formas de contato (ex: LinkedIn, Instagram, GitHub, E-mail);
- Cada contato deve estar dentro de um botão ou card clicável.
3. Desenvolvendo o projeto
Para desenvolver esse projeto, recomendamos utilizar as principais tecnologias que utilizamos durante o desenvolvimento do primeiro módulo da formação.
Caso você tenha alguma dificuldade você pode ir no nosso fórum e deixar sua dúvida por lá!
Após terminar o desafio, caso você queira, você pode tentar dar o próximo passo e deixar a aplicação com a sua cara. Tente mudar o layout, cores, ou até adicionar novas funcionalidades para ir além! 🚀
4. Entrega
Após concluir o desafio, você deve enviar a URL do seu código no Github.
Além disso, que tal fazer um post no LinkedIn compartilhando o seu aprendizado e contando como foi a experiência? É uma excelente forma de demonstrar seus conhecimentos e atrair novas oportunidades!
Obs: Se você se sentir à vontade, pode postar um print do resultado final e nos marcar! Vai ser incrível acompanhar a sua evolução! 💜
5. Considerações finais
Lembre-se que o intuito de um desafio é te impulsionar, por isso, dependendo do desafio, pode ser que você precise ir além do que foi discutido em sala de aula. Mas isso não é algo ruim: ter autonomia para buscar informações extras é uma habilidade muito valiosa e vai ser ótimo pra você treinar ela aqui com a gente!
E lembre-se: tenha calma! Enfrentar desafios faz parte do seu processo de aprendizado!
Se precisar de alguma orientação ou suporte, estamos aqui com você! Bons estudos e boa prática! 💜
Feito com 💜 por Rocketseat 👋
Tarefas
Use este checklist para ajudar a organizar a sua entrega