# Quero virar dev em casa: por onde começar de verdade, com um plano de 30 dias e recursos gratuitos

> Não existe atalho para virar desenvolvedor, mas existe um caminho: um recurso gratuito e estruturado, prática diária e uma página publicada logo no começo. Veja as áreas da programação, por que começar pela web, o que MDN, The Odin Project e CS50 oferecem de graça e um plano de 30 dias.

- Editoria: Carreira
- Autor: Redação PushTech
- Publicado em: 2026-10-24T21:20:00-03:00
- URL canônica: https://pushtech.tech/carreira/quero-virar-dev-em-casa-por-onde-comecar-de-verdade-com-plano-de-30-dias

**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

1. As principais áreas da programação e qual escolher primeiro.
2. Por que começar pela web.
3. O que MDN, The Odin Project e CS50 oferecem de graça.
4. Um plano de 30 dias, com mini-projeto.
5. 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: Lógica de programação, por onde começar? (Guia rápido de estudos completo para iniciantes) (Attekita Dev)_

_Vídeo: CS50x em Português - Aula 0 - Scratch (CS50)_

_Vídeo: How To Learn To Code In 2026 (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](/pro/qual-ia-e-melhor-para-estudar-chatgpt-gemini-ou-claude-modos-de-estudo).

## 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](https://developer.mozilla.org/en-US/docs/Learn_web_development), MDN Web Docs (Mozilla)
- [The Odin Project](https://www.theodinproject.com/), The Odin Project
- [Foundations Course](https://www.theodinproject.com/paths/foundations/courses/foundations), The Odin Project
- [CS50x: Introduction to Computer Science](https://cs50.harvard.edu/x/), Harvard CS50
- [Full Stack Open](https://fullstackopen.com/en/), Universidade de Helsinki
- [Quickstart for GitHub Pages](https://docs.github.com/en/pages/quickstart), GitHub Docs
- [GitHub Pages limits](https://docs.github.com/en/pages/getting-started-with-github-pages/github-pages-limits), GitHub Docs