Para virar desenvolvedor em casa não há atalho, e o caminho mais seguro é curto de explicar: escolha um recurso gratuito e estruturado, programe todos os dias, publique algo cedo e só depois pense em emprego. Esta matéria é o primeiro passo da trilha "Quero virar dev em casa". Ela ajuda você a decidir por onde começar, mostra o que os melhores recursos gratuitos oferecem e termina com um plano de 30 dias que termina em uma página sua publicada na internet.
Honestidade primeiro: nenhuma fonte oficial que a Redação leu promete prazo, salário ou vaga. Esta trilha não promete emprego. Ela ajuda você a reunir evidências reais de que está evoluindo.
Para quem é este artigo
- Quem nunca programou e quer saber se faz sentido.
- Quem está pensando em mudar de carreira.
- Quem é estudante e quer praticar além da sala de aula.
- Quem assiste vídeos, mas não evolui e precisa de uma sequência.
Pré-requisitos: nenhum. Segundo o MDN, os módulos de início são para quem "nunca instalou um editor de código nem escreveu código".
O que você vai aprender
- As principais áreas da programação e qual escolher primeiro.
- Por que começar pela web.
- O que MDN, The Odin Project e CS50 oferecem de graça.
- Um plano de 30 dias, com mini-projeto.
- Os erros que mais fazem iniciantes desistirem.
1. Você realmente quer virar dev?
Antes de qualquer curso, responda por escrito:
- O que me atrai? Criar coisas visíveis, resolver problemas lógicos, mexer com dados, automatizar tarefas?
- Quanto tempo real eu tenho por dia? Uma hora todo dia vale mais do que dez horas uma vez por mês, e esta é uma recomendação da Redação, e não um resultado medido.
- Eu aceito errar muito? Programar é passar boa parte do tempo com código que não funciona.
Se a resposta à terceira for "não", respire fundo: é o que todo mundo sente. A diferença é continuar depois do erro.
2. As principais áreas (explicação da Redação)
| Área | O que faz | Ponto de partida |
|---|---|---|
| Front-end | O que o usuário vê e usa no navegador | HTML, CSS e JavaScript |
| Back-end | O que roda no servidor: regras, dados, contas | Uma linguagem de servidor e bancos de dados |
| Mobile | Aplicativos de celular | Linguagens e ferramentas de cada plataforma |
| Dados | Análise, relatórios e modelos | Planilhas, SQL e Python |
| IA | Sistemas que usam modelos de linguagem e de imagem | Python, estatística e muita prática |
Todas as áreas dependem dos mesmos fundamentos: lógica, leitura de erros, versionamento de código e a capacidade de pesquisar.
3. Por que começar pela web (opinião da Redação)
Esta é uma recomendação, e não uma regra: comece pela web. Os motivos:
- Dá para começar com um navegador e um editor de texto. Você vê o resultado na hora.
- Os recursos gratuitos mais conhecidos usam essa porta de entrada. O MDN ensina HTML, CSS e JavaScript nos módulos principais; o The Odin Project abre com Git, HTML, CSS, Flexbox e JavaScript; o CS50x também passa por HTML, CSS e JavaScript.
- Publicar é simples. Com o GitHub Pages, uma página pode ir ao ar de graça, como você vê no plano abaixo.
Isso não significa que o back-end, dados ou IA sejam "menos". Significa que a web dá o primeiro resultado mais rápido, e resultado rápido ajuda a continuar.
4. Os melhores recursos gratuitos, segundo as páginas oficiais
| Recurso | O que é | O que a página diz | Língua |
|---|---|---|---|
| MDN: Learn web development | Tutoriais de desenvolvimento web da Mozilla | Leva de "iniciante" a "confortável", com módulos de HTML, CSS, JavaScript, acessibilidade e controle de versão | Inglês |
| The Odin Project | Currículo full stack | "Gratuito e apoiado por uma comunidade open source", com "dezenas de projetos" para portfólio | Inglês |
| CS50x (Harvard) | Introdução à ciência da computação | Gratuito pela versão OpenCourseWare, sem pré-requisitos listados, edição 2026; C, Python, SQL, HTML, CSS e JavaScript | Inglês, com aulas dubladas em português |
| Full Stack Open (Helsinki) | Aplicações web com React, Node.js e outras | Material com licença Creative Commons BY-NC-SA 3.0 | Inclui versão em português (BR) |
Como escolher um só: escolha um e termine antes de abrir outro. Para quem quer um passo a passo com projetos, o Foundations, do The Odin Project, reúne Git, HTML, CSS, Flexbox e JavaScript básico, e termina com cinco projetos: Receitas, Landing Page, Pedra-Papel-Tesoura, Etch-a-Sketch e Calculadora. Para quem quer entender computação desde a base, o CS50x tem aulas dubladas em português. A página do MDN é uma excelente referência para consultar em qualquer um dos dois.
Sobre o inglês: quase todo recurso bom é em inglês. Você não precisa de fluência para começar. Aprender a ler documentação, aos poucos, é parte da profissão.
5. O que você precisa
- Um computador com navegador e editor de texto. A Redação não encontrou um requisito mínimo oficial nas fontes lidas; em geral, para HTML, CSS e JavaScript, um computador comum costuma bastar, e esta é uma observação da Redação.
- Internet para estudar e para publicar.
- Um editor de código. O MDN tem um módulo de configuração do ambiente para quem nunca instalou um.
- Uma conta no GitHub, para guardar o código e publicar páginas.
- Constância. É o único item que ninguém pode comprar.
6. Quanto tempo leva?
Nenhuma fonte oficial lida dá um prazo, e a Redação não vai inventar um. O MDN descreve a meta como levar de "iniciante" a "confortável", e não a "especialista". O que dá para fazer é medir o seu progresso em evidências: páginas publicadas, projetos terminados, problemas que você resolve sozinho. Quanto tempo isso leva depende de quantas horas por semana você mantém, da qualidade do estudo e do ponto de partida.
7. Vídeos para começar
Os três vídeos foram verificados quanto ao título, ao canal, à duração, à data e à possibilidade de incorporação. A Redação não os assistiu na íntegra nem verificou o que dizem.
Vídeo: Attekita Dev
Vídeo: CS50
Vídeo: Tina Huang
8. Plano de 30 dias (da Redação)
O objetivo é terminar o mês com uma página sua publicada. Cada semana tem uma entrega.
Semana 1: ambiente e primeira página
- Instale um editor de código (o MDN tem um módulo de configuração do ambiente).
- Crie uma conta no GitHub.
- Estude HTML com um dos recursos acima, de 45 a 60 minutos por dia.
- Entrega: uma página com seu nome, uma foto ou avatar e um parágrafo sobre você.
Semana 2: CSS
- Aprenda cores, fontes, espaçamento e Flexbox.
- Entrega: a mesma página, agora organizada e legível no celular.
Semana 3: publicar
- Crie um repositório chamado
seu-usuario.github.io, conforme o guia do GitHub, e publique a página. O guia avisa que a publicação pode levar até 10 minutos. - Escreva um README curto com o que o projeto é.
- Entrega: o endereço da sua página funcionando.
Semana 4: primeiro toque de JavaScript
- Faça um botão que muda algo na página, como o tema claro e escuro.
- Revise a semana: o que você entendeu e o que ainda não.
- Entrega: a página com uma interação, e uma lista das cinco dúvidas que ficaram.
Mini-projeto
Página pessoal publicada no GitHub Pages. Resultado esperado: o leitor sai com uma página online e entende o básico de como a web funciona.
Cuidado com os limites do GitHub Pages: a página de limites informa que o site publicado pode ter até 1 GB, que há um teto de tráfego de 100 GB por mês (não imposto de forma rígida) e cerca de 10 publicações por hora no modo padrão. O serviço também não é permitido como hospedagem gratuita para rodar um negócio. Para uma página pessoal e projetos de estudo, isso não é problema.
9. Erros que fazem iniciantes desistirem (da Redação)
- Trocar de curso toda semana. Escolha um e termine.
- Assistir sem escrever código. Se você viu o vídeo e não programou, você assistiu a um vídeo sobre programação. Programe junto, pause, quebre e conserte.
- Começar por framework. Antes de React, entenda HTML, CSS e JavaScript.
- Se comparar com quem tem anos de prática. Compare-se com você mesmo, de uma semana atrás.
- Estudar só no fim de semana. Blocos curtos e diários funcionam melhor para a maioria das pessoas, o que é uma recomendação da Redação.
- Usar IA para entregar o projeto. Use-a para explicar um erro ou revisar um trecho, e não para escrever tudo por você. Sobre isso, a trilha trará um artigo próprio.
Checklist de conclusão
- Escolhi um recurso gratuito e vou terminá-lo antes de abrir outro.
- Instalei um editor de código.
- Criei minha conta no GitHub.
- Defini um horário fixo de estudo.
- Publiquei uma página pessoal.
- Anotei minhas dúvidas da semana 4.
Próximo passo da trilha
O próximo artigo trata de lógica de programação, a habilidade que vem antes da linguagem. Enquanto ele não sai, você pode seguir com o plano acima. Para quem já usa IA no estudo, veja também como usar IA para estudar.
Perguntas frequentes
Dá para virar dev estudando em casa, de graça?
Há recursos gratuitos e estruturados, como o The Odin Project e o CS50x, que a própria página descreve como gratuitos. Mas nenhuma fonte oficial lida promete emprego ou prazo. O que existe é um caminho de estudo e prática, e o resultado depende de você.
Por onde começar a aprender programação do zero?
Escolha um recurso gratuito (MDN, The Odin Project ou CS50x), configure um editor e publique uma página pessoal nas primeiras semanas. Esta matéria traz um plano de 30 dias.
Preciso saber inglês para aprender programação?
Não para começar. O CS50x tem aulas dubladas em português, e o Full Stack Open tem versão em português (BR). Mas boa parte da documentação é em inglês, e aprender a lê-la, aos poucos, faz parte do caminho.
O CS50 é gratuito?
Segundo a página oficial, é possível fazer o CS50x gratuitamente pela versão OpenCourseWare. Os certificados são separados, e a página não informa o preço.
Qual linguagem de programação devo aprender primeiro?
A Redação recomenda começar pela web (HTML, CSS e JavaScript), porque dá resultado visível rápido e os recursos gratuitos mais conhecidos usam essa porta de entrada. É uma recomendação, e não uma regra.
Quanto tempo leva para virar desenvolvedor?
Nenhuma fonte oficial lida informa um prazo, e a Redação não o inventa. Meça seu progresso em evidências: páginas publicadas, projetos terminados e problemas que você resolve sozinho.
Posso hospedar meu site pessoal de graça?
O GitHub Pages permite publicar uma página pessoal de graça, com limites de tamanho e de tráfego. A página oficial diz que ele não deve ser usado como hospedagem gratuita para rodar um negócio.
Fontes
- Learn web development, MDN Web Docs (Mozilla)
- The Odin Project, The Odin Project
- Foundations Course, The Odin Project
- CS50x: Introduction to Computer Science, Harvard CS50
- Full Stack Open, Universidade de Helsinki
- Quickstart for GitHub Pages, GitHub Docs
- GitHub Pages limits, GitHub Docs
