class: center, middle, inverse, title-slide # Introdução ao GitHub ### R-Ladies São Paulo ### Atualizado em 17/10/2020 --- class: middle, center, inverse
<!-- inicio font awesome --> <script src="https://kit.fontawesome.com/1f72d6921a.js" crossorigin="anonymous"></script> <!-- final font awesome --> <!-- inicio github buttons --> <script async defer src="https://buttons.github.io/buttons.js"></script> <!-- final github buttons --> # O que é Github? -- ## Uma introdução! --- class: hide-logo, center, middle O Github é uma plataforma de hospedagem de código e arquivos com controle de versão usando o Git. Funciona como uma rede colaborativa, onde as pessoas colocam seus projetos para desenvolvimento e hospedagem do código. <img src="img/github_about.jpeg" width="70%" style="display: block; margin: auto;" /> --- ## Visão Geral do Github <img src="img/github.PNG" width="70%" style="display: block; margin: auto;" /> --- ## Algumas funcionalidades - Documentação em Repositórios - Pull requests com comentário e revisão de código - Histórico de commits - Notificações por email - Arquivos podem ser vistos e comparados com versões anteriores - GitHub Pages: websites estáticos podem ser feitos. --- ## Repositórios <img src="img/github2.jpeg" width="80%" style="display: block; margin: auto;" /> --- ## Criando um Repositório seu <img src="img/github4.jpeg" width="70%" style="display: block; margin: auto;" /> --- ## Repositórios <img src="img/github3.jpeg" width="90%" style="display: block; margin: auto;" /> --- ## Issues do repositório - Sugestões de melhorias, erros encontrados, etc. <img src="img/lista-issues.PNG" width="90%" style="display: block; margin: auto;" /> Exemplo das issues do repositório [carpentries/glosario](https://github.com/carpentries/glosario/issues). --- ## Pull Requests do repositório - Contribuição com __CÓDIGOS__ envolvendo melhorias, arrumando erros encontrados, etc. <img src="img/lista-pull-requests.PNG" width="90%" style="display: block; margin: auto;" /> Exemplo dos pull requests do repositório [carpentries/glosario](https://github.com/carpentries/glosario/issues). --- ## Projetos do repositório - É interessante para organizar as tarefas! - Possível marcar: - pessoas usando `@nomeusuarie`, - issues e PRs do repositório usando `#1` (substitua o 1 pelo número do PR ou Issue) - issues e PRs de outros repositórios utilizando o final da url, por exemplo `gabrielacaesar/segurancaSP/issues/13`. <img src="img/projetos-repo.PNG" width="90%" style="display: block; margin: auto;" /> --- ## Fork em um Repositório Fazendo o Fork do repositório __de outra pessoa__ cria uma cópia deste repositório na sua conta, para que você possa trabalhar na sua contribuição e enviá-la depois. <img src="img/fork.png" width="90%" style="display: block; margin: auto;" /> --- ## Fork em um Repositório <img src="img/fork2.jpeg" width="100%" style="display: block; margin: auto;" /> --- ## Commit em um Repositório <img src="img/github7.jpeg" width="100%" style="display: block; margin: auto;" /> --- ## Pull Request em um Repositório <img src="img/github6.jpeg" width="100%" style="display: block; margin: auto;" /> --- ## Pull Request em um Repositório <img src="img/github8.jpeg" width="80%" style="display: block; margin: auto;" /> --- ## Revisão e sugestões no conteúdo dos PRs <img src="img/review_pr.PNG" width="80%" style="display: block; margin: auto;" /> --- ## Histórico de commits <img src="img/github9.jpeg" width="100%" style="display: block; margin: auto;" /> --- ## Histórico dos arquivos <img src="img/github11.jpeg" width="100%" style="display: block; margin: auto;" /> --- ## Histórico dos arquivos <img src="img/github10.jpeg" width="100%" style="display: block; margin: auto;" /> --- ## Clonando um Repositório na sua máquina local <img src="img/github15.jpeg" width="50%" style="display: block; margin: auto;" /> --- ## Github Pages <img src="img/github12.png" width="100%" style="display: block; margin: auto;" /> --- ## Github Pages <img src="img/github13.jpeg" width="100%" style="display: block; margin: auto;" /> --- ## É possível seguir pessoas e projetos É uma forma de acompanhar o que as pessoas da comunidade tem feito! <img src="img/github14.jpeg" width="100%" style="display: block; margin: auto;" /> --- class: inverse, middle, center ## E muito mais!