💻 Terminal & Git

Uma janela de texto onde voce digita comandos e o computador responde. CMD e PowerShell sao os do Windows; shell (Bash/Zsh) e o do Mac e Linux; "console" e so outro nome para a mesma coisa.

Quase toda ferramenta de programador (Git, deploy, servidores) e operada por texto. Aprender o terminal e como aprender a falar a lingua nativa do computador.

Voce digita um comando, ele responde. O sinal $ (ou > no Windows) significa "estou esperando voce digitar". Todos os nomes apontam para a mesma ideia.

O passo de encontrar e abrir o terminal no seu sistema: Windows + R e "cmd" no Windows, Cmd + Espaco e "Terminal" no Mac, Ctrl + Alt + T no Linux.

Sem saber abrir, nada acontece. Cada sistema tem o seu jeito, mas o resultado e o mesmo: uma janela esperando seus comandos.

No Windows, prefira o PowerShell (moderno). No Mac e Linux, o Terminal ja vem instalado. Ao abrir, voce ve o prompt com seu nome de usuario.

Os tres comandos de navegacao: pwd (onde estou), ls (o que tem aqui) e cd (ir para outra pasta).

No terminal voce nao ve as pastas, voce pergunta por elas. Esses comandos sao o seu mapa: sem eles voce fica perdido em qualquer projeto.

cd .. volta uma pasta, cd ~ vai para a home. Pressione Tab para autocompletar nomes e evitar erros de digitacao.

Os comandos para mexer em arquivos: mkdir cria pasta, touch cria arquivo, cp copia, mv move/renomeia, rm apaga.

E o "clique direito > Nova Pasta" do terminal, so que mais rapido. Voce monta a estrutura de um projeto inteiro em segundos.

CUIDADO com rm: apaga de vez, sem lixeira e sem Ctrl+Z. Confira o caminho antes. mkdir -p cria pastas aninhadas de uma vez.

Duas formas de colocar conteudo num arquivo: o nano edita dentro do proprio terminal; o code abre o arquivo ou a pasta no VS Code.

Criar um arquivo vazio e so o comeco; voce precisa escrever nele. Saber as duas formas cobre desde edicoes rapidas ate projetos inteiros.

No nano, ^O salva e ^X sai (o ^ e a tecla Ctrl). code . abre a pasta atual inteira no VS Code.

Um exercicio pratico: montar a arvore de pastas e arquivos de um site (index.html, style.css, pasta img, pasta pages) usando so o terminal.

Praticar amarra tudo. Quando voce monta um projeto sem sair do terminal, os comandos viram automaticos e voce ganha confianca.

Combine mkdir + touch + cd. Confira o resultado com ls -R. Essa estrutura e a base do projeto da Trilha 1.

Um sistema que guarda fotos (versoes) do seu projeto ao longo do tempo. A qualquer momento voce pode olhar uma versao antiga ou voltar para ela.

Acaba com o caos de "projeto-final-2-AGORA-VAI.zip". Voce experimenta sem medo, porque toda versao boa fica salva e nada se perde.

Cada versao salva e um "commit" com uma mensagem. O historico e uma linha do tempo. Git e a ferramenta mais usada para isso no mundo.

O passo de baixar e instalar o Git no seu computador: instalador oficial no Windows, brew no Mac, gerenciador de pacotes no Linux.

O Git nao vem pronto em todo sistema. Instalar uma vez (e configurar nome e email) deixa tudo pronto para o resto do curso.

Confira com git --version. Configure git config --global user.name e user.email uma unica vez.

O fluxo de salvar trabalho: git init liga o Git na pasta, git add seleciona o que salvar e git commit grava a versao com uma mensagem.

E o coracao do Git. Voce vai repetir add e commit dezenas de vezes por dia para guardar seu progresso.

add = "prepara"; commit = "salva de vez". A mensagem do commit (-m) explica o que mudou. Faca commits pequenos e frequentes.

Os comandos de inspecao: status mostra o que mudou agora, log mostra o historico de commits e diff mostra linha a linha o que foi alterado.

Antes de salvar, voce precisa enxergar o que mudou. Esses comandos sao seus olhos: evitam commitar coisa errada por acidente.

Use git status o tempo todo. git log --oneline da um resumo limpo. git diff mostra o "antes e depois".

Branches sao copias paralelas do projeto. Voce cria uma branch para testar algo novo sem mexer na versao principal, e depois junta (merge) se der certo.

Permite experimentar sem medo: se a ideia nao funcionar, voce descarta a branch e a versao principal continua intacta.

git branch nome cria, git checkout (ou switch) troca, git merge junta. main e a branch principal.

Um arquivo de texto chamado .gitignore que lista o que o Git deve ignorar: senhas, arquivos temporarios, pastas pesadas como node_modules.

Sem ele, voce pode subir senhas para a internet ou poluir o historico com lixo. E a primeira protecao de seguranca de todo projeto.

Uma linha por padrao a ignorar. *.log ignora todos os logs; .env protege segredos. Crie o .gitignore antes do primeiro commit.

O cadastro no GitHub, o maior site do mundo para guardar codigo. A conta gratuita ja cobre tudo que voce precisa neste curso.

O GitHub e o "portfolio" de quem programa. Recrutadores olham seu perfil, e e de la que o seu site vai ao ar pelo Pages.

Escolha um nome de usuario profissional (ele vira parte do endereco do seu site). Confirme o email para liberar todos os recursos.

Um Personal Access Token (PAT) e uma senha especial que o GitHub gera para o terminal usar no lugar da sua senha normal.

O GitHub nao aceita mais a senha comum no terminal. Sem o token, voce nao consegue enviar (push) seu codigo para a nuvem.

Gere o token nas configuracoes do GitHub e copie na hora (ele so aparece uma vez). Trate o token como uma senha: nunca compartilhe.

A ponte entre seu computador e o GitHub: remote aponta para o repositorio na nuvem, push envia e pull baixa as mudancas.

E o que transforma o Git local num backup online e colaborativo. Sem o push, seu codigo nunca sai da sua maquina.

git remote add origin conecta uma vez. git push sobe, git pull desce. origin e o apelido do repositorio remoto.

O GitHub Pages e um servico gratuito que transforma um repositorio com HTML em um site publico, com endereco proprio na internet.

E o jeito mais simples e gratuito de colocar um site no ar. Em poucos cliques, qualquer pessoa no mundo acessa seu projeto.

Ative nas configuracoes do repositorio (aba Pages). O endereco fica usuario.github.io/repo. Cada push atualiza o site automaticamente.

Assistentes de IA que escrevem e completam codigo para voce dentro do editor: o GitHub Copilot e ferramentas como o Codex.

A IA acelera muito o trabalho: sugere comandos, explica erros e escreve trechos inteiros. Quem sabe usar bem produz mais rapido.

A IA sugere; voce decide e confere. Descreva bem o que quer (prompt claro). Use como apoio, sem deixar de entender o que o codigo faz.

Um exercicio que junta tudo: criar um repositorio no GitHub, conectar com o projeto local e enviar (push) o codigo pela primeira vez.

Fazer o ciclo completo uma vez tira o medo. Depois disso, subir qualquer projeto vira rotina de poucos comandos.

Sequencia: init → add → commit → remote add → push. Use o token (PAT) ao autenticar.

O primeiro passo do projeto: criar a pasta local, ligar o Git e criar o repositorio correspondente no GitHub.

Todo projeto profissional comeca por um repositorio bem montado. Comecar certo evita retrabalho la na frente.

Combine o que voce viu: mkdir + git init + repositorio no GitHub + remote add. Tenha um .gitignore desde o inicio.

HTML e a linguagem que define a estrutura de uma pagina: titulos, paragrafos, imagens e links, organizados em "tags".

E o esqueleto de todo site da internet. Sem HTML, nao ha pagina. Saber o basico ja permite criar uma landing de verdade.

Tags vem em pares: <h1>...</h1>. O conteudo visivel fica dentro do <body>. Comece pelo index.html.

CSS e a linguagem do estilo: cores, fontes, tamanhos, espacamentos e posicionamento. E o que transforma um HTML cru em uma pagina bonita.

Uma landing precisa atrair. O CSS e o que separa uma pagina sem graca de uma pagina profissional e agradavel de ver.

O CSS escolhe um elemento (seletor) e aplica regras. Coloque os estilos em style.css e ligue ao HTML com a tag <link>.

O passo de enviar (push) sua landing para o GitHub e ativar o Pages, deixando o site acessivel por um endereco publico.

E o momento "no ar": seu trabalho deixa de ser um arquivo no computador e vira um site real que qualquer pessoa pode visitar.

Faca push com o index.html na raiz, ative o Pages e aguarde alguns minutos. Cada novo push atualiza o site sozinho.

Trocar o endereco padrao usuario.github.io por um dominio proprio que voce compra, como seunome.com.

Um dominio proprio passa profissionalismo e e mais facil de divulgar. E um extra opcional, mas que valoriza muito o projeto.

Compre o dominio num registrador, aponte o DNS para o GitHub e configure o campo "Custom domain" no Pages. O HTTPS vem de graca.

O exercicio que fecha a trilha: criar, estilizar, versionar e publicar sua propria landing page, do primeiro comando ate o site no ar.

Entregar um projeto completo prova que voce dominou tudo: terminal, Git, GitHub e Pages, trabalhando em conjunto.

Junte os 4 modulos num fluxo so. No final voce tem um link publico para compartilhar, e a base pronta para a Trilha 2.