Fase 2: Preparação

Configure seu ambiente de desenvolvimento do zero

🎯 O que você vai fazer:

⏱️ Tempo estimado: 30-60 minutos

Passo 1: Criar Conta no GitHub

1

Acesse GitHub.com

Abra github.com no navegador

2

Clique em "Sign Up"

No canto superior direito da página

3

Preencha seus dados

Email: Use seu email pessoal
Username: Escolha um nome profissional (ex: joao-silva)
Senha: Crie uma senha forte

4

Verifique seu email

GitHub enviará um código de verificação

💡 Dica: Escolha um username profissional! Ele aparecerá em todos os seus projetos e pode ser visto por empresas no futuro. Evite apelidos ou números aleatórios.

Passo 2: GitHub Student Developer Pack

Por que fazer isso?

O Student Pack te dá GitHub Copilot grátis (normalmente $10/mês) e mais de 100 outras ferramentas premium! É essencial para estudantes.

📋 Como Solicitar:

1

Acesse education.github.com/pack

2

Clique em "Get student benefits"

3

Escolha como provar que é estudante:

Opção A: Email institucional (@suafaculdade.edu.br)

Opção B: Upload do comprovante de matrícula (PDF)

4

Preencha o formulário e aguarde aprovação (1-7 dias)

📸 Dica do Comprovante: Se não tiver email institucional, peça uma declaração de matrícula na secretaria da faculdade ou tire um print do portal do aluno mostrando seu nome e status ativo.

Passo 3: Instalar VS Code

O Visual Studio Code (VS Code) é o editor de código mais popular do mundo. É gratuito e você vai usá-lo para escrever todo o código.

💻 Instalação:

1

Acesse code.visualstudio.com

2

Clique em "Download" (ele detecta automaticamente seu sistema)

3

Instale normalmente (próximo, próximo, instalar...)

4

Abra o VS Code e veja se funcionou!

🔌 Extensões Essenciais:

Após instalar o VS Code, adicione estas extensões gratuitas:

Live Server

Visualize seu site localmente em tempo real

Prettier

Formata seu código automaticamente

GitHub Copilot

IA que programa com você (se tiver Student Pack)

Continue

Alternativa gratuita ao Copilot

💡 Como instalar extensões: Clique no ícone de quadradinhos na barra lateral esquerda do VS Code, procure pelo nome e clique em "Install".

Passo 4: Configurar Git

O Git é o sistema que controla versões do seu código. Você vai usá-lo para salvar seu progresso e sincronizar com o GitHub.

Windows:

  1. Baixe o Git em git-scm.com/download/win
  2. Execute o instalador (deixe tudo padrão)
  3. Abra o "Git Bash" (procure no menu iniciar)
  4. Configure seu nome e email:
    git config --global user.name "Seu Nome"
    git config --global user.email "[email protected]"

Mac:

  1. Abra o Terminal (Cmd + Espaço, digite "Terminal")
  2. Digite: git --version
  3. Se não tiver instalado, o Mac pedirá para instalar automaticamente
  4. Configure nome e email:
    git config --global user.name "Seu Nome"
    git config --global user.email "[email protected]"

⚠️ Importante: Use o mesmo email que você usou para criar a conta no GitHub!

Passo 5: Criar Conta no Cloudflare Pages

O Cloudflare Pages é onde você vai hospedar seus sites gratuitamente. É rápido, confiável e usado por milhões de sites.

1

Acesse Cloudflare Pages

Vá em pages.cloudflare.com

2

Clique em "Sign Up"

Crie uma conta grátis com seu email

3

Verifique seu email

Cloudflare enviará um link de verificação

4

Pronto!

Você não precisa fazer mais nada agora. Vamos usar na Fase 4 (Deploy)

✅ Tudo Grátis: O plano gratuito do Cloudflare Pages é ilimitado! Sem pegadinhas, sem cartão de crédito necessário.

Checklist - Você Completou Tudo?

Próximos Passos

Parabéns! Seu ambiente está pronto! 🎉 Agora vamos começar a desenvolver seu primeiro projeto usando IA como copiloto.

Ir para Fase 3: Desenvolvimento
Fase 1: Fundamentos Documentação