<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Jhony Walker</title>
    <description>The latest articles on DEV Community by Jhony Walker (@jhonywalkeer).</description>
    <link>https://dev.to/jhonywalkeer</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F717427%2F53872891-c1b3-40a9-9db1-63982b499805.jpeg</url>
      <title>DEV Community: Jhony Walker</title>
      <link>https://dev.to/jhonywalkeer</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/jhonywalkeer"/>
    <language>en</language>
    <item>
      <title>Times - 7 dicas para uma melhor programação em pares</title>
      <dc:creator>Jhony Walker</dc:creator>
      <pubDate>Sun, 11 Sep 2022 00:34:00 +0000</pubDate>
      <link>https://dev.to/jhonywalkeer/times-7-dicas-para-uma-melhor-programacao-em-pares-330p</link>
      <guid>https://dev.to/jhonywalkeer/times-7-dicas-para-uma-melhor-programacao-em-pares-330p</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--aBmP-Yi9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/opfaw57itpq74ohm9hg5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--aBmP-Yi9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/opfaw57itpq74ohm9hg5.png" alt="Pair Programming" width="800" height="552"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A colaboração eficaz é uma das principais características de qualquer equipe produtiva. Todo mundo pensa de forma diferente, então ter um segundo par de olhos em um problema pode oferecer vários pontos de vista e abordagens que você poderia ignorar. Para programadores, a forma mais comum disso é a programação em pares.&lt;/p&gt;

&lt;p&gt;Às vezes, a programação em pares tem uma má reputação. Os críticos argumentam que colocar dois desenvolvedores na mesma tarefa diminui a velocidade geral da equipe, mas economiza tempo no grande esquema das coisas. A programação em par não apenas produz código de maior qualidade, mas também ajuda os desenvolvedores a resolver problemas rapidamente e remover bloqueadores. Eu tenho programado muito em pares com meus colegas recentemente, então gostaria de compartilhar algumas dicas para tirar o máximo proveito disso.&lt;/p&gt;

&lt;h2&gt;
  
  
  Concentre-se nas partes desafiadoras primeiro
&lt;/h2&gt;

&lt;p&gt;Cada sessão de programação em pares difere, mas o objetivo geralmente é consistente. Na maioria das vezes, você está tentando desenvolver uma solução para algum problema complicado que merece dois pares de olhos. Enquanto alguns desenvolvedores podem preferir tirar as coisas simples do caminho primeiro, eu gosto de atacar o cerne do problema antes de fazer qualquer outra coisa. &lt;/p&gt;

&lt;p&gt;As partes fáceis geralmente são tarefas que eu mesmo posso fazer rapidamente ou tarefas mundanas que são mais trabalhosas do que qualquer outra coisa. Ao trabalhar com alguém, não quero desperdiçar seu tempo e fazê-los me ver escrever documentação para minha interface ou adicionar log de erros. Eu prefiro pular e atacar os desafios que precisam de duas pessoas para resolver. &lt;/p&gt;

&lt;p&gt;Deixe para trás sinais para você limpar mais tarde por conta própria, como comentários ou TODOs. Defina cabeçalhos e classes de métodos vazios que podem ser implementados posteriormente ou preencha partes com pseudocódigo.&lt;/p&gt;

&lt;h2&gt;
  
  
  Não se preocupe com o perfeccionismo
&lt;/h2&gt;

&lt;p&gt;Com base no último ponto, geralmente tento evitar picuinhas ao programar em par. Há um tempo e um lugar para lêndeas. Para mim, geralmente é no final quando eu repasso o código que foi escrito e o limpo para que eu possa enviá-lo para revisão. Insistir em um código quase perfeito é razoável no estágio de limpeza, mas se você ainda estiver na fase de resolução de problemas, então a picuinhas apenas atrasa as coisas, é obvio que você não vai disponibilizar um código mal feito em produção, a ainda não se esqueça que tem o PR que a galera enfatiza pontos de melhoria. &lt;/p&gt;

&lt;h2&gt;
  
  
  Mude isso
&lt;/h2&gt;

&lt;p&gt;Por mais que eu ame estar no banco do motorista, é bom mudar as coisas ocasionalmente e assumir o papel de banco de trás. Observar como outra pessoa trabalha pode ser tão perspicaz quanto fazê-lo você mesmo. Gosto de observar como eles abordam os problemas e os passos que dão para superá-los. Às vezes, isso me ajuda a aprender novas técnicas que posso aplicar a outras situações. &lt;/p&gt;

&lt;p&gt;Por outro lado, tente tomar as rédeas se você costuma ser o observador. Às vezes, você só precisa sentir o problema com suas próprias mãos para entender o ambiente e as condições com as quais está trabalhando. A experiência prática geralmente é a maneira mais eficaz de aprender e desenvolver suas habilidades. Ter um parceiro para programar atua como uma rede de segurança para ajudá-lo a escrever código de boa qualidade e superar rapidamente problemas e bloqueios. &lt;/p&gt;

&lt;p&gt;A programação em pares é uma via de mão dupla... se você só vai em uma direção, você não consegue ver o outro lado, e nem seu parceiro. Certifique-se de que ambos pratiquem os dois lados da experiência, e você ficará melhor no final por isso.&lt;/p&gt;

&lt;h2&gt;
  
  
  Mantenha as coisas casuais
&lt;/h2&gt;

&lt;p&gt;Às vezes, sinto que posso sofrer de ansiedade de desempenho. Quando estou sendo observado, é como se meu cérebro desligasse completamente. Eu esqueço como digitar, cometo muitos erros bobos e não consigo pensar direito. Mesmo o pensamento de programação em par costumava me fazer começar a suar nervosamente. Entenda suas dificuldades e supere-as!&lt;/p&gt;

&lt;p&gt;Considere que seu parceiro pode estar se sentindo assim ao entrar em sua sessão. Alternativamente, você pode ser o único a se sentir ansioso. A programação em pares deve ser produtiva, não estressante. Certifique-se de que você e seu colega estejam confortáveis e não tenha medo de falar se algo estiver incomodando durante o processo. &lt;/p&gt;

&lt;p&gt;Escusado será dizer que você deve ser respeitoso com seus colegas de trabalho (isso é obvio). Não os assedie por cometerem erros ou digitarem devagar. Não há nada a ganhar com tal comportamento. Nem todo mundo pode fazer o seu melhor quando os outros estão assistindo e isso não os torna inferiores ou incapazes de executar a tarefa que lhe foi proposta.&lt;/p&gt;

&lt;h2&gt;
  
  
  Esteja aberto a novas ideias
&lt;/h2&gt;

&lt;p&gt;Isso se aplica a todos os aspectos da engenharia de software, mas é especialmente verdadeiro para programação em pares. Não destrua todas as ideias do seu parceiro porque elas não combinam com suas próprias filosofias. Isso apenas anula o propósito de trabalhar juntos em primeiro lugar.&lt;/p&gt;

&lt;p&gt;Se uma ideia realmente não for viável, converse sobre ela primeiro e explique por que você acha que ela não funcionará, em vez de desconsiderá-la completamente. Ao falar sobre isso, você pode encontrar uma maneira de adaptá-lo em algo viável. Na pior das hipóteses, sempre vale a pena documentar quais opções foram consideradas, mesmo que não tenham sido aplicadas no final.&lt;/p&gt;

&lt;h2&gt;
  
  
  Defina um limite de tempo
&lt;/h2&gt;

&lt;p&gt;Uma reclamação que tenho sobre programação em par é que às vezes é difícil encontrar um bom ponto de parada. Nessas situações, parece que a sessão se arrasta por muito tempo e passo mais tempo do que pretendia. Antes de começar, considere definir um limite de tempo rígido ou flexível apenas por precaução, entenda que o colaborador que irá “codar” com você tem outras tarefas e não pode ceder muito do tempo para estar mais de 1 hora em conjunto com você.&lt;/p&gt;

&lt;p&gt;A duração ideal da sessão é a preferência pessoal, mas gosto de manter minhas sessões em torno de 30 minutos. Normalmente, planejo-os com antecedência e crio um evento de calendário para eles para que eu possa incorporá-los adequadamente à minha agenda e a delas consequentemente.&lt;br&gt;
Uma nota sobre funções&lt;/p&gt;

&lt;p&gt;Os livros didáticos ágeis falam sobre vários estilos de programação em pares com papéis definidos. Exemplos comuns incluem os estilos driver-navigator e ping-pong. Se você quiser usar um desses, tudo bem, mas geralmente não limito minha estratégia às especificidades de um desses estilos. Quando estou programando em pares, não estabeleço explicitamente regras sobre funções ou qualquer coisa. Eu apenas faço o que vem naturalmente para meu parceiro e para mim. Concedido, eu normalmente gosto mais do estilo clássico de navegador de driver, onde uma pessoa escreve o código enquanto a outra apresenta as ideias.&lt;/p&gt;

&lt;p&gt;O desenvolvedor menos experiente deve ser o driver na maioria dos cenários. Implementar o projeto de um engenheiro sênior em uma sessão de programação em pares é uma experiência de aprendizado fantástica, pois ajuda você a absorver a ideia e entender os detalhes do esquema sugerido.&lt;br&gt;
Desenvolvedores experientes também podem se beneficiar da programação em pares, mas, pela minha experiência, essas sessões são melhores quando as sessões são mais curtas e mais focadas. Engenheiros seniores geralmente são melhores em pegar uma ideia e executá-la, então trabalhar juntos em toda a implementação nem sempre é necessário.&lt;/p&gt;

&lt;h2&gt;
  
  
  Aprendizado
&lt;/h2&gt;

&lt;p&gt;A programação em pares é uma prática comum em qualquer trabalho de tecnologia, portanto, ficar confortável com isso e aprender a fazê-lo bem é uma ótima maneira de obter uma vantagem extra em sua produtividade. Existem muitas variações dessa prática, então sinta-se à vontade para brincar com diferentes estilos e encontrar o que funciona melhor para você. O conselho que escolhi apresentar aqui pretendia ser aplicado a qualquer forma de programação em par e não limitando apenas a programação, tarefas em pares com uma pessoa que possui uma experiência maior do que a sua ou é novo na área, mas tem vivência em outras vertentes, pode ter certeza que vai ser super enriquecedor para vocês e acharam a solução do problema de forma bem mais rápida. Entenda e tenha a humildade de admitir que não sabemos tudo, independente da idade ou anos de  experiência sempre aprendemos algo novo com as pessoas.&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>programming</category>
      <category>productivity</category>
      <category>career</category>
    </item>
    <item>
      <title>Hacks do Github - Criando seu Octocat único</title>
      <dc:creator>Jhony Walker</dc:creator>
      <pubDate>Fri, 17 Jun 2022 02:43:54 +0000</pubDate>
      <link>https://dev.to/jhonywalkeer/hacks-do-github-criando-seu-octocat-unico-1820</link>
      <guid>https://dev.to/jhonywalkeer/hacks-do-github-criando-seu-octocat-unico-1820</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--b-l0NoXV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0h9kujrba2y0d2aiu8ck.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--b-l0NoXV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0h9kujrba2y0d2aiu8ck.png" alt="Octocat" width="800" height="350"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;O Github é cheio de funcionalidades e o mais utilizado isso vocês já sabem e pensando nisso que criei essa série de hacks porém, esse é nosso último post dessa série... fica tranquilo a qualquer momento podemos retornar com novos hacks.&lt;/p&gt;

&lt;p&gt;⚠️ Importante: Os prints que serão exibidos para exemplificar podem estar diferentes da interface do seu GitHub, por que sou muito adepto a extensões que melhoram a usabilidade e que ajudam no meu dia a dia. Partindo desse ponto peço que dê uma olhada &lt;a href="https://dev.to/jhonywalkeer/extensoes-para-navegador-turbinando-sua-experiencia-no-github-538"&gt;nesse artigo&lt;/a&gt; antes.&lt;/p&gt;

&lt;p&gt;Esse hack é diferente, pois se trata de uma ferramenta que foi disponibilizada pela equipe do Github onde você pode criar seu próprio octocat (o mascote do Github)&lt;/p&gt;

&lt;h2&gt;
  
  
  Mãos na massa
&lt;/h2&gt;

&lt;p&gt;Para criamos é necessário acessar [este link] onde teremos um site dedicado a edição do seu octocat na maneira que quiser&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--oZQ_RmaR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6nkq1snf1eapp6cha1jf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--oZQ_RmaR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6nkq1snf1eapp6cha1jf.png" alt="home" width="800" height="364"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Caso antes de iniciar o processo você queira, uma inspiração podemos acessar a galeria onde visualizaremos todos os já criados e podemos ver o quanto o pessoal é criativo:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3jABbgc_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gr3p2dtgocsmx3m56bzf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3jABbgc_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gr3p2dtgocsmx3m56bzf.png" alt="Galery" width="800" height="361"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Depois dessa inspiração é só começar a criar o seu octocat, basta clicarmos no botão &lt;code&gt;Create Your Octocat&lt;/code&gt; ou &lt;code&gt;Get Started&lt;/code&gt;. Será apresentado a versão original então basta começar a edição de cada componente:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vRNBuQPh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/isg59f5elgi4k4mtpucg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vRNBuQPh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/isg59f5elgi4k4mtpucg.png" alt="Edit" width="800" height="373"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Compartilhando seu Octocat
&lt;/h2&gt;

&lt;p&gt;Depois de pronto, precisamos clicar no botão de &lt;code&gt;Share&lt;/code&gt; e enviar para seu e-mail ou &lt;strong&gt;Twitter&lt;/strong&gt;. Mas ainda temos algo mais prático: tire um print de tela marcando somente a área do seu octocat, simples assim.&lt;/p&gt;

&lt;p&gt;Agora deve estar se perguntado o que fazer com isso? Parece meio obvio, mas você pode fazer o que quiser! Colocar no seu Readme, criar um sticker ou até uma camiseta, tudo será limitado apenas a sua criatividade.&lt;/p&gt;

&lt;p&gt;Fontes onde pesquisei esse conteúdo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://myoctocat.com/build-your-octocat/"&gt;https://myoctocat.com/build-your-octocat/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>braziliandevs</category>
      <category>github</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Hacks do Github - Hospedando seu site no Github</title>
      <dc:creator>Jhony Walker</dc:creator>
      <pubDate>Fri, 17 Jun 2022 02:18:36 +0000</pubDate>
      <link>https://dev.to/jhonywalkeer/hacks-do-github-hospedando-seu-site-no-github-1pga</link>
      <guid>https://dev.to/jhonywalkeer/hacks-do-github-hospedando-seu-site-no-github-1pga</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--0iDDfSjz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dc608d8m4p5evxpnotlj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0iDDfSjz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dc608d8m4p5evxpnotlj.png" alt="Hospedando" width="800" height="350"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;O Github é cheio de funcionalidades e o mais utilizado isso vocês já sabem e vamos continuar a série de "hacks" da plataforma que vão otimizar e melhorar sua experiência.&lt;/p&gt;

&lt;p&gt;⚠️ Importante: Os prints que serão exibidos para exemplificar podem estar diferentes da interface do seu GitHub, por que sou muito adepto a extensões que melhoram a usabilidade e que ajudam no meu dia a dia. Partindo desse ponto peço que dê uma olhada &lt;a href="https://dev.to/jhonywalkeer/extensoes-para-navegador-turbinando-sua-experiencia-no-github-538"&gt;nesse artigo&lt;/a&gt; antes.&lt;/p&gt;

&lt;p&gt;Sabemos que eu podemos usar o Github para versionar nossos sites porém, existe também a possibilidade de nosso site poder ficar hospedado no Github (for free), e ser executado diretamente de lá, sem a necessidade de um servidor! &lt;/p&gt;

&lt;p&gt;Uma ponto importante que precisamos frizar antes de começar e que o Github só aceita arquivos estáticos. Não adianta querer usar o Github para hospedar um site em PHP ou aquela API Node que não vai funcionar. Ele só vai funcionar com os arquivos estáticos gerados - HTML, CSS e JS, imagens, fontes, etc.&lt;/p&gt;

&lt;p&gt;Para se aproveitar dessa feature, podemos cair em duas situações:&lt;/p&gt;

&lt;p&gt;1ª) Tenho um site pessoal que quero hospedar no Github&lt;br&gt;
2ª) Tenho um projeto Open Source, em um repositório dentro da minha conta, e quero criar um site para ele.&lt;/p&gt;
&lt;h2&gt;
  
  
  Site Pessoal
&lt;/h2&gt;

&lt;p&gt;Para a situação do site pessoal, devemos fazer o seguinte:&lt;/p&gt;

&lt;p&gt;Primeiro de tudo criaremos um novo repositório na nossa conta, com o seguinte padrão:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;username.github.io
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Obviamente, trocando &lt;code&gt;username&lt;/code&gt; pelo seu nome de usuário no Github. Fazendo isso, você pode subir seus arquivos estáticos para a branch master normalmente, e acessá-los pelo endereço:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;https://username.github.io
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Site para projeto open source
&lt;/h2&gt;

&lt;p&gt;Se temos um projeto open source no Github, e queremos criar um site para ele, precisaremos fazer o seguinte:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Criar uma branch em branco chamada &lt;code&gt;gh-pages&lt;/code&gt;. Para criar uma nova branch em branco, usaremos o seguinte comando:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git checkout --orphan gh-pages
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Depois subir os arquivos para essa branch.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Só lembre de &lt;strong&gt;NUNCA&lt;/strong&gt; fazer merge dessa branch na master. Os arquivos das duas branches serão completamente diferentes! Na master, ficarão os arquivos do seu projeto. Na &lt;code&gt;gh-pages&lt;/code&gt;, somente os estáticos do site do projeto. Vamos conseguir acessar pelo seguinte endereço:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;https://username.github.io/repositoryname
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Além de trocar o &lt;code&gt;username&lt;/code&gt; para o nome do seu usuário deveremos trocar o &lt;code&gt;repositoryname&lt;/code&gt; pelo nome do nosso repositório.&lt;/p&gt;

&lt;h2&gt;
  
  
  Usando um domínio personalizado
&lt;/h2&gt;

&lt;p&gt;Para usar um domínio personalizado, você só precisa criar um arquivo chamado &lt;code&gt;CNAME&lt;/code&gt; na branch onde estão os estáticos do seus site e o conteúdo dele deve ser o seu domínio. Por exemplo:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;blog.test.com.br
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Não precisa do &lt;code&gt;http(s)&lt;/code&gt; pode ficar tranquilo. Depois você só precisa configurar para que o seu domínio aponte para os DNS do Github. Para fazer isso, siga &lt;a href="https://docs.github.com/pt/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site#configuring-an-apex-domain"&gt;esse tutorial&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Fontes onde pesquisei esse conteúdo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/pt/pages"&gt;https://docs.github.com/pt/pages&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/pt/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site#configuring-an-apex-domain"&gt;https://docs.github.com/pt/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site#configuring-an-apex-domain&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>braziliandevs</category>
      <category>github</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Hacks do Github - Commits que fecham issues</title>
      <dc:creator>Jhony Walker</dc:creator>
      <pubDate>Fri, 17 Jun 2022 01:57:26 +0000</pubDate>
      <link>https://dev.to/jhonywalkeer/hacks-do-github-commits-que-fecham-issues-2aj8</link>
      <guid>https://dev.to/jhonywalkeer/hacks-do-github-commits-que-fecham-issues-2aj8</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--bXAm588R--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y4dp5xvmmf8k9owo9ofw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--bXAm588R--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y4dp5xvmmf8k9owo9ofw.png" alt="Commits" width="800" height="350"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;O Github é cheio de funcionalidades e o mais utilizado isso vocês já sabem e vamos continuar a série de "hacks" da plataforma que vão otimizar e melhorar sua experiência.&lt;/p&gt;

&lt;p&gt;⚠️ Importante: Os prints que serão exibidos para exemplificar podem estar diferentes da interface do seu GitHub, por que sou muito adepto a extensões que melhoram a usabilidade e que ajudam no meu dia a dia. Partindo desse ponto peço que dê uma olhada &lt;a href="https://dev.to/jhonywalkeer/extensoes-para-navegador-turbinando-sua-experiencia-no-github-538"&gt;nesse artigo&lt;/a&gt; antes.&lt;/p&gt;

&lt;p&gt;Abre uma issue, resolve o problema, commita, faz o push, fecha a issue. Abre uma issue, resolve o problema, commita, faz o push, fecha a issue. E se eu te disse existe uma forma de automatizar esse processo?&lt;/p&gt;

&lt;p&gt;Essa coisa de ficar lembrando de fechar a issue logo após a sua solução, em alguns casos, torna-se bastante chato e repetitivo. O Github tem um hack, onde você consegue fechar uma issue através de uma mensagem de commit.&lt;/p&gt;

&lt;h2&gt;
  
  
  Entendendo o hack
&lt;/h2&gt;

&lt;p&gt;Você já deve saber que inglês é essencial hoje em dia. Quando codificamos, principalmente se pretendemos colaborar com projetos Open Source, deveríamos escrever seus nomes de funções, métodos, variáveis, entre outras coisas tudo em inglês, correto? Pois assim, mais pessoas poderão ter acesso ao projeto, já que inglês é uma linguagem mundial! &lt;/p&gt;

&lt;p&gt;E com o Github não seria diferente, existe algumas palavras mágicas que podemos utilizar na mensagem de commit, para fechar uma issue. Precisamos referenciar também, o ID da issue (aquele número que aparece na URL quando você acessa a issue). E essss palavras mágicas são:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;fix, fixes, fixed, close, closes, closed, resolve, resolves, resolved
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Então podemos escrever a mensagem de commit mais ou menos assim:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git commit -m "Fix error on issue #32"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Usando uma das palavras mágicas, e referenciando a issue com a hash &lt;code&gt;# + número/ID da issue&lt;/code&gt;, essas informações só precisam aparecer na mensagem de commit, não precisam ter uma ordem específica, nesse exemplo a issue &lt;code&gt;#32&lt;/code&gt; será fechada.&lt;/p&gt;

&lt;p&gt;Essa é uma dica bem simples, mas que pode te poupar muito tempo com seus projetos open source.&lt;/p&gt;

&lt;p&gt;Fontes onde pesquisei esse conteúdo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/pt/issues/tracking-your-work-with-issues/about-issues"&gt;https://docs.github.com/pt/issues/tracking-your-work-with-issues/about-issues&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>braziliandevs</category>
      <category>github</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Hacks do Github - Licenças</title>
      <dc:creator>Jhony Walker</dc:creator>
      <pubDate>Fri, 17 Jun 2022 01:44:34 +0000</pubDate>
      <link>https://dev.to/jhonywalkeer/hacks-do-github-licencas-307i</link>
      <guid>https://dev.to/jhonywalkeer/hacks-do-github-licencas-307i</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--szw1Inqa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qbbqcsupqrc6mvinm1ns.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--szw1Inqa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qbbqcsupqrc6mvinm1ns.png" alt="Licenças" width="800" height="350"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;O Github é cheio de funcionalidades e o mais utilizado isso vocês já sabem e vamos continuar a série de "hacks" da plataforma que vão otimizar e melhorar sua experiência.&lt;/p&gt;

&lt;p&gt;⚠️ Importante: Os prints que serão exibidos para exemplificar podem estar diferentes da interface do seu GitHub, por que sou muito adepto a extensões que melhoram a usabilidade e que ajudam no meu dia a dia. Partindo desse ponto peço que dê uma olhada &lt;a href="https://dev.to/jhonywalkeer/extensoes-para-navegador-turbinando-sua-experiencia-no-github-538"&gt;nesse artigo&lt;/a&gt; antes.&lt;/p&gt;

&lt;p&gt;No mundo do software, o que define como aquele software será distribuído, se o software será pago, se outras pessoas poderão distribuí-lo sem problemas, ou terão que pagar por isso, Ou ainda podem distribuir o software, mas terão que citar o autor são as famosas Licenças. Mas nesse post não vou entrar em muitos detalhes sobre as licenças (farei um post somente dedicados a elas posteriormente). Hoje falaremos sobre como o Github nos ajuda com elas.&lt;/p&gt;

&lt;h2&gt;
  
  
  Aprofundando nas licenças
&lt;/h2&gt;

&lt;p&gt;Quando colocamos nosso código na internet, ele fica disponível para milhões de pessoas o aproveitarem como bem entenderem. Algumas irão utilizar seu código, citando que você é o autor, outras simplesmente irão copiá-lo, como se fossem os próprios autores. O que te “garante” algo é a licença que você disponibiliza junto com seu código e existem vários tipos delas sendo algumas das mais utilizadas conhecidas: &lt;strong&gt;MIT&lt;/strong&gt;, &lt;strong&gt;GPL&lt;/strong&gt;, &lt;strong&gt;LGPL&lt;/strong&gt;, &lt;strong&gt;BSD&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Mas o que o Github tem a ver com isso? Quando você cria um novo repositório, o Github te dá a opção de adicionar uma licença:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--wYLNgxZ8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vpdl41p0inko6gvn57lr.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wYLNgxZ8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vpdl41p0inko6gvn57lr.png" alt="License" width="800" height="342"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Mas caso tenha um projeto, e não tenho uma licença ainda podemos escolher a opção de criar o arquivo de licença através do link &lt;code&gt;+&lt;/code&gt;, mostrado abaixo:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--N_gV4flK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gozzu7q7a1uxufc0qa62.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--N_gV4flK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gozzu7q7a1uxufc0qa62.png" alt="License" width="386" height="67"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Então será apresentado a tela para criar um novo arquivo:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--HqbVdsk6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yi8fbpius4p4dmyt531b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--HqbVdsk6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yi8fbpius4p4dmyt531b.png" alt="Novo arquivo" width="800" height="204"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Coloque o nome do arquivo como &lt;code&gt;LICENSE&lt;/code&gt;, e veja a mágica acontecer. Agora basta escolher uma licença, e salvar ao fazer isso, já fica registrado um novo commit com a alteração, mas claro não se esqueça da conveção dos &lt;a href="https://dev.to/jhonywalkeer/git-commits-semanticos-ou-conventional-commits-2gpj"&gt;commits semânticos&lt;/a&gt; para ficar bem organizado.&lt;/p&gt;

&lt;p&gt;Fontes onde pesquisei esse conteúdo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/pt/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/licensing-a-repository"&gt;https://docs.github.com/pt/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/licensing-a-repository&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>braziliandevs</category>
      <category>github</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Hacks do Github - Parâmetros na URL</title>
      <dc:creator>Jhony Walker</dc:creator>
      <pubDate>Fri, 17 Jun 2022 01:25:02 +0000</pubDate>
      <link>https://dev.to/jhonywalkeer/hacks-do-github-parametros-na-url-2l3i</link>
      <guid>https://dev.to/jhonywalkeer/hacks-do-github-parametros-na-url-2l3i</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gA3uDNdu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tvszktu3fb2x60ophwoi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gA3uDNdu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tvszktu3fb2x60ophwoi.png" alt="URL" width="800" height="350"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;O Github é cheio de funcionalidades e o mais utilizado isso vocês já sabem e vamos continuar a série de "hacks" da plataforma que vão otimizar e melhorar sua experiência.&lt;/p&gt;

&lt;p&gt;⚠️ Importante: Os prints que serão exibidos para exemplificar podem estar diferentes da interface do seu GitHub, por que sou muito adepto a extensões que melhoram a usabilidade e que ajudam no meu dia a dia. Partindo desse ponto peço que dê uma olhada &lt;a href="https://dev.to/jhonywalkeer/extensoes-para-navegador-turbinando-sua-experiencia-no-github-538"&gt;nesse artigo&lt;/a&gt; antes.&lt;/p&gt;

&lt;p&gt;Hoje é dia de falar um sobre alguns parâmetros na URL e ver o que podemos fazer com eles.&lt;/p&gt;

&lt;h2&gt;
  
  
  Ignorando espaços em branco no commit
&lt;/h2&gt;

&lt;p&gt;Sabe quando você tem um commit onde tem um monte de espaços em branco sendo removidos, e fica difícil visualizar onde realmente foi alterado no código? Então, se passarmos &lt;code&gt;?w=1&lt;/code&gt; na URL, o Github ignora os espaços em branco, e mostra só o que realmente é necessário e que você realmente quer saber.&lt;/p&gt;

&lt;h2&gt;
  
  
  Tamanho da tabulação
&lt;/h2&gt;

&lt;p&gt;Sabe aquele código indentado com 4 tabs que fica com tamanho de 8 em qualquer outro lugar diferente do seu editor? Sim, mesmo você jurando que usou a &lt;a href="https://dev.to/jhonywalkeer/editorconfig-eslint-e-prettier-a-triade-dos-projetos-4p9"&gt;tríade de formatação&lt;/a&gt; ele ainda corre o risco de ocorrer esse problema. Então passando o parâmetro &lt;code&gt;?ts=4&lt;/code&gt;, o Github mostra o código indentado com o valor passado para o parâmetro &lt;code&gt;ts&lt;/code&gt;. No nosso caso vai ser &lt;code&gt;4&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Separar commits por autor
&lt;/h2&gt;

&lt;p&gt;Quer rever só os seus commits que você ou um usuário específico fez naquele projeto open source, mas tem outros milhões de colaboradores? Nesse caso, podemos adicionar o parâmetro &lt;code&gt;?author=username&lt;/code&gt;, passando o seu username do Github (ou o que deseja) para mostrar somente eles.&lt;/p&gt;

&lt;p&gt;O hack que hoje foi bem rápido e ao invés de colocar os prints com os exemplos na prática eu quero que você faça veja a mágica acontecer.&lt;/p&gt;

&lt;p&gt;Fontes onde pesquisei esse conteúdo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/pt/enterprise-server@3.1/developers/apps/building-github-apps/creating-a-github-app-using-url-parameters"&gt;https://docs.github.com/pt/enterprise-server@3.1/developers/apps/building-github-apps/creating-a-github-app-using-url-parameters&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>braziliandevs</category>
      <category>github</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Hacks do Github - Incentive a contribuição para seus projetos open source</title>
      <dc:creator>Jhony Walker</dc:creator>
      <pubDate>Fri, 17 Jun 2022 00:58:05 +0000</pubDate>
      <link>https://dev.to/jhonywalkeer/hacks-do-github-incentive-a-contribuicao-para-seus-projetos-open-source-46bh</link>
      <guid>https://dev.to/jhonywalkeer/hacks-do-github-incentive-a-contribuicao-para-seus-projetos-open-source-46bh</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--tbmsKEzA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qbg7o0ztcbui8g54ct8r.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--tbmsKEzA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qbg7o0ztcbui8g54ct8r.png" alt="Open Source" width="800" height="350"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;O Github é cheio de funcionalidades e o mais utilizado isso vocês já sabem e vamos continuar a série de "hacks" da plataforma que vão otimizar e melhorar sua experiência.&lt;/p&gt;

&lt;p&gt;⚠️ Importante: Os prints que serão exibidos para exemplificar podem estar diferentes da interface do seu GitHub, por que sou muito adepto a extensões que melhoram a usabilidade e que ajudam no meu dia a dia. Partindo desse ponto peço que dê uma olhada &lt;a href="https://dev.to/jhonywalkeer/extensoes-para-navegador-turbinando-sua-experiencia-no-github-538"&gt;nesse artigo&lt;/a&gt; antes.&lt;/p&gt;

&lt;p&gt;Contribuir para projetos open source é algo que nos faz crescer muito como profissionais. Temos a oportunidade de aprender coisas novas e praticar o que muitas vezes não utilizamos comumente no nosso dia-a-dia. &lt;/p&gt;

&lt;p&gt;Cada pessoa que cria um projeto open source tem sua forma de escrever seus códigos, organizar a estrutura de arquivos, etc. Se o projeto é interessante, outras pessoas acabam ficando interessadas em contribuir. Mas a frustração vem quando descobrimos que cada um escreve seu código de uma forma: alguns usam &lt;code&gt;tabs&lt;/code&gt;, outros espaços; uns preferem 4 espaços, outros preferem 2; colocar espaço entre o &lt;code&gt;if&lt;/code&gt; e os &lt;code&gt;()&lt;/code&gt; ou não, escrever o &lt;code&gt;else&lt;/code&gt; em uma nova linha, ou na mesma linha do fechamento do &lt;code&gt;}&lt;/code&gt; e assim por diante. Nenhuma destas formas estão erradas, São apenas diferentes modos de escrever o mesmo código! Mas se um mesmo código tiver várias dessas formas misturadas, o projeto vai acabar virando uma zona o famoso padrão sem padrão.&lt;/p&gt;

&lt;p&gt;Então, normalmente colocamos no &lt;strong&gt;README.md&lt;/strong&gt; do repositório uma área de como contribuir, citando os padrões que você utilizou no código, mostrando como criar uma nova feature, bugfix entre outras coisas. Mas no momento de empolgação, muitas vezes os devs nem chegam nessa parte do seu README.md (aposto que você mesmo já passou batido), e acabam enviando pull requests com seus próprios padrões.&lt;/p&gt;

&lt;h2&gt;
  
  
  O arquivo CONTRIBUTING.md
&lt;/h2&gt;

&lt;p&gt;Uma feature bem simples do Github, mas que pode ajudar a organizar melhor a colaboração nos seus projetos e que poucos conhecem, é a adição de um arquivo chamado &lt;strong&gt;CONTRIBUTING.md&lt;/strong&gt;. Nesse arquivo você coloca tudo o que a pessoa que vai colaborar com o seu projeto precisa saber e quando criamos esse arquivo, sempre que alguém for criar uma nova issue ou enviar um pull request, olha o que vai aparecer pra ele:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--YC6tAXg2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b3b83cp8wa25hi3woem1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--YC6tAXg2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b3b83cp8wa25hi3woem1.png" alt="CONTRIBUTING" width="800" height="124"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;O &lt;strong&gt;guidelines for contributing&lt;/strong&gt; que aparece na mensagem acima, é linkado diretamente com o nosso arquivo &lt;strong&gt;CONTRIBUTING.md&lt;/strong&gt;! Assim, sempre que alguém for colaborar, ele verá esse aviso, e ainda que não leia o &lt;strong&gt;README.md&lt;/strong&gt;, verá que existem alguns padrões a serem seguidos para que ele possa contribuir.&lt;/p&gt;

&lt;p&gt;Fontes onde pesquisei esse conteúdo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/github/docs/blob/main/CONTRIBUTING.md"&gt;https://github.com/github/docs/blob/main/CONTRIBUTING.md&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>braziliandevs</category>
      <category>github</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Hacks do Github - Imagens</title>
      <dc:creator>Jhony Walker</dc:creator>
      <pubDate>Fri, 17 Jun 2022 00:40:46 +0000</pubDate>
      <link>https://dev.to/jhonywalkeer/hacks-do-github-imagens-4ajb</link>
      <guid>https://dev.to/jhonywalkeer/hacks-do-github-imagens-4ajb</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--5p1yXMWP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i427zhkkoj796qzclw95.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5p1yXMWP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i427zhkkoj796qzclw95.png" alt="Images" width="800" height="350"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;O Github é cheio de funcionalidades e o mais utilizado isso vocês já sabem e vamos continuar a série de "hacks" da plataforma que vão otimizar e melhorar sua experiência.&lt;/p&gt;

&lt;p&gt;⚠️ Importante: Os prints que serão exibidos para exemplificar podem estar diferentes da interface do seu GitHub, por que sou muito adepto a extensões que melhoram a usabilidade e que ajudam no meu dia a dia. Partindo desse ponto peço que dê uma olhada &lt;a href="https://dev.to/jhonywalkeer/extensoes-para-navegador-turbinando-sua-experiencia-no-github-538"&gt;nesse artigo&lt;/a&gt; antes.&lt;/p&gt;

&lt;p&gt;Nada como alegrar aquela mensagem de commit, o comentário de uma issue ou um pull request com os famosos os emojis, e para utiliza-los, basta você colocar o nome do emoji entre dois-pontos: &lt;code&gt;:emoji-name:&lt;/code&gt;. Alguns exemplos se encontram nesse &lt;a href="https://gitmoji.dev/"&gt;site incrível&lt;/a&gt; ou se preferir pode acessar &lt;a href="https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md"&gt;esse repo&lt;/a&gt; que apresenta diversos exemplos (assim acho que na verdade são todos) &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--HL2dFOxS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iukclvrqplug14ii9iva.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--HL2dFOxS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iukclvrqplug14ii9iva.png" alt="Repo exemple" width="706" height="359"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Imagens / GIFs
&lt;/h2&gt;

&lt;p&gt;Podemos usar qualquer imagem ou gif em qualquer lugar que aceite markdown no Github: issues, pull requests, arquivos Markdown. Se quiser pegar a imagem de algum repositório, pode usar o seguinte formato:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;![Alt Text](https://github.com/{user}/{repo}/raw/{branch}/path/to/image.gif)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Claro que o trecho acima é apenas um exemplo, será necessário trocar as informações acima pelas corretas da sua imagem. Algo bem interessante é a possibilidade de trocar a imagem com base no tema que está utilizando... sim é possível e falei como realizar essa façanha &lt;a href="https://dev.to/jhonywalkeer/github-selecionando-imagens-com-base-no-tema-3cc6"&gt;neste artigo&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Upload de imagens
&lt;/h2&gt;

&lt;p&gt;Quando abrir uma issue ou pull request, você pode adicionar uma local, de 3 formas:&lt;/p&gt;

&lt;p&gt;1ª) Arrastando a imagem para área onde você digita o texto da issue / pull request;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--EJKsdl8u--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uwsj8soewk157ou38yrk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--EJKsdl8u--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uwsj8soewk157ou38yrk.png" alt="Drag" width="721" height="204"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;2ª) Colando a imagem da sua área de transferência (&lt;code&gt;Ctrl + C&lt;/code&gt; ou &lt;code&gt;Cmd + C&lt;/code&gt;). Essa é clássica, pensou que o famoso comando usando por milhares de pessoas ficaria de fora da plataforma do Github?&lt;/p&gt;

&lt;p&gt;3ª) A última, porém não menos importante é clicando no link apresentado e selecionando a imagem que deseja:&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--g93JG44o--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pebdzds6se33egs231jx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--g93JG44o--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pebdzds6se33egs231jx.png" alt="Them" width="719" height="204"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Fato é... as imagens e gifs são extremamente necessárias, pois melhoram ainda mais seu repo, issue e pull requests, mas claro que você não pode abusar delas ou então isso irá acabar atrapalhando mais do que ajudando.&lt;/p&gt;

&lt;p&gt;Fontes onde pesquisei esse conteúdo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/pt/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax"&gt;https://docs.github.com/pt/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>braziliandevs</category>
      <category>github</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Hacks do Github - Variáveis</title>
      <dc:creator>Jhony Walker</dc:creator>
      <pubDate>Thu, 16 Jun 2022 22:58:16 +0000</pubDate>
      <link>https://dev.to/jhonywalkeer/hacks-do-github-variaveis-48kh</link>
      <guid>https://dev.to/jhonywalkeer/hacks-do-github-variaveis-48kh</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Bw8UvSxS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uobqdd12c1twsjlvxg8s.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Bw8UvSxS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uobqdd12c1twsjlvxg8s.png" alt="Variáveis" width="800" height="350"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;O Github é cheio de funcionalidades e o mais utilizado isso vocês já sabem e vamos continuar a série de "hacks" da plataforma que vão otimizar e melhorar sua experiência.&lt;/p&gt;

&lt;p&gt;⚠️ Importante: Os prints que serão exibidos para exemplificar podem estar diferentes da interface do seu GitHub, por que sou muito adepto a extensões que melhoram a usabilidade e que ajudam no meu dia a dia. Partindo desse ponto peço que dê uma olhada &lt;a href="https://dev.to/jhonywalkeer/extensoes-para-navegador-turbinando-sua-experiencia-no-github-538"&gt;nesse artigo&lt;/a&gt; antes.&lt;/p&gt;

&lt;p&gt;Sabia que é possível utilizar variáveis nos seus arquivos Markdown? Mostrarei hoje como e, porque você deveria utilizar! Imagine que o seu Markdown tem vários links, como por exemplo:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;[![NPM version](https://badge.fury.io/js/getmodule.svg?style=flat)](https://npmjs.org/package/getmodule)
[![Build Status](https://travis-ci.org/fdaciuk/getmodule.svg)](https://travis-ci.org/fdaciuk/getmodule)
[![Coverage Status](https://img.shields.io/coveralls/fdaciuk/getmodule.svg?style=flat)](https://coveralls.io/r/fdaciuk/getmodule?branch=master)
[![Code Climate](https://codeclimate.com/github/fdaciuk/getmodule/badges/gpa.svg?style=flat)](https://codeclimate.com/github/fdaciuk/getmodule)
[![NPM](https://nodei.co/npm/getmodule.png?downloads=true&amp;amp;downloadRank=true&amp;amp;stars=true)](https://nodei.co/npm/getmodule/)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Como você pode ver, no exemplo ele faz chamadas de alguns badges com links apontando para versão do módulo no NPM, Status do TravisCI, Status do Code Coverage no Coveralls, Code Climate, etc. Isso acaba ficando bastante verboso no seu arquivo e, se você precisar usar a mesma URL em outro lugar do seu &lt;strong&gt;README&lt;/strong&gt;, terá que repetí-la.&lt;/p&gt;

&lt;h2&gt;
  
  
  Variáveis
&lt;/h2&gt;

&lt;p&gt;Mas podemos usar um segredo guardado a sete chaves pelos Ninjas do Github, que são as variáveis. No final do seu arquivo, podemos colocar as suas variáveis nesse formato:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;[nome-da-variavel]: valor-da-variavel
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;E para usar, só fazer assim:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;[nome-da-variavel]
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;No caso do arquivo Markdown acima, aquele trecho de código ficaria assim:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;[![NPM version][npm-version-image]][npm-version-url]
[![Build Status][travis-image]][travis-url]
[![Coverage Status][coveralls-image]][coveralls-url]
[![Code Climate][codeclimate-image]][codeclimate-url]
[![NPM][npm-image]][npm-url]
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Assim como falei no artigo sobre &lt;a href="https://dev.to/jhonywalkeer/hacks-do-github-task-lists-e-tabelas-3l3i"&gt;Task lists e Tabelas&lt;/a&gt; interessante no Github a linguagem utilizada para escrita desses textos é o Markdown que é uma linguagem simples de marcação originalmente criada por John Gruber e Aaron Swartz. Markdown converte seu texto em HTML válido, mas essa linguagem é utilizada também no &lt;strong&gt;Discord&lt;/strong&gt;, &lt;strong&gt;Notion&lt;/strong&gt; entre outros que possuem como base essa linguagem.&lt;/p&gt;

&lt;p&gt;Isso significa que a output de saída será a mesma inserindo o texto formatado conforme o que está inserido no Github, é um pouco repetitivo mas é importante que tenham isso em mente.&lt;/p&gt;

&lt;p&gt;Fontes onde pesquisei esse conteúdo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/pt/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes"&gt;https://docs.github.com/pt/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>braziliandevs</category>
      <category>github</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Hacks do Github - Mantendo repositório forkado sincronizado com o original</title>
      <dc:creator>Jhony Walker</dc:creator>
      <pubDate>Sun, 12 Jun 2022 21:30:36 +0000</pubDate>
      <link>https://dev.to/jhonywalkeer/hacks-do-github-mantendo-repositorio-forkado-sincronizado-com-o-original-3p1p</link>
      <guid>https://dev.to/jhonywalkeer/hacks-do-github-mantendo-repositorio-forkado-sincronizado-com-o-original-3p1p</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_fgysowz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gy7zt8ieqmoijdek0maw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_fgysowz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gy7zt8ieqmoijdek0maw.png" alt="GitHub fork" width="800" height="350"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;O Github é cheio de funcionalidades e o mais utilizado isso vocês já sabem e vamos continuar a série de "hacks" da plataforma que vão otimizar e melhorar sua experiência.&lt;/p&gt;

&lt;p&gt;⚠️ Importante: Os prints que serão exibidos para exemplificar podem estar diferentes da interface do seu GitHub, por que sou muito adepto a extensões que melhoram a usabilidade e que ajudam no meu dia a dia. Partindo desse ponto peço que dê uma olhada &lt;a href="https://dev.to/jhonywalkeer/extensoes-para-navegador-turbinando-sua-experiencia-no-github-538"&gt;nesse artigo&lt;/a&gt; antes. &lt;/p&gt;

&lt;p&gt;Depois que você forka um projeto no Github, você faz as alterações necessárias e envia um &lt;strong&gt;Pull Request&lt;/strong&gt; para o repositório original.&lt;/p&gt;

&lt;p&gt;Se você precisa fazer mais alguma alteração no mesmo repositório no futuro, mas já tem outras colaborações no repositório original, como você procede para manter seu repositório atualizado? Copia as alterações manualmente para o seu repositório? Apaga e forka novamente?&lt;/p&gt;

&lt;p&gt;O Git é uma ferramenta excepcional e, quando você passa a conhecê-lo mais a fundo, vai ver que não vai precisar fazer mais nada manualmente quando ele é usado no seu projeto. Existe uma forma muito prática de sincronizar os dois repos, e vou mostrá-la agora mesmo!&lt;/p&gt;

&lt;p&gt;O seu repositório forkado normalmente é adicionado como &lt;strong&gt;origin&lt;/strong&gt; quando você faz o clone. Para sincronizar com o repositório principal, adicione esse repositório com outro nome (no caso do exemplo, &lt;strong&gt;upstream&lt;/strong&gt;), com o comando abaixo:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git remote add upstream [ENDEREÇO DO REPOSITÓRIO PRINCIPAL]
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Substituindo [ENDEREÇO DO REPOSITÓRIO PRINCIPAL] pelo endereço do repositório.&lt;/p&gt;

&lt;p&gt;Depois, para sincronizar os repositórios, execute o comando:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git fetch upstream
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Finalmente, só dar merge na branch &lt;strong&gt;master&lt;/strong&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git merge upstream/master
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;A sincronização do fork só atualiza a cópia local do repositório. Para atualizar a bifurcação no GitHub.com, você precisa fazer push das alterações.&lt;/p&gt;

&lt;p&gt;Fontes onde pesquisei esse conteúdo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/pt/pull-requests/collaborating-with-pull-requests/working-with-forks/syncing-a-fork"&gt;https://docs.github.com/pt/pull-requests/collaborating-with-pull-requests/working-with-forks/syncing-a-fork&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>braziliandevs</category>
      <category>github</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Hacks do Github - Mantendo a ordem</title>
      <dc:creator>Jhony Walker</dc:creator>
      <pubDate>Fri, 10 Jun 2022 22:30:43 +0000</pubDate>
      <link>https://dev.to/jhonywalkeer/hacks-do-github-mantendo-a-ordem-18ob</link>
      <guid>https://dev.to/jhonywalkeer/hacks-do-github-mantendo-a-ordem-18ob</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--P0CqKgHC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cjw4tzmqw8pycb1kyd52.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--P0CqKgHC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cjw4tzmqw8pycb1kyd52.png" alt="Order" width="800" height="350"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;O Github é cheio de funcionalidades e o mais utilizado isso vocês já sabem e vamos continuar a série de "hacks" da plataforma que vão otimizar e melhorar sua experiência.&lt;/p&gt;

&lt;p&gt;⚠️ Importante: Os prints que serão exibidos para exemplificar podem estar diferentes da interface do seu GitHub, por que sou muito adepto a extensões que melhoram a usabilidade e que ajudam no meu dia a dia. Partindo desse ponto peço que dê uma olhada &lt;a href="https://dev.to/jhonywalkeer/extensoes-para-navegador-turbinando-sua-experiencia-no-github-538"&gt;nesse artigo&lt;/a&gt; antes.&lt;/p&gt;

&lt;p&gt;Quando criamos uma nova feature para um projeto &lt;strong&gt;open source&lt;/strong&gt;, normalmente criamos uma branch nova, fazemos as alterações, fazemos o push para o repositório nessa nova branch e então envia um &lt;strong&gt;pull request&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Quando o pull request é aceito é feito o processo para &lt;a href=""&gt;atualizar o repositório com o repositório forkado&lt;/a&gt; e tudo fica 100% como deveria! Mas, com o tempo, a lista de branchs no Github vai aumentando, mas não vamos precisar delas, pois seu pull request já foi aceito. Como limpar a sujeira e deixar somente as branchs que precisamos?&lt;/p&gt;

&lt;h2&gt;
  
  
  Removendo branchs do Github
&lt;/h2&gt;

&lt;p&gt;Para remover uma branch do Github, você pode usar o comando no seu terminal (sim, claro que vamos utilizar os comandos GIT você ainda tinha dúvida?)&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git push origin nome_da_branch --delete
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;E com esse comando iremos deletar a branch do Github! Ou podemos utilizar este comando também:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git push origin :nome_da_branch
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Com os dois pontos &lt;code&gt;:&lt;/code&gt; na frente do nome da branch, o resultado é o mesmo&lt;/p&gt;

&lt;h2&gt;
  
  
  Removendo branchs localmente
&lt;/h2&gt;

&lt;p&gt;Aproveitando o gancho, vou falar como você pode remover as branchs locais também cujo o comando é:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git branch -D nome_da_branch
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Então é isso pessoal, sei que você provavelmente já conhecia esse comando (uns 98% de certeza), mas é sempre bom relembrar e utiliza-ló para organizar seus repositórios.&lt;/p&gt;

&lt;p&gt;Fontes onde pesquisei esse conteúdo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/pt/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches"&gt;https://docs.github.com/pt/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>braziliandevs</category>
      <category>github</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Hacks do Github - Shortcuts</title>
      <dc:creator>Jhony Walker</dc:creator>
      <pubDate>Fri, 10 Jun 2022 15:48:40 +0000</pubDate>
      <link>https://dev.to/jhonywalkeer/hacks-do-github-shortcuts-dea</link>
      <guid>https://dev.to/jhonywalkeer/hacks-do-github-shortcuts-dea</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--XF1Ry6r3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o9vynjol8vgak4hmp14z.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--XF1Ry6r3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o9vynjol8vgak4hmp14z.png" alt="Shortcuts" width="800" height="350"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;O Github é cheio de funcionalidades e o mais utilizado isso vocês já sabem e vamos continuar a série de "hacks" da plataforma que vão otimizar e melhorar sua experiência.&lt;/p&gt;

&lt;p&gt;⚠️ Importante: Os prints que serão exibidos para exemplificar podem estar diferentes da interface do seu GitHub, por que sou muito adepto a extensões que melhoram a usabilidade e que ajudam no meu dia a dia. Partindo desse ponto peço que dê uma olhada &lt;a href="https://dev.to/jhonywalkeer/extensoes-para-navegador-turbinando-sua-experiencia-no-github-538"&gt;nesse artigo&lt;/a&gt; antes.&lt;/p&gt;

&lt;p&gt;Atalhos sempre agilizam o trabalho com qualquer ferramenta para isso esse post veio mostrar alguns atalhos interessantes do Github.&lt;/p&gt;

&lt;h2&gt;
  
  
  Buscando arquivos
&lt;/h2&gt;

&lt;p&gt;Quando visualizamos um repositório, podemos pressionar &lt;code&gt;t&lt;/code&gt; e começar a digitar um nome de arquivo que contenha nesse diretório, que o arquivo será buscado recursivamente em todos os diretórios:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ZNh6TObo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ia340tw9gtxc3sznunsh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZNh6TObo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ia340tw9gtxc3sznunsh.png" alt="search" width="800" height="419"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Usando as setas &lt;code&gt;↑&lt;/code&gt; e &lt;code&gt;↓&lt;/code&gt;, conseguimos navegar pelos arquivos encontrados e ao pressionar enter o arquivo é aberto.&lt;br&gt;
Esse comando funciona na listagem de arquivos de um repositório.&lt;/p&gt;

&lt;h2&gt;
  
  
  Branch selector
&lt;/h2&gt;

&lt;p&gt;Agora quando trabalhamos com várias branchs, podemos usar o &lt;code&gt;w&lt;/code&gt;, na tela principal do repositório, para abrir o &lt;strong&gt;Branch Selector&lt;/strong&gt;. O campo de busca de branchs receberá foco. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--aJF9WmSe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9r07bymc4mh0kyj38f6r.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--aJF9WmSe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9r07bymc4mh0kyj38f6r.png" alt="Branch" width="800" height="234"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Pressionando &lt;code&gt;tab&lt;/code&gt;, você navega entrea as abas como nomes das branches e tag e para selecionar basta pressionar &lt;code&gt;enter&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Command bar
&lt;/h2&gt;

&lt;p&gt;Pressionando &lt;code&gt;s&lt;/code&gt;, o barra de busca recebe foco para você poder encontrar conteúdos dentro do Github:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--56qv7NCC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tz05xueur7jmfc7yempv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--56qv7NCC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tz05xueur7jmfc7yempv.png" alt="Search" width="619" height="43"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Labels
&lt;/h2&gt;

&lt;p&gt;Na tela de issues, pressionando &lt;code&gt;l&lt;/code&gt;, podemos filtrar as &lt;strong&gt;issues&lt;/strong&gt; por &lt;strong&gt;labels&lt;/strong&gt;. Podemos navegar por elas usando as setas &lt;code&gt;↑&lt;/code&gt; e &lt;code&gt;↓&lt;/code&gt; e pressionar enterpara selecionar:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--tHnvCE9b--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/96lsoi0uzzx36n3794e4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--tHnvCE9b--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/96lsoi0uzzx36n3794e4.png" alt="Labels" width="333" height="522"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Congelar uma alteração de arquivo
&lt;/h2&gt;

&lt;p&gt;Ao visualizar um arquivo, se quando pressionarmos &lt;code&gt;y&lt;/code&gt;, a URL irá mudar para uma que “congela” como o arquivo está atualmente. Se esse arquivo mudar, você pode usar essa URL para ver exatamente como estava o arquivo antes das alterações.&lt;/p&gt;

&lt;h2&gt;
  
  
  VScode Online
&lt;/h2&gt;

&lt;p&gt;Recentemente foi disponibilizado pela equipe do Github o atalho &lt;code&gt;.&lt;/code&gt; que "apenas" abre em um VScode Online com toda estrutura do projeto que está no repositório. Para isso basta escolher o repositório que deseja ver e pressione &lt;code&gt;.&lt;/code&gt; &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--XkKtmar4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x3m8kxcnip1jx9bzqkit.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--XkKtmar4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x3m8kxcnip1jx9bzqkit.png" alt="Vscode Online" width="800" height="392"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ou basta alterar o link do repositório adicionando no lugar do &lt;code&gt;github.com&lt;/code&gt; o &lt;code&gt;github.dev&lt;/code&gt; &lt;/p&gt;

&lt;h2&gt;
  
  
  Todos os atalhos
&lt;/h2&gt;

&lt;p&gt;pPor último, mas não menos importante, se pressionarmos o &lt;code&gt;?&lt;/code&gt; em qualquer lugar, será mostrada a tela com todos os atalhos disponíveis no Github. Inicialmente são mostrados somente os mais utilizados. Mas clicando no link &lt;strong&gt;Show all&lt;/strong&gt;, você pode ver todos os atalhos!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--apP3QFIz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ecrcsttw6ofdqzlaks7e.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--apP3QFIz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ecrcsttw6ofdqzlaks7e.png" alt="Atalhos" width="800" height="490"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Basta você testar todos que estão presentes nessa lista gigantesca e otimizar cada vez mais seu trabalho.&lt;/p&gt;

&lt;p&gt;Fontes onde pesquisei esse conteúdo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/pt/get-started/using-github/keyboard-shortcuts"&gt;https://docs.github.com/pt/get-started/using-github/keyboard-shortcuts&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>braziliandevs</category>
      <category>github</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
