{
  "version": "https://jsonfeed.org/version/1",
  "title": "Meus 10 Centavos",
  "home_page_url": "https://meus10centavos.vercel.app/",
  "feed_url": "https://meus10centavos.vercel.app//tag-guia.json",
  "description": "Meus 10 centavos de contribuição para uma discussão que ninguém pediu minha opinião",
  "items": [
    {
      "id": "https://meus10centavos.vercel.app//guia-de-linkedin.html",
      "url": "https://meus10centavos.vercel.app//guia-de-linkedin.html",
      "title": "O guia de LinkedIn",
      "content_html": "<!-- Content Injected to every content markdown header -->\n<p>Mais uma vez motivado pela preguiça de ensinar muitas pessoas a mesma coisa em um curto período de tempo, resolvi economizar saliva e escrever <strong>o guia de LinkedIn.</strong> Vou explicar como a rede funciona, como ter um posicionamento na rede, como fazer um bom perfil, etc.</p>\n<p><strong>Fontes</strong> <br />\nCertamente terá um @bado questionando &quot;com base em que você diz isso?&quot;, mas por incrível que pareça eu não tirei isso tudo da minha cavidade retal.</p>\n<p>Escrevo esse texto com base na minha experiência, no que eu testei, nas falhas e êxitos que tive. Também com base nas próprias métricas que o LinkedIn fornece sobre o  perfil.</p>\n<p>Além de convesas que tive com contratantes e donos de empresas, ou seja, eu ouvi diretamente o que incomada e o que eles gostam e vim repassar. E não orgulhosamente também adimito que já fui o otário que encontrou o esperto que tava vendendo o curso de currículo e LinkedIn, que realmente são eficazes, mas não valem o preço cobrado.</p>\n<h2><a href=\"#o-perfil-de-ouro\" aria-hidden=\"true\" class=\"anchor\" id=\"o-perfil-de-ouro\"></a>O perfil de ouro</h2>\n<p>Premeiramente parabéns por ter tomado vergonha na cara e estar tentando melhorar seu perfil, que atualmente está um repelente de contratantes.</p>\n<p>Vamos montar o perfil do Enzo (nome fictício)</p>\n<h3><a href=\"#url\" aria-hidden=\"true\" class=\"anchor\" id=\"url\"></a>URL</h3>\n<p>Enzo, você usaria @Enzo_Rei_Delas.https.418 como @ do seu Instagram? Não, né?! <strong>ENTÃO PORQUÊ KARALIOS VOCÊ VAI USAR UMA DESGRAÇA DESSA NA SUA REDE PROFISSIONAL?!</strong></p>\n<p>Provavelmente você ainda não reparou, mas cada usuário tem um URL especìfica no LinkedIn, é o equivalente ao @ do Instagram. <br />\nÉ muito comum ver pessoas que tem o nome muito comum, terem URLs cheias de números o que não é nada legal. A URL não é um fator que automáticamente rotula seu perfil como ruim, mas é um polimento, demonstra uma preocupação com detalhes.</p>\n<p>O ideal é você use seu próprio nome na URL ou use suas iniciais. Me citando como exemplo, meu nome é Fabrício e minha URL do LinkedIn é fabricio-ss, o &quot;ss&quot;, são as iniciais dos meus sobrenomes. Pois meus sobrenomes também são muito comuns.</p>\n<h3><a href=\"#foto-e-banner\" aria-hidden=\"true\" class=\"anchor\" id=\"foto-e-banner\"></a>Foto e Banner</h3>\n<h4><a href=\"#foto-de-perfil\" aria-hidden=\"true\" class=\"anchor\" id=\"foto-de-perfil\"></a>Foto de perfil</h4>\n<p>É de uma frequência assustadora, principalmente entre os iniciantes, as péssimas fotos de perfil. Quando penso que não há como ser pior alguém vem e supera...</p>\n<p>Cuidados com a foto</p>\n<ul>\n<li>A foto de perfil deve ser com foco no seu rosto, nunca de corpo inteiro;</li>\n<li>Em um ambiente bem iluminado, evite sombra no rosto;</li>\n<li>Sem boné ou óculos de Sol;</li>\n<li>A roupa deve ser de cor sólida;</li>\n<li>Sem logos gritantes de marcas;</li>\n<li>O fundo deve ser em um fundo neutro, uma parede branca, por exemplo;</li>\n<li>Nada de foto em grupo.</li>\n</ul>\n<p>Caso você queria uma foto feita com IA, aqui vai um prompt para gerar uma foto boa para o LinkedIn:</p>\n<p>Black and white studio portrait of a young man with short curly hair and glasses, wearing a fitted black t-shirt. He is posing with one hand on his chin in a thoughtful, confident expression, looking directly at the camera. Dramatic lighting (low-key lighting) with strong contrast, highlighting facial features and creating soft shadows. Dark solid background, minimalistic composition. Cinematic mood, sharp focus, high detail, professional photography, 85mm lens, shallow depth of field, ultra realistic, editorial style.</p>\n<p>Adicione uma foto de um modelo na posição que você quer e várias fotos suas, principalmente do rosto, em ângulos e iluminações variadas.</p>\n<p>Recomendo que use o GPT, foi onde eu fiz a minha.</p>\n<h4><a href=\"#banner\" aria-hidden=\"true\" class=\"anchor\" id=\"banner\"></a>Banner</h4>\n<p>Sobre o banner o ideal é que ele seja coeso com suas atividades, como você... é um dev o lógico é que o banner seja um wallpaper de código ou que seja referente a programação. Outra abordagem legal é com seu nome e as stacks que você atua.</p>\n<p>Exemplo: <br />\n<img src=\"/media/banner.png\" alt=\"banner\" width=\"700\" height=\"500\"></p>\n<h3><a href=\"#conexões\" aria-hidden=\"true\" class=\"anchor\" id=\"conexões\"></a>Conexões</h3>\n<p>Vai na seção Minha rede e adicione todos que são da mesma área que você, no caso outros desenvolvedores, até você atingir 500 conexões que é quando o algoritimo começa te considerar minimamente relevante. A partir desse marco você começa filtar, pois de fudido já basta você :) , então comece recusar estudantes, OpenToWork, e perfis assim.</p>\n<p>O ideal que você faça conexões com pessoas da mesma área que você, caso você esteja procurando emprego adicione o pessoal de RH e psicólogos que trabalham em RH e TechRecruiters. É muito interessante adicionar pessoas de áreas adjasentes a sua, por exemplo:</p>\n<ul>\n<li>Front-end adicionar UI/UX designer</li>\n<li>Back-end adicinoar pessoal de DevOps e CyberSecurity</li>\n<li>Front e Back se adcionarem mutuamente, etc.</li>\n</ul>\n<h3><a href=\"#headline\" aria-hidden=\"true\" class=\"anchor\" id=\"headline\"></a>Headline</h3>\n<p>Essa é a parte que você se rotula, é o que as pessoas olham quando pensam &quot;Quem esse cara pra falar isso?&quot; ao ver um comentário polémico em uma publicação. Motivo inclusive de memes pelo exagero que as pessoas fazem no LinkedIn para tentar demonstar execiva autoridade em funções simples. Não obstante também é visto usuário condenando seu perfil à forca pela má execução da rotulação.</p>\n<p>Coisas do tipo:</p>\n<p>&quot;Estudante da Ciência da Computaria na Uniesquina&quot; <br />\n&quot;Profissional XPTO em transição de carreira para programação&quot;</p>\n<p>Ou pior, os que fazem da headline uma sopa de letrinhas sem estratégia nenhuma</p>\n<p>&quot;Prgramador Java, JavaScript, Rust, React, Spring, CyberSegurança, certificado do curso qualquer da Udemy&quot;</p>\n<p>Headline tem que ser feita de forma estratégica! Ela é uma das principais formas de busca usada pelos contratantes, a headline pode jogar contra ou ao seu favor, dependendo de como for feita.</p>\n<p>A headline deve conter palavras-chave relevantes para sua atuação, por exemplo, para o front-enzo algumas palavras-chave importantes são JavaScript, TypeScrit e um dos três principais frameworks.</p>\n<p>Estrutura de uma boa headline: <br />\nsua profissão | stack</p>\n<p>Exemplo: <br />\nDesenolvedor Front-enzo | JavaScript/TypeScript, React, TailwindCSS</p>\n<p>As tecnologias citadas devem ser complementares, não faz sentido para o front-enzo adicionar Java e Spring Boot na sua headline.</p>\n<p>Quando você escreve vária tecnologias, a não ser que você seja um sênior com mais de 10 anos de exeriência, a impressão que possa é que você está pulando de galho em galho e não sabe com profundidade suficiente para atuar.</p>\n<h3><a href=\"#sobre\" aria-hidden=\"true\" class=\"anchor\" id=\"sobre\"></a>Sobre</h3>\n<p>Junto com a foto e a headline, o sobre compõe o top 3 partes que as pessoas mais errram. Muitas pessoas colocam que são &quot;devs apaixonados&quot; ou que são &quot;devs curiosos&quot;, mas cuidado que eu fiquei sabendo que o come C# de curioso está contratando...</p>\n<p>Muito comum as pessoas colocaram um texto gigante sem levar em consideração um fator. Ao entrar no seu perfil as pessoas não vêem todo o texto, só é possível ver as 4 primeiras linhas e se você não consegue fazer a pessoa que está olhando se interessar para clicar no botão ver mais.</p>\n<p>O segredo para um bom sobre é você dar o máximo de carteirada possível nessas linhas iniciais para causar interesse</p>\n<p>Exemplo: <br />\n<img src=\"/media/sobre.jpg\" alt=\"banner\" width=\"700\" height=\"500\"></p>\n<p>Observe que nesse exemplo tem 4 demonstrações de autorida: 1ª ser pesquisador, 2ª atuar em Health Tech,  3ª, tempo de expeeriência (mesmo sendo pouca), 4ª já ter feito sistema para órgão público.</p>\n<p>Ninguém está interessado na sua historinha de vida de paixão pela tecnologia desde a infância quando você desmontava eletrônicos velhos para ver como funcionavam. Quem recruta está procurando quem demonstra aptidão!</p>\n<p>Logo após você convencer quem está analisando seu perfil clicar em &quot;ver mais&quot; e desperdiçar mais alguns segundos da sua vida, você começa detlhar um pouco os tópicos das cateriadas e esmiussar sua atividade e responsabilidades, mas não muito há um campo exclusivo para isso, faça de forma resumida, comente só o que importa e o que impressiona.</p>\n<h4><a href=\"#principais-competências\" aria-hidden=\"true\" class=\"anchor\" id=\"principais-competências\"></a>Principais competências</h4>\n<p>Essa seção fica em anexo com o sobre, aqui você lista as 5 habilidades mais importantes que você tem, novamente deve haver coesão nas tecnologias citadas. Minha recomendação é que sejam as mesmas da headline.</p>\n<h3><a href=\"#serviços\" aria-hidden=\"true\" class=\"anchor\" id=\"serviços\"></a>Serviços</h3>\n<p>Apesar de parece que essa parte é exclusiva para freelancers, mas também contribue para as análises automatizadas com modelos de ATS. Além de seu perfil ser mais recomendado, pelo simples fato de estar mais completo.</p>\n<h3><a href=\"#destaque\" aria-hidden=\"true\" class=\"anchor\" id=\"destaque\"></a>Destaque</h3>\n<p>Autoexplicativo.</p>\n<h3><a href=\"#experiência\" aria-hidden=\"true\" class=\"anchor\" id=\"experiência\"></a>Experiência</h3>\n<p>Outra seção que as pessoas fazer de forma muito inadequada. Descrever as experiência não é apenas colocar o tempo de atuação, nome da empresa e cargo.</p>\n<p>Estrutura da descrição da exeperiência:</p>\n<p>Breve descrição da atuação - Essa descrição deve ser mais ampla para dar um contexto do projeto que você trabalho. Qual era o projeo? Qual motivo do seu surgimento?</p>\n<p>Sua atuação - Cite quais foram suas responsabilidades. O que você fez? Como sua atuação impactou no projeto e por consequente na empresa?</p>\n<p>Resultado - Fale sobre as métricas de resultado. Com sua atuação nesse projeto quais resultados ele gerou? Quais os diferenciais?</p>\n<h3><a href=\"#formação-acadêmica\" aria-hidden=\"true\" class=\"anchor\" id=\"formação-acadêmica\"></a>Formação acadêmica</h3>\n<p>Sua Uniesquina fica aqui</p>\n<h3><a href=\"#licenças-e-certificados\" aria-hidden=\"true\" class=\"anchor\" id=\"licenças-e-certificados\"></a>Licenças e Certificados</h3>\n<p>Aqui os seu certificado de HTML5 da Udemy</p>\n<h3><a href=\"#projetos\" aria-hidden=\"true\" class=\"anchor\" id=\"projetos\"></a>Projetos</h3>\n<p>Se você tiver projetos open-source, acadêmico adicione aqui. É uma boa demonstração de capacidade técnica e de trabalho em equiper.</p>\n<h3><a href=\"#competências\" aria-hidden=\"true\" class=\"anchor\" id=\"competências\"></a>Competências</h3>\n<p>Você pode adicionar até 100 competências, você preencher essas 100 é muito importânte também pro algorítimo. Primeiro você adiciona suas competências técnicas (Linguagens, ferramentas, frameworks, tecnologias, etc), caso você não tenha habilidades técnicas suficientes então você usa das viadagens das softskills (escuta ativa, pensamento crítico, pensamento computacional, etc)</p>\n<h3><a href=\"#idiomas\" aria-hidden=\"true\" class=\"anchor\" id=\"idiomas\"></a>Idiomas</h3>\n<p>Aqui você adiciona que sabe a lingua do P, Elfico e Klingon</p>\n<h2><a href=\"#atividade\" aria-hidden=\"true\" class=\"anchor\" id=\"atividade\"></a>Atividade</h2>\n<p>Acredito que o LinkedIn é a única rede social que ninguém fica viciado e nem faz questão de entender como funciona tal qual o Instagram, por exemplo, onde todo mundo sonha em ter um mais de 5K de likes na sua foto no espelho do banheiro do shopping.</p>\n<p>O LinkedIn é uma rede social, isso parece uma obviedade, mas todo mundo ignora esse fator. O algorítimo favorece quem tem mais atividade, para entender isso basta comparar com aquela blogueirinha que você segue no Instagram que todos os dias posta um story dando bom dia. Ela não faz isso porquê ela acha bonito é porque mantem atividade e o algorítimo valoriza isso!</p>\n<p>Mas o LinkedIn não é a rede que você vai postar uma foto no espelho com a legenda &quot;indo alí&quot;, a atividade no LinkedIn é fundamentada em 4 pilares</p>\n<ul>\n<li>Esetabelecer marca pessoal</li>\n<li>Localizar as pessoas certas</li>\n<li>Interagir oferencendo insights</li>\n<li>Criar relacionamentos</li>\n</ul>\n<p>O que cada um quer dizer na prática?</p>\n<h3><a href=\"#esetabelecer-marca-pessoal\" aria-hidden=\"true\" class=\"anchor\" id=\"esetabelecer-marca-pessoal\"></a>Esetabelecer marca pessoal</h3>\n<p>Resumidamente, é ter o perfil preenchido com as informações necessáarias nos seus lugares. Onde você estudou, onde trabalhou, etc.</p>\n<h3><a href=\"#localizar-as-pessoas-certas\" aria-hidden=\"true\" class=\"anchor\" id=\"localizar-as-pessoas-certas\"></a>Localizar as pessoas certas</h3>\n<p>Criar conexão com as pessoas certas, ou seja pessoas do seu setor ou setor adjacente.</p>\n<h3><a href=\"#interagir-oferencendo-insights\" aria-hidden=\"true\" class=\"anchor\" id=\"interagir-oferencendo-insights\"></a>Interagir oferencendo insights</h3>\n<p>Prdouza conteúdo. &quot;Ah, não sei o que postar&quot;. Posta o que você está estudando, posta sua opnião sobre alguma polêmica do seu setor.</p>\n<h3><a href=\"#criar-relacionamentos\" aria-hidden=\"true\" class=\"anchor\" id=\"criar-relacionamentos\"></a>Criar relacionamentos</h3>\n<p>Faça comentário relevantes, não aqules sugerido da versão mobile ou qualquer porcaria tipo: &quot;top&quot;. Converse pela DM do LinkedIn (obs.: deixar e leva vacuo afeta essa pontuação)</p>\n<h2><a href=\"#criação-de-conteúdo\" aria-hidden=\"true\" class=\"anchor\" id=\"criação-de-conteúdo\"></a>Criação de conteúdo</h2>\n<p>Agora vai o ouro sobre publicar no LinkedIn: PUBLIQUE NO HORÁRIO QUE TODOS ESTÃO NO TRABALHO!</p>\n<p>O LinkedIn é uma rede profissional, ninguém acompanha o que rola fora do horário de trabalho (salvo exceçõe), rodo conteúdo publicado na sexta e no fim de semana tem queda em todas as métricas.</p>\n<h3><a href=\"#minha-estratégia\" aria-hidden=\"true\" class=\"anchor\" id=\"minha-estratégia\"></a>Minha estratégia</h3>\n<p>Eu costumo postar coneteúdo no primiro dia últil do LinkedIn (Segunda) e no último dia últil do LinkedIn (Quinta). Assim eu estarei presente no feed das pessoas assim que elas forem usar a rede na Segundo e serei o último post visto na semana também, as chances de ser lembrado são maiores e também o engajemnto é maior. O melhor horário para postar é entre 09:00 e 16:00, teste e veja em qual horário você tem mais engajamento.</p>\n<p>Se algum dia eu critiquei seu LinkedIn, melhore para que eu não tenha que criticá-lo novamente. De nada</p>\n<!-- Content Injected to every content markdown footer -->\n",
      "summary": "",
      "date_published": "2026-07-01T00:00:00-00:00",
      "image": "/media/banner.png",
      "authors": [
        {
          "name": "Fabrício Santos",
          "url": "",
          "avatar": "https://avatars.githubusercontent.com/u/90152237?v=4"
        }
      ],
      "tags": [
        "carreira",
        "tutorial",
        "guia"
      ],
      "language": "pt-BR"
    },
    {
      "id": "https://meus10centavos.vercel.app//git-pratico-para-iniciantes.html",
      "url": "https://meus10centavos.vercel.app//git-pratico-para-iniciantes.html",
      "title": "Git prático para iniciantes - O início de um projeto",
      "content_html": "<!-- Content Injected to every content markdown header -->\n<h1><a href=\"#introdução\" aria-hidden=\"true\" class=\"anchor\" id=\"introdução\"></a>Introdução</h1>\n<p>Antes de começar, já devo avisar que o objetivo desta série não é ensinar git de A até Z como muitos fazem, pois eu não acho que conseguiria fazer algo melhor do que a <a href=\"https://git-scm.com/book/pt-br/v2\">documentação do git</a>, que tem uma leitura fácil e entendível para quem está iniciando, além de ter uma boa parte já traduzida para o português brasileiro, caso tenha dificuldades com o inglês.</p>\n<p>Meu objetivo é simplificar seu aprendizado, abordando o essencial, destrinchando as entrelinhas e explicando de uma forma fácil para iniciantes.</p>\n<blockquote>\n<p><strong>Nota:</strong> Entenda que estamos falando do git (ferramenta de controle de versão), não do GitHub (repositório remoto). Isso porque em algum momento você irá trabalhar em empresas que utilizam outros, como BitBucket e GitLab. Pesquisem por conta sobre esses repositórios remotos. Se em algum momento eu me referir a repositório remoto, assuma que estou falando do GitHub para esses exemplos, mas o mesmo se aplicaria de forma similar aos outros citados.</p>\n</blockquote>\n<h1><a href=\"#inicializando-um-repositório-na-sua-máquina\" aria-hidden=\"true\" class=\"anchor\" id=\"inicializando-um-repositório-na-sua-máquina\"></a>Inicializando um repositório na sua máquina</h1>\n<p>Vamos supor que você já assistiu seu curso da Udemy ou do YouTube e já sabe o básico do funcionamento de git. Logo, caso tenha entendido corretamente, o primeiro passo é inicializar um repositório dentro do diretório do seu projeto com o comando <code>git init</code>.</p>\n<pre class=\"marmite-code\"><code class=\"marmite-code-inner\">enzo@pc-do-enzo:~/projeto$ git init\nInitialized empty Git repository in /home/enzo/projeto/.git/\nenzo@pc-do-enzo:~/projeto$\n</code></pre>\n<p>O que você precisa entender agora é que, ao inicializar um repositório, um diretório chamado <code>.git</code> será criado no diretório do projeto e que por padrão, nenhum dos seus arquivos estará, mas o git já consegue vê-los. Além disso, todos seus arquivos começarão com o estado <code>untracked</code> ou &quot;não rastreado&quot;.</p>\n<pre class=\"marmite-code\"><code class=\"marmite-code-inner\">enzo@pc-do-enzo:~/projeto$ git status\nOn branch main\n\nNo commits yet\n\nUntracked files:\n  (use &quot;git add &lt;file&gt;...&quot; to include in what will be committed)\n        index.html\n        style.css\n\nnothing added to commit but untracked files present (use &quot;git add&quot; to track)\nenzo@pc-do-enzo:~/projeto$\n</code></pre>\n<h1><a href=\"#as-três-áreas-do-git\" aria-hidden=\"true\" class=\"anchor\" id=\"as-três-áreas-do-git\"></a>As três áreas do git</h1>\n<p>É essencial que você entenda que o git possui três áreas e que seus arquivos vão ter estados nessas áreas. As áreas basicamente são: <em>working directory</em>, <em>staging area</em> e o diretório <code>.git</code> do projeto.</p>\n<img src=\"/media/git-areas.png\" alt=\"As três áreas do git\" width=\"700\" height=\"500\">\n<p>Resumindo o fluxo nessas áreas de maneira simples.</p>\n<ul>\n<li>Você faz alterações no seu projeto no <em>working directory</em></li>\n<li>Você adiciona as alterações na <em>staging area</em></li>\n<li>Você registra as alterações, que irão ser armazenadas no diretório <code>.git</code></li>\n</ul>\n<h1><a href=\"#preparando-para-o-commit\" aria-hidden=\"true\" class=\"anchor\" id=\"preparando-para-o-commit\"></a>Preparando para o commit</h1>\n<p>Você, como um ótimo desenvolvedor, terminou a primeira tarefa do projeto, que era criar o código HTML e o CSS de uma página importante e agora você quer que o git faça o versionamento desse código.</p>\n<p>Primeiro, precisamos adicionar as alterações que fizemos para a área de staging, ou &quot;área de preparo&quot;. Para isso, utilizamos o comando <code>git add</code> que pode ser chamado das seguintes formas:</p>\n<ul>\n<li><code>git add index.html</code>: Adiciona um arquivo específico</li>\n<li><code>git add index.html style.css</code>: Adiciona múltiplos arquivos</li>\n<li><code>git add foo/bar</code>: Adiciona todos os arquivos de um diretório</li>\n<li><code>git add .</code>: Adiciona todos os arquivos</li>\n</ul>\n<pre class=\"marmite-code\"><code class=\"marmite-code-inner\">enzo@pc-pc-do-enzo:~/projeto$ git add index.html style.css\nenzo@pc-pc-do-enzo:~/projeto$ git status\nOn branch main\n\nNo commits yet\n\nChanges to be committed:\n  (use &quot;git rm --cached &lt;file&gt;...&quot; to unstage)\n        new file:   index.html\n        new file:   style.css\n\nenzo@pc-pc-do-enzo:~/projeto$\n</code></pre>\n<p>Como pode ver, as informações do comando <code>git status</code> são bem claras:</p>\n<ul>\n<li><strong>On branch main</strong>: Estamos na ramificação principal</li>\n<li><strong>No commits yet</strong>: Ainda não há nenhum commit no repositório</li>\n<li><strong>Changes to be committed</strong>: Mudanças que serão &quot;commitadas&quot;. Preste atenção nessa parte, pois os items da lista abaixo, irão para o próximo commit. Caso você queira retirar um arquivo que você colocou por engano, basta executar <code>git rm --cached &lt;nome-arquivo&gt;</code> para retirar da <em>staging area</em> de volta para o <em>working directory</em>.</li>\n</ul>\n<p>Agora, eu realmente espero que você tenha se questionado do seguinte:</p>\n<blockquote>\n<p>&quot;E se eu fizer uma modificação em um arquivo que eu já adicionei na <em>staging area</em>?&quot;</p>\n</blockquote>\n<p>E aqui entramos em outro conceito importante que não se aplica somente ao git, mas em muitas ferramentas que você vai encontrar e ele se chama <em><strong>diffing</strong></em>.</p>\n<p>Em termos simples, <em><strong>diffing</strong></em> é o processo de comparação entre arquivos, para saber o que mudou de um arquivo para outro. Você pode pensar nisso como um &quot;jogo dos 7 erros&quot;, onde você tinha duas imagens e precisava encontrar a diferença entre elas.</p>\n<p>Graças ao <em><strong>diffing</strong></em>, o git consegue te dizer exatamente quais linhas foram adicionadas (+) e quais linhas foram removidas (-) na comparação de uma versão anterior de um arquivo a uma versão atual.</p>\n<pre class=\"marmite-code\"><code class=\"marmite-code-inner\">enzo@pc-do-enzo:~/projeto$ git diff\ndiff --git a/index.html b/index.html\nindex c3939a0..e60d682 100644\n--- a/index.html\n+++ b/index.html\n@@ -7,12 +7,13 @@\n     &lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&gt;\n   &lt;/head&gt;\n   &lt;body&gt;\n-    &lt;h1&gt;Página inicial&lt;/h1&gt;\n+    &lt;h1&gt;Página inicial alterada&lt;/h1&gt;\n     &lt;p&gt;\n       Lorem ipsum dolor, sit amet consectetur adipisicing elit. Harum ipsum\n       temporibus minima explicabo molestiae repellendus deleniti dolore, at\n       vitae illo numquam eaque veritatis exercitationem. Aliquam repudiandae\n       similique quaerat quia optio.\n     &lt;/p&gt;\n+    &lt;p&gt;Uma nova alteração&lt;/p&gt;\n   &lt;/body&gt;\n &lt;/html&gt;\nenzo@pc-do-enzo:~/projeto$\n</code></pre>\n<p>Então, quando você realiza a modificação de um arquivo que já está na <em><strong>staging area</strong></em>, esse arquivo terá uma versão na <em><strong>staging area</strong></em> que irá para o próximo <em>commit</em> e uma versão em estado <em><strong>modified</strong></em> no <em><strong>working directory</strong></em>.</p>\n<pre class=\"marmite-code\"><code class=\"marmite-code-inner\">enzo@pc-do-enzo:~/projeto$ git status\nOn branch main\n\nNo commits yet\n\nChanges to be committed:\n  (use &quot;git rm --cached &lt;file&gt;...&quot; to unstage)\n        new file:   index.html\n        new file:   style.css\n\nChanges not staged for commit:\n  (use &quot;git add &lt;file&gt;...&quot; to update what will be committed)\n  (use &quot;git restore &lt;file&gt;...&quot; to discard changes in working directory)\n        modified:   index.html\n\nenzo@pc-do-enzo:~/projeto$\n</code></pre>\n<blockquote>\n<p>&quot;Mas e se quiser adicionar a nova alteração que fiz junto a que já está na <em><strong>staging area</strong></em>?&quot;</p>\n</blockquote>\n<p>Basta adicionar essa alteração com o <code>git add</code> quantas vezes forem necessárias.</p>\n<h1><a href=\"#realizando-o-commit\" aria-hidden=\"true\" class=\"anchor\" id=\"realizando-o-commit\"></a>Realizando o commit</h1>\n<p>A partir deste ponto, vamos assumir que você já fez e adicionou tudo o que era necessário e está pronto para o commit.</p>\n<blockquote>\n<p>Mas o que é esse tal de commit que tanto é falado?</p>\n</blockquote>\n<p>Um <em><strong>commit</strong></em> é um objeto do git que de fato vai registrar uma versão de código dentro do seu repositório git. Ele trás metadados como:</p>\n<ul>\n<li>O autor do <em>commit</em></li>\n<li>A data em que ele foi realizado</li>\n<li>Uma descrição</li>\n<li>O <em>hash</em> do <em>commit</em> (isso é o principal para o git, pois podemos rastrear a qualquer momento esse <em>commit</em> e ver o que foi feito nele)</li>\n<li>Quem aprovou seu <em>merge</em> em alguma ramificação (mais a frente você verá o conceito de <em>merge</em>, ou mesclagem)</li>\n</ul>\n<p>Para realizar o commit, você deve executar o comando <code>git commit</code>, que pode receber algumas opções, mas por enquanto vamos falar somente da <em>flag</em> <code>-m</code></p>\n<p>Se você deseja realizar o <em>commit</em> com uma descrição simples:</p>\n<p><code>git commit -m 'feat: implementação da página inicial do projeto'</code></p>\n<p>Se você deseja realizar o commit com uma descrição simples e informar mais detalhes:\n<code>git commit</code></p>\n<p>Isso irá abrir o editor padrão configurado para o git, para que você possa escrever mais detalhes sobre o <em>commit</em>. Você terá instruções em forma de comentários, indicando como você deve estruturar a mensagem.</p>\n<pre class=\"marmite-code\"><code class=\"marmite-code-inner\">GNU nano 7.2                                 /home/enzo/projeto/.git/COMMIT_EDITMSG *\n\nfeat: implementação da página inicial do projeto\n&lt;ENTER&gt;\n- Criação do header fixo\n- Criação de efeito parallax\n- Carregamento de fontes via CDN\n\n# Please enter the commit message for your changes. Lines starting\n# with '#' will be ignored, and an empty message aborts the commit.\n#\n# On branch main\n#\n# Initial commit\n#\n# Changes to be committed:\n#       new file:   index.html\n#       new file:   style.css\n#\n# Changes not staged for commit:\n#       modified:   index.html\n#\n</code></pre>\n<p>Ao salvar e sair, seu <em>commit</em> terá sido realizado.</p>\n<pre class=\"marmite-code\"><code class=\"marmite-code-inner\">enzo@pc-pc-do-enzo:~/projeto$ git commit\n[main (root-commit) af17a38] feat: implementação da página inicial do projeto\n 2 files changed, 32 insertions(+)\n create mode 100644 index.html\n create mode 100644 style.css\nenzo@pc-pc-do-enzo:~/projeto$\n</code></pre>\n<p>E você pode ver detalhes sobre esse <em>commit</em> e outros, obtendo seus logs, com o comando <code>git log</code>.</p>\n<pre class=\"marmite-code\"><code class=\"marmite-code-inner\">commit af17a38bca106c5316239f9e209cc3c1d43fd5c5 (HEAD -&gt; main)\nAuthor: Enzo da Silva &lt;enzosilva@gmail.com&gt;\nDate:   Fri Feb 6 03:42:34 2026 -0300\n\n    feat: implementação da página inicial do projeto\n\n    - Criação do header fixo\n    - Criação de efeito parallax\n    - Carregamento de fontes via CDN\n</code></pre>\n<h1><a href=\"#conclusão\" aria-hidden=\"true\" class=\"anchor\" id=\"conclusão\"></a>Conclusão</h1>\n<p>Nesta primeira parte da série, você aprendeu a inicializar um repositório git, preparar alterações para seu _<strong>commit</strong> e como realizá-lo.</p>\n<p>Além disso, expliquei sobre o <em><strong>diffing</strong></em>, que é o processo que o git usa para fazer comparações entre arquivos de versões diferentes, para saber qual mudança houve entre eles.</p>\n<p>Como material complementar, eu fortemente recomendo que você leia os capitulos 1.1 até o 2.3 da <a href=\"https://git-scm.com/book/pt-br/v2\">documentação do git</a> para entender com mais detalhes o que foi abordado aqui, pois sempre utilizo ele como base quando preciso explicar git</p>\n<h1><a href=\"#próximos-passos\" aria-hidden=\"true\" class=\"anchor\" id=\"próximos-passos\"></a>Próximos passos</h1>\n<p>No próximo capítulo, pretendo falar sobre:</p>\n<ul>\n<li>Como editar a mensagem de um <em>commit</em></li>\n<li>Como reverter um <em>commit</em> que já foi realizado</li>\n<li>Como adicionar alterações a um <em>commit</em> já realizado</li>\n<li>Repositórios remotos</li>\n<li>Configuração de chave SSH</li>\n<li>Assinatura de commits (isso aqui é importante e muita gente não sabe que existe e como fazer)</li>\n</ul>\n<h1><a href=\"#agradecimentos\" aria-hidden=\"true\" class=\"anchor\" id=\"agradecimentos\"></a>Agradecimentos</h1>\n<p>Queria deixar registrado, meu agradecimento ao meu amigo Fabrício, que criou este espaço e permitiu que eu e outras pessoas compartilhássemos nossos conhecimentos com vocês.</p>\n<h1><a href=\"#referências\" aria-hidden=\"true\" class=\"anchor\" id=\"referências\"></a>Referências</h1>\n<p><a href=\"https://git-scm.com/book/en/v2\">https://git-scm.com/book/en/v2</a></p>\n<p><a href=\"https://git-scm.com/book/pt-br/v2\">https://git-scm.com/book/pt-br/v2</a></p>\n<h5><a href=\"#créditos\" aria-hidden=\"true\" class=\"anchor\" id=\"créditos\"></a>Créditos</h5>\n<p>Agradeço a contribuição do Matheus Henrique.</p>\n<p>GitHub: <a href=\"https://github.com/mathstylish\">github.com/mathstylish</a><br />\nLinkedIn: <a href=\"https://www.linkedin.com/in/mathstylish/\">linkedin.com/in/mathstylish/</a></p>\n<!-- Content Injected to every content markdown footer -->\n",
      "summary": "",
      "date_published": "2026-02-11T00:00:00-00:00",
      "image": "/media/git-areas.png",
      "authors": [
        {
          "name": "Matheus Henrique",
          "url": "",
          "avatar": "https://avatars.githubusercontent.com/u/44449793?v=4"
        }
      ],
      "tags": [
        "versionamento",
        "guia"
      ],
      "language": "pt-BR"
    }
  ]
}