GitHub
Voltar para: Games com Phaser + Reactjs
1. O que é o GitHub
O GitHub é uma plataforma online usada para armazenar, compartilhar e colaborar em projetos de software usando o sistema de versionamento Git.
Em termos simples:
- Git controla versões do código
- GitHub hospeda esses projetos na internet
Ele foi criado em 2008 e hoje pertence à Microsoft.
2. Para que serve o GitHub
O GitHub permite:
- armazenar projetos online
- colaborar com outros programadores
- manter histórico de código
- publicar projetos open source
- criar portfólio profissional
- trabalhar em equipe
Hoje é usado por milhões de desenvolvedores no mundo.
3. Requisitos para usar o GitHub
Você precisa de:
1️⃣ Conta no GitHub
Criada gratuitamente.
2️⃣ Git instalado
Ferramenta para enviar arquivos ao GitHub.
3️⃣ Internet
Para sincronizar os projetos.
4. Criando uma conta no GitHub (Passo a Passo)
Acesse:
Clique em:
Sign up
Preencha os dados:
Username
Seu nome público.
Exemplo:
davidalmeida
Seu email de cadastro.
Password
Senha da conta.
Depois disso:
- confirme o email
- faça login
Sua conta estará ativa.
5. Escolhendo um nome de usuário
O username aparece no seu perfil e nos projetos.
Exemplo de URL:
https://github.com/davidalmeida
Boas práticas
Use algo:
✔ profissional
✔ fácil de lembrar
✔ curto
Exemplo:
joaosilva
devmaria
carlos-dev
6. Políticas de nomes no GitHub
O GitHub não permite nomes que violem regras.
Exemplos proibidos:
❌ nomes ofensivos
❌ nomes racistas
❌ impersonar empresas
❌ fingir ser outra pessoa
Exemplo proibido:
microsoft-oficial
google-support
Isso pode gerar suspensão da conta.
7. Aplicativos do GitHub
Você pode usar o GitHub de várias formas.
1️⃣ Navegador (mais simples)
Funciona em qualquer sistema.
2️⃣ GitHub Desktop
Aplicativo visual.
Disponível para:
- Windows
- MacOS
Download:
3️⃣ Git via terminal
Usando:
- Git Bash
- Terminal Linux
- Terminal Mac
4️⃣ Integração com IDEs
Exemplos:
- VSCode
- JetBrains
- Visual Studio
8. Instalando GitHub Desktop
Baixe:
Instalação no Windows ou Mac:
- execute o instalador
- clique Next
- finalize instalação
Depois abra o programa.
9. Fazendo login no GitHub Desktop
Ao abrir o programa:
Clique:
Sign in to GitHub
O navegador abrirá.
Autorize o login.
Agora o GitHub Desktop estará conectado à sua conta.
10. Criando o primeiro repositório (GitHub Desktop)
Abra o GitHub Desktop.
Clique:
File → New repository
Preencha:
Name
meu-primeiro-projeto
Description
Projeto de teste
Local Path
Pasta onde o projeto será salvo.
Marque:
✔ Initialize with README
Clique:
Create repository
Agora o projeto existe no seu computador.
11. Publicando o repositório no GitHub
Clique:
Publish repository
Escolha:
✔ Public
ou
✔ Private
Clique:
Publish
Pronto.
Seu projeto está online.
12. Usando GitHub com Git Bash
Agora veremos o método mais usado por programadores.
Passo 1 — Criar pasta
meu-site
Passo 2 — abrir Git Bash
Dentro da pasta.
Passo 3 — iniciar Git
git init
Passo 4 — criar arquivo
index.html
Exemplo:
<h1>Meu primeiro projeto GitHub</h1>
Passo 5 — adicionar arquivo
git add .
Passo 6 — fazer commit
git commit -m "primeiro commit"
Passo 7 — criar repositório no GitHub
No site do GitHub clique:
New repository
Nome:
meu-site
Clique:
Create repository
Passo 8 — conectar ao GitHub
Copie a URL do repositório.
Execute:
git remote add origin https://github.com/usuario/meu-site.git
Passo 9 — enviar código
git push -u origin main
Agora o projeto aparece no GitHub.
13. O que é README.md
O arquivo README.md é a página inicial do projeto.
Ele explica:
- o que é o projeto
- como instalar
- como usar
Exemplo:
# Meu ProjetoEste projeto é um site de exemplo.## TecnologiasHTML
CSS
JavaScript
O GitHub mostra esse arquivo automaticamente na página do projeto.
14. O que é Markdown
README usa Markdown.
Markdown é uma forma simples de escrever documentação.
Exemplo:
# Título
## Subtítulo
**negrito**
15. Licenças no GitHub
Licenças definem como outras pessoas podem usar seu código.
Ao criar repositório você pode escolher uma.
MIT License
Muito popular.
Permite:
✔ usar
✔ modificar
✔ distribuir
Desde que mantenha o crédito.
GPL
Mais restritiva.
Quem usar seu código deve manter o projeto open source.
Apache License
Permite uso comercial e protege patentes.
BSD
Parecida com MIT.
Muito permissiva.
16. Boas práticas no GitHub
✔ usar README claro
✔ organizar pastas
✔ usar commits descritivos
✔ documentar projeto
✔ usar licenças
Exemplo de commit ruim:
update
Commit bom:
corrige bug no login
17. Estrutura recomendada de projeto
projeto
│
├─ src
├─ docs
├─ tests
│
├─ README.md
├─ LICENSE
└─ .gitignore
18. Arquivos que NÃO devem ser enviados
Alguns arquivos jamais devem ir para o GitHub.
1️⃣ Senhas
Exemplo:
.env
config.php
Nunca subir.
2️⃣ Chaves privadas
id_rsa
private.key
Isso compromete segurança.
3️⃣ node_modules
Pasta muito grande.
4️⃣ arquivos compilados
Exemplo:
dist
build
5️⃣ banco de dados com dados reais
database.sql
backup.sql
19. Arquivo .gitignore
Serve para ignorar arquivos.
Exemplo:
node_modules
.env
dist
*.log
Assim eles não serão enviados ao GitHub.
20. Suspensão e banimento no GitHub
O GitHub pode suspender contas.
Motivos comuns:
Violação de direitos autorais
Subir código pirata.
Malware
Distribuir vírus.
Spam
Criar repositórios para propaganda.
Conteúdo ilegal
Hospedar conteúdo ilegal.
Violação das políticas da comunidade
Ofensas ou assédio.
Quando isso ocorre:
- conta pode ser suspensa
- repositórios removidos
- acesso bloqueado
21. Segurança no GitHub
Boas práticas:
✔ ativar 2FA (dupla autenticação)
✔ não subir senhas
✔ revisar commits antes de enviar
22. Fluxo básico de uso do GitHub
Fluxo típico:
criar projeto
↓
git add
↓
git commit
↓
git push
↓
código aparece no GitHub
23. GitHub como portfólio
Hoje empresas analisam GitHub para contratar desenvolvedores.
O perfil mostra:
- projetos
- contribuições
- organização de código
24. Exemplo de URL de projeto
https://github.com/usuario/projeto
Conclusão
O GitHub é uma ferramenta essencial para:
- desenvolvedores
- designers
- equipes de software
- projetos open source
Aprender GitHub significa aprender a trabalhar profissionalmente com código.