SlideShare uma empresa Scribd logo
Bruno Orlandi
Git para Designers
Bruno Orlandi
● Ciências de Computação
○ USP São Carlos
● Desenvolvedor Frontend
○ UPX Technologies
● https://brorlandi.github.io/
● @BrOrlandi
Design + Frontend
Git para Designers
Controle de Versão
Git para Designers
Controle de Versão
● Durante o desenvolvimento do software
queremos saber:
○ O que mudou?
○ Quando mudou?
○ Por que mudou?
○ Quem fez a mudança?
○ Podemos reproduzir esta mudança?
COMMIT
Controle de Versão
● Artefatos:
○ Código fonte
○ Documentação do Software
○ Manual de Usuário
○ Mockups e Wireframes
Problema exemplo
● Você precisa editar um código que está no servidor
● Você faz o download do arquivo
● Faz as alterações necessárias
● Salva o arquivo no servidor
Problema exemplo
● Seu colega também quer editar o código
● Vocês baixam o mesmo arquivo junto
● Você edita e salva no servidor
● Seu colega edita e salva no servidor e acaba
sobrescrevendo seu código
Controle de Versão resolve
● Controle de versão faz o 'merge' entre as
alterações.
Git é Distribuído
Controle de Versão
O que é GitHub?
O que é GitHub?
● Servidor de repositórios Git
● Rede social de código aberto
● +67 milhões de repositórios
● +24 milhões de usuários
Estão no GitHub
Criar conta no Github
https://github.com/
Por que GitHub?
● Maior rede open source
● Descobrir projetos
● Colaborar com projetos
● Portfólio
Existem alternativas?
Mas como eu uso Git?
Instalar Git
https://git-scm.com/
https://www.gitkraken.com/
Configuração inicial
● Configurar o seu nome de usuário e e-mail
● Chaves SSH
Criando o Primeiro Repositório
● Criar o repositório no GitHub
● Baixar o repositório
● Fazer o primeiro commit
● Subir no GitHub
DEMO
Estados dos arquivos
git push
git pull
Branchs
● Branch é uma lista de commits
● Representa uma ramificação no projeto
● Facilita o controle do que está em
desenvolvimento
● Útil para trabalho em equipe
● Fazer Pull Requests antes de fazer o merge
GitHub
● Fork
● Issues
● Pull Requests
● https://guides.github.com/introduction/flow/
● https://github.com/geekyd/Event-Buddy/issues/26
● https://github.com/BrOrlandi/GitTrainingWall/issues/21
Git para Designers
● Git para Sketch
● Free para uso individual
● Integração com Slack
● https://www.goabstract.com/
Git para Designers
Git para Designers
Git para Designers
Git para Designers
Git para Designers
Git para Designers
Git para Designers
Git para Designers
Git para Designers
Git para Designers
Git para Designers
Git para Designers
Git para Designers
Git para Designers
Git para Designers
Git para Designers
https://brasil.uxdesign.cc/abstract-app-e-o-workflow-definiti
vo-para-designers-e146d42a2498
Git para Designers
Jekyll
● Gerador de Sites estáticos
● Baseado em Templates
● CMS - Content Management System
● Blog
● Temas
● Integrado com GitHub Pages
GitHub Pages
● Hospeda sites estáticos
● Basta ter um index.html no repositório
● Sites de usuário e organização
● Sites para repositórios
● https://username.github.io
● https://brorlandi.github.io/
https://hipsters.tech/
Git para Designers
Meetup: Future Thinking and Tech
● Criatividade
● Inovação
● Comunicação
● Educação Financeira
● Sol: a energia do futuro!
○ Castelo Creative Space
○ Amanhã - 19h
● https://www.meetup.com/Future-Thinking-Tech-Campinas
Bruno Orlandi
https://brorlandi.github.io/
Muito Obrigado!

Mais conteúdo relacionado

PDF
Git e contibuição com projetos open source usando GitHub
PDF
Aula 6 - Curso Git e Github - Webschool
PDF
Aula 1 - Curso Git e Github - Webschool
PDF
Aula 2 - Curso Git e Github - Webschool
PDF
Minicurso GIT PET Computação
PDF
Aula 5 - Curso Git e Github - Webschool
PDF
Aula 3 - Curso Git e Github - Webschool
PDF
Aula 4 - Curso Git e Github - Webschool
Git e contibuição com projetos open source usando GitHub
Aula 6 - Curso Git e Github - Webschool
Aula 1 - Curso Git e Github - Webschool
Aula 2 - Curso Git e Github - Webschool
Minicurso GIT PET Computação
Aula 5 - Curso Git e Github - Webschool
Aula 3 - Curso Git e Github - Webschool
Aula 4 - Curso Git e Github - Webschool

Mais procurados (20)

PDF
Como participar de projetos Open Source no Github?
PDF
Use o git e perca o medo de errar
PDF
Git ...ftw!
PDF
Iniciando com git
PPTX
Workshop - Git e GitHub
PDF
Git & Delphi
KEY
Como colaborar com projetos opensource com o GitHub
PPTX
Treinamento - Iniciando no Git e Github by Leandro Alves
PDF
Palestra sobre Git EEDACT2015
PPTX
Controlo de Versões Distribuído com Git - C. Augusto Proiete
PDF
#4 - Git - Stash
PDF
Workshop sistema de versionamento de código - git
PPTX
Workshop de Introdução ao Git GitHub
PPT
Iniciando com Git
PDF
Git e Gitlab para Iniciantes
PPTX
Ferramentas para versionamento Utilizando git
PDF
Controle de versão com git
PDF
BlingTech - Gitlab
ODP
Python Nordeste 2016 - Aplicações multiplataforma - Kivy
PDF
Git/GitHub
Como participar de projetos Open Source no Github?
Use o git e perca o medo de errar
Git ...ftw!
Iniciando com git
Workshop - Git e GitHub
Git & Delphi
Como colaborar com projetos opensource com o GitHub
Treinamento - Iniciando no Git e Github by Leandro Alves
Palestra sobre Git EEDACT2015
Controlo de Versões Distribuído com Git - C. Augusto Proiete
#4 - Git - Stash
Workshop sistema de versionamento de código - git
Workshop de Introdução ao Git GitHub
Iniciando com Git
Git e Gitlab para Iniciantes
Ferramentas para versionamento Utilizando git
Controle de versão com git
BlingTech - Gitlab
Python Nordeste 2016 - Aplicações multiplataforma - Kivy
Git/GitHub
Anúncio

Semelhante a Git para Designers (20)

PDF
Minicurso Git
PDF
Minicurso Git Semcomp Beta
PDF
Git e Github: qual a importância dessas ferramentas para o desenvolvedor
PPTX
7ba5b596-708a-4b6f-882f-e1114b869fb5.pptx
PDF
Aula de git luiza code - Slides git e github
PDF
PPTX
Git e github
PDF
Introducao ao Git
PPTX
Gerenciando projetos com Git e GitHub
PPTX
Conhecendo o git.
PPTX
Primeiros passos - GIT
PPTX
Workshop Git e GitHub
PDF
GitHub_versao2024-githubGitHub_versao2024-github
PDF
Github para colaboradores livres
PDF
Git e GitHub: Versionamento de Código Fácil
PDF
Oficina de Git EEDACT2015
PPTX
Git & GitHub for beginners
PPTX
Git do Zero - Campus Party #12
PPSX
Git e boas praticas!
PPTX
O Fantástico Mundo de Git
Minicurso Git
Minicurso Git Semcomp Beta
Git e Github: qual a importância dessas ferramentas para o desenvolvedor
7ba5b596-708a-4b6f-882f-e1114b869fb5.pptx
Aula de git luiza code - Slides git e github
Git e github
Introducao ao Git
Gerenciando projetos com Git e GitHub
Conhecendo o git.
Primeiros passos - GIT
Workshop Git e GitHub
GitHub_versao2024-githubGitHub_versao2024-github
Github para colaboradores livres
Git e GitHub: Versionamento de Código Fácil
Oficina de Git EEDACT2015
Git & GitHub for beginners
Git do Zero - Campus Party #12
Git e boas praticas!
O Fantástico Mundo de Git
Anúncio

Último (8)

PPTX
Mecânico de Manutenção de Equipamentos.pptx
PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
PDF
Manejo integrado de pragas na cultura do algodão
PPTX
Arquitetura de computadores - Memórias Secundárias
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PPTX
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
Mecânico de Manutenção de Equipamentos.pptx
Viasol Energia Solar -Soluções para geração e economia de energia
Manejo integrado de pragas na cultura do algodão
Arquitetura de computadores - Memórias Secundárias
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx

Git para Designers