Deixa eu adivinhar seu momento atual: você já assistiu horas de tutorial. Entende if/else, for, talvez até função. Enquanto assiste o vídeo, tudo faz sentido. Mas quando abre o editor com a tela em branco… o pânico bate. Você se sente um “zumbi de tutorial”.
Se você se sente assim, respire. Não é sinal de incapacidade — é sintoma da fase mais comum e perigosa da jornada de dev: o vício de tutorial. A ponte pra sair de “estudante” pra “desenvolvedor” não é pavimentada com mais vídeo, é construída com os tijolos do seu próprio projeto.
Resumo rápido
- Mentalidade primeiro: “feito” é infinitamente melhor que “perfeito” — GitHub é caderno de rascunho, não galeria de arte.
- 3 projetos: gerador de citações (API simples), conversor de moeda (API real + input do usuário), e sua própria página-portfólio (deploy de verdade).
- README bom separa quem parece iniciante de quem parece profissional — 20 minutos investidos, retorno desproporcional.
A Mentalidade Anti-Perfeição
Muita gente trava porque compara o primeiro rabisco com a Monalisa — quer que o primeiro projeto seja genial e perfeito. Receita pro fracasso. O objetivo não é ser perfeito, é ser concluído: planejar, escrever, quebrar, debugar, colocar no ar. Cada projeto concluído, por mais simples, constrói habilidade e confiança de verdade.
Os 3 Projetos
Projeto 1: Gerador de Citações Aleatórias
Página com uma citação exibida e um botão “Gerar nova citação”.
Por que vale: ensina o básico (HTML + CSS + JS) e introduz a parte mais valiosa — consumir API, uma das habilidades mais pedidas no mercado.
Como começar:
- HTML: um pra citação e um
.- CSS: centralize, use uma fonte boa (Google Fonts), estilize o botão.
- JS: use
fetch()pra chamar uma API gratuita de citações, como a quotable.io, e insira o texto retornado no.Projeto 2: Conversor de Moedas Simples
Campo de valor + seletor de moeda origem + seletor de moeda destino, com resultado automático.
Por que vale: reforça consumo de API com dado do mundo real, manipulação de input do usuário e um pouco de gerenciamento de estado.
Como começar:
- HTML:
pro valor, doispras moedas. - API: exchangerate-api.com tem plano gratuito bom pra isso.
- JS: ao carregar a página,
fetch()busca as taxas atuais. Uma função dispara a cada mudança no campo, calcula e exibe o resultado.
Projeto 3: Sua Página-Portfólio Pessoal
O mais importante dos três — sua vitrine online, onde você exibe os projetos 1 e 2.
Por que vale: é o link que vai no currículo e no LinkedIn, pratica layout do zero, e ensina deploy de verdade — o passo que torna seu trabalho visível pro mundo.
Como começar:
- Planeje as seções no papel: “Sobre Mim”, “Habilidades”, “Projetos”, “Contato”.
- Construa a estrutura em HTML/CSS, limpa e profissional.
- Na seção Projetos, coloque print + link ao vivo + link do GitHub de cada um.
- Deploy gratuito: temos um guia completo de como colocar o site no ar de graça, incluindo domínio próprio.
A Regra de Ouro do README
Código funcional é ótimo, mas o que separa iniciante de “iniciante que parece profissional” é um bom
README.md. Pra cada projeto, invista 20 minutos explicando:- O que o projeto faz
- Por que você o construiu e o que aprendeu
- Quais tecnologias usou
- Como alguém roda na própria máquina
Isso demonstra organização e comunicação — habilidades tão importantes quanto saber codificar, especialmente se um dia você precisar explicar um gap no currículo ou se recolocar depois de uma demissão.
Perguntas frequentes
Preciso de ideia 100% original pro portfólio? Não. Pra quem está começando, execução e aprendizado importam muito mais que originalidade. Recriar projeto clássico é a melhor forma de aprender.
Onde hospedo isso de graça? Pra front-end estático (HTML/CSS/JS), as melhores opções gratuitas são GitHub Pages, Vercel e Netlify.
Como mostro isso no currículo? Crie uma seção “Projetos” com o nome de cada um, link pra versão ao vivo e link pro repositório. Exemplo: “Conversor de Moedas [Live] [Código]”.
Sua Missão
Você começou este artigo preso num ciclo de consumo passivo. Agora tem um plano de ação claro pra virar criador. Cada
, cada função, cadagit commita partir de agora é um passo pra fora do limbo dos tutoriais.Qual desses três projetos você vai começar neste fim de semana?
Recomendação relacionada
Soft Skills: The Software Developer’s Life Manual
Um dos livros mais recomendados sobre carreira, produtividade e vida profissional de quem programa.
Ver na Amazon →Como Associado Amazon, Visão Binária pode ganhar uma comissão sobre compras qualificadas feitas através deste link, sem custo adicional pra você.
Related Posts
A Ilusão da Mente: Por que a “Inteligência” Artificial não existe (e por que ela não vai te substituir)
Eu estou cansada de pessoas achando que a Inteligência Artificial realmente tem uma inteligência. Por esse motivo, resolvi escrever este texto para compartilhar com quem… A Ilusão da Mente: Por que a “Inteligência” Artificial não existe (e por que ela não vai te substituir)
Emprego vs. Carreira: Por que seu Crachá é Temporário (O Guia de Carreira Dev)
Existe uma confusão perigosa na cabeça da maioria dos profissionais de tecnologia — uma que gera burnout, medo de demissão e estagnação. Confundimos onde estamos… Emprego vs. Carreira: Por que seu Crachá é Temporário (O Guia de Carreira Dev)
Demissão em Tech: Guia de Sobrevivência e Retomada (O Reboot 2025)
Ontem você tinha um crachá, acesso ao Slack e uma lista de tickets no Jira. Hoje você tem um e-mail de “desligamento”, acesso revogado e… Demissão em Tech: Guia de Sobrevivência e Retomada (O Reboot 2025)