Frontend Academy · Aula

git init add commit e status

Inicialize um repositório, prepare alterações com git add, crie commits e leia git status e git log para entender o histórico.

git init add commit e status é uma aula grátis de Frontend Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Frontend Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Frontend Academy inclui 4 aulas no total.

Por que usar controle de versões?

O Git acompanha todas as alterações no seu código ao longo do tempo. É possível ver o que mudou, quando e por quê. Os erros podem ser recuperados. Várias pessoas podem trabalhar na mesma base de código. Toda equipe profissional usa Git.

git init — iniciando um repositório

Execute git init em qualquer pasta para inicializar um repositório Git. O Git cria um diretório oculto .git que armazena todo o histórico do projeto.

mkdir my-project && cd my-project
git init
# Initialized empty Git repository in ./my-project/.git/

As três áreas

O Git tem três áreas: Diretório de trabalho (arquivos que você edita), Área de preparação (arquivos marcados para o próximo commit), Repositório (histórico confirmado). A área de preparação permite criar commits precisos.

git status — o que mudou?

git status mostra quais arquivos não são rastreados, foram modificados ou estão preparados. Use-o constantemente durante o fluxo de trabalho para entender o estado atual.

git status
# Output:
# On branch main
# Changes not staged for commit:
#   modified: index.html
# Untracked files:
#   styles.css

git add — preparando alterações

git add filename prepara um arquivo específico. git add . prepara todas as alterações no diretório atual. git add -p prepara alterações interativamente, bloco por bloco.

git add index.html           # stage one file
git add src/                 # stage a directory
git add .                    # stage everything
git add -p                   # interactive staging

git commit — salvando um instantâneo

git commit -m 'message' cria um instantâneo permanente das alterações preparadas. A mensagem deve descrever por que a alteração foi feita, não o que foi alterado. Cada commit tem um hash SHA exclusivo.

git commit -m 'feat: add user authentication form'
git commit -m 'fix: correct email validation regex'
git commit -m 'refactor: extract validation into helper function'

Commits convencionais

Muitas equipes usam o formato de Commits Convencionais: type(scope): description. Tipos comuns: feat, fix, refactor, test, docs, chore, perf. Isso permite gerar changelogs automaticamente e usar versionamento semântico.

feat(auth): add Google OAuth login
fix(cart): prevent duplicate item addition
docs(api): add rate limit documentation
chore(deps): upgrade React to 18.3

git log — visualizando o histórico

git log mostra o histórico de commits. git log --oneline mostra uma visão compacta, com uma linha por commit. git log --graph desenha a estrutura das ramificações.

git log --oneline --graph
# * a1b2c3d feat: add dark mode toggle
# * d4e5f6g fix: resolve mobile nav overflow
# * 7h8i9j0 refactor: extract theme hook

git diff — vendo o que mudou

git diff mostra alterações não preparadas. git diff --staged mostra alterações preparadas. git diff HEAD mostra todas as alterações desde o último commit.

O arquivo .gitignore

Liste em .gitignore os arquivos e diretórios que devem ser excluídos do controle de versões. Sempre ignore os diretórios node_modules, .env, dist e build. O GitHub fornece modelos de gitignore para todas as linguagens e estruturas.

# .gitignore
node_modules/
dist/
.env
.env.local
*.log
.DS_Store
coverage/

git restore — desfazendo alterações não preparadas

git restore filename descarta as alterações de um arquivo no diretório de trabalho, revertendo-o para a última versão confirmada. É uma operação destrutiva — as alterações são perdidas.

git restore index.html        # discard unstaged changes
git restore --staged file.js  # unstage without losing changes

Verificação rápida

O que git add . faz?

Recapitulação: comandos essenciais do Git

git init inicia um repositório. git status mostra o estado atual. git add prepara arquivos. git commit salva um instantâneo com uma mensagem. git log mostra o histórico. git diff mostra alterações. .gitignore exclui arquivos. Escreva sempre mensagens significativas de commit que expliquem por quê, não o quê.

Perguntas Frequentes

A aula “git init add commit e status” é grátis?

Sim — o texto completo de “git init add commit e status” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Frontend Academy, atualize para CoddyKit PRO. O curso de Frontend Academy inclui 4 aulas no total.

O que vou aprender em “git init add commit e status”?

Inicialize um repositório, prepare alterações com git add, crie commits e leia git status e git log para entender o histórico. Você pratica Frontend Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Frontend Academy?

Nenhuma experiência prévia é necessária. Frontend Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.

Quanto tempo leva a aula “git init add commit e status”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Frontend Academy?

Sim. Cada aula de Frontend Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

← Voltar para Frontend Academy