⚙️ Configuração Inicial

Prepare seu Ambiente

Configure tudo em 5 minutos para começar a programar!

1

Instale o Expo Go

Aplicativo para testar seus apps no celular

🤖

Android

  1. 1. Abra a Play Store no seu celular
  2. 2. Pesquise por "Expo Go"
  3. 3. Instale o app (desenvolvedor: Expo Project)
  4. 4. Abra o app e permita acesso à câmera
📲 Abrir Play Store
🍎

iPhone/iPad

  1. 1. Abra a App Store no seu dispositivo
  2. 2. Pesquise por "Expo Go"
  3. 3. Instale o app (desenvolvedor: Expo Project)
  4. 4. Abra o app e permita acesso à câmera
📲 Abrir App Store

💡 Dica: O Expo Go funciona como um "player" de apps. Você escreve o código no computador e ele aparece instantaneamente no seu celular!

2

Acesse o Expo Snack

Editor de código online - nada precisa instalar no PC!

  1. 1. No computador, acesse: snack.expo.dev
  2. 2. Clique em "Sign In" (canto superior direito)
  3. 3. Crie uma conta gratuita (pode usar Google ou GitHub)
  4. 4. Pronto! Você verá um editor com código de exemplo
🚀 Abrir Expo Snack
3

Teste a Conexão

Verifique se tudo está funcionando

  1. 1. No Expo Snack, olhe para a barra lateral direita
  2. 2. Clique na aba "My Device"
  3. 3. Aparecerá um QR Code
  4. 4. No celular, abra o Expo Go
  5. 5. Toque em "Scan QR Code" e aponte para a tela
  6. 6. O app de exemplo deve aparecer no seu celular! 🎉

⚠️ Importante: O celular e o computador precisam estar na mesma rede Wi-Fi para funcionar!

🔧 Problemas Comuns

O QR Code não funciona / App não carrega
  • Verifique se celular e PC estão na mesma rede Wi-Fi
  • Desative VPN se estiver usando
  • Tente reiniciar o Expo Go
  • No Snack, clique em "Reload" para gerar novo QR
Erro "Something went wrong"
  • Atualize o Expo Go para a versão mais recente
  • Verifique se o código não tem erros (olhe o console no Snack)
  • Tente usar o preview Web primeiro para verificar o código
Não tenho celular / Prefiro usar o PC

Sem problemas! O Expo Snack tem um preview no navegador:

  • Na barra lateral direita, clique em "Web"
  • O app será exibido em um simulador no próprio navegador
  • Funciona bem para todas as atividades do curso!

✅ Tudo Pronto!

Seu ambiente está configurado. Agora vamos programar!

Ir para Atividade 1 →