MODULO 4.3

💻 Primeiro Contato e Projeto

Aprenda a usar o terminal com Claude Code, domine os comandos basicos, entenda o modo dangerously e crie seu primeiro projeto funcional.

6
Topicos
55
Minutos
Interm.
Nivel
Pratico
Tipo
1

🖥️ Terminal vs Warp vs Claudia

O terminal pode parecer intimidante, mas existem alternativas visuais para usuarios menos tecnicos. Cada opcao oferece diferentes niveis de controle e facilidade de uso.

Terminal Tradicional

Controle total, eficiencia maxima. Para usuarios tecnicos.

Avancado

Warp

Terminal moderno com interface visual, autocomplete inteligente.

Intermediario

Claudia

Interface grafica similar a chat. Nao requer comandos de terminal.

Iniciante

💡 Dica

Claudia e um wrapper visual criado pela comunidade open source que permite interagir com Claude Code como se fosse um aplicativo de chat.

2

⌨️ Comandos Basicos

O comando mais basico e simplesmente claude seguido de sua solicitacao em linguagem natural. O Claude Code entende o que voce precisa e executa.

Exemplos Praticos

# Comando simples

claude "Crie um site simples sobre receitas de culinaria"

# Verificar ajuda

claude --help

# Retomar sessao anterior

claude --resume

O que Acontece

  1. 1. Claude analisa sua solicitacao
  2. 2. Faz perguntas de esclarecimento se necessario
  3. 3. Cria um plano de desenvolvimento
  4. 4. Implementa passo a passo com aprovacao
3

⚡ Modo Dangerously

Por padrao, Claude Code opera em modo seguro, pedindo confirmacao antes de cada acao. O modo "dangerously" permite execucao automatica sem confirmacoes.

Modo Seguro (Padrao)

  • • Mostra comandos antes de executar
  • • Pede confirmacao para cada acao
  • • Explica o proposito de cada passo
  • • Permite revisar e aprovar

Modo Dangerously

  • • Execucao automatica sem confirmacoes
  • • Mais rapido para tarefas confiaveis
  • • Use apenas em ambientes de teste
  • • Tenha backups adequados

Exemplo de Uso

claude run dangerously "Configure um servidor Express.js completo"

4

📁 Estrutura HTML/CSS/JS

Quando voce solicita um projeto, Claude Code automaticamente cria uma estrutura de diretorios organizada com todos os arquivos necessarios.

Estrutura Tipica

meu-projeto/
├── index.html
├── styles/
│   ├── main.css
│   └── responsive.css
├── scripts/
│   ├── app.js
│   └── utils.js
├── images/
│   └── placeholder.jpg
├── data/
│   └── dados.json
└── README.md

Gerado Automaticamente

O Claude Code gera arquivos com conteudo inicial, configura dependencias e estabelece convencoes de nomenclatura consistentes.

5

🔄 Feedback em Tempo Real

Claude Code comunica de forma inteligente sobre o que esta fazendo, por que esta fazendo e quais sao os proximos passos recomendados.

Estrutura das Respostas

  • 1.
    Analise: Confirmacao do que foi entendido
  • 2.
    Plano: Passos que serao executados
  • 3.
    Implementacao: Codigo ou acoes especificas
  • 4.
    Explicacao: Justificativa das decisoes
  • 5.
    Proximos Passos: Sugestoes para continuar
6

🔁 Iteracoes

O desenvolvimento com Claude Code e iterativo. Voce descreve uma mudanca, Claude implementa, voce avalia e solicita ajustes ate o resultado perfeito.

Ciclo de Iteracao

1

Descreva a mudanca: "Adicione filtro por data"

2

Claude implementa a funcionalidade

3

Teste e avalie o resultado

4

Solicite ajustes se necessario

Exemplo de Iteracao

# Iteracao 1

claude "Os cards estao muito apertados no mobile"

# Iteracao 2

claude "Agora empilhe verticalmente em telas pequenas"

📚 Resumo do Modulo

✓
Opcoes de interface - Terminal, Warp ou Claudia para cada perfil
✓
Comandos basicos - claude + linguagem natural
✓
Modo dangerously - Execucao automatica (use com cuidado)
✓
Estrutura automatica - Projetos organizados desde o inicio
✓
Feedback inteligente - Comunicacao clara em cada etapa
✓
Desenvolvimento iterativo - Refine ate a perfeicao

Proximo Modulo:

4.4 - PRDs e Agentes: Modo Planning, PRDs automaticos e orquestracao paralela

← Modulo Anterior Proximo Modulo →