Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}

Post on 13-Jun-2015

62 views 2 download

Tags:

description

Minicurso Iniciando no Mundo Front-End - Dia 04 Ministrado na SASPI {5} - Semana Acadêmica do curso de Sistemas para Internet - IFSUL

Transcript of Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}

Matheus S. ThomazFront-end Developer

Matheus S. ThomazFront-end Developer

CRONOGRAMA

Matheus S. ThomazFront-end Developer

/Cronograma

TerminalFTPVersionadoresEditores de imagem

Matheus S. ThomazFront-end Developer

TERMINAL

Matheus S. ThomazFront-end Developer

/Terminal

Essencial para utilizar GIT ou qualquer outro versionador de código.

Matheus S. ThomazFront-end Developer

/Terminal

Permissão de adminsudo

sudo su

Matheus S. ThomazFront-end Developer

/Terminal

Acessar pastascd

cd ..

cd pasta

Matheus S. ThomazFront-end Developer

/Terminal

Criar/excluir pastamkdir

rmdir

Matheus S. ThomazFront-end Developer

/Terminal

Limpar telaclear

Matheus S. ThomazFront-end Developer

/Terminal

Copiar arquivocp

cp file.txt /div

Matheus S. ThomazFront-end Developer

/Terminal

Mover arquivomv

mv file.txt /div

Matheus S. ThomazFront-end Developer

FTP

Matheus S. ThomazFront-end Developer

/FTP

Praticamente todos servidores utilizam FTP para gerenciar seus arquivos.

Matheus S. ThomazFront-end Developer

/FTP

Filezilla

Matheus S. ThomazFront-end Developer

CONTROLEDE

VERSÃO

Matheus S. ThomazFront-end Developer

/Controle de versão

É essencial ter controle de versão de um código.

Imagina trabalhar em equipe com duas pessoas trabalhando no mesmo arquivo?

Matheus S. ThomazFront-end Developer

/Controle de versão

Undo do editor não salva vidas!

index.htmlindex-14032009.htmlindex.html.bkp

Matheus S. ThomazFront-end Developer

/Controle de versão

Undo do editor não salva vidas!

index.htmlindex-14032009.htmlindex.html.bkp

Matheus S. ThomazFront-end Developer

/Controle de versão

GIT

SVN

Mercurial

Matheus S. ThomazFront-end Developer

/Controle de versão

GIT

SVN

Mercurial

Matheus S. ThomazFront-end Developer

/Controle de versão

GIT

Sistema de controle de versão distribuído com ênfase em velocidade.

Matheus S. ThomazFront-end Developer

/Branchs

“Braços” em tradução direta.São cópias do projeto, cada projeto pode ter mais de uma branch.

Branch de produção e branch de desenvolvimento.

Branch mais atual é chamada de HEAD.

Matheus S. ThomazFront-end Developer

/Branchs

push push pushpushHEAD

push push

Matheus S. ThomazFront-end Developer

/Branchs

push push pushpushHEAD

push push

Branch master

Branch bugs

Matheus S. ThomazFront-end Developer

/Trunks

Linha principal de desenvolvimento.

São os arquivos que estão na sua máquina.

Matheus S. ThomazFront-end Developer

/Versionamento - CommitCommit é a ação de preparar os arquivos para serem enviados ao branch.

Matheus S. ThomazFront-end Developer

/Versionamento - Push

Push é a ação de enviar o commit para a branch.

É possível ver o histórico de pushes do servidor.

Matheus S. ThomazFront-end Developer

/Versionamento - Pull

Pull é ação de receber os últimos arquivos da branch.

Matheus S. ThomazFront-end Developer

/Versionamento - Logs

Ao realizar um commit, é obrigatório adicionar um comentário sobre o que está sendo enviado.

Uma mensagem clara e detalhada em um texto curto.

Matheus S. ThomazFront-end Developer

/Versionamento - Diffs

Diff é a ação de comparar e observar as mudanças que duas pessoas realizaram no mesmo arquivo e mescla-los.

Matheus S. ThomazFront-end Developer

/Versionamento - RollbackRollback é a ação de voltar até um certo commit.

Matheus S. ThomazFront-end Developer

/Versionamento - MultiusuárioDuas pessoas trabalhando no mesmo arquivo ao mesmo tempo!

Matheus S. ThomazFront-end Developer

GITHUBBITBUCKET

Matheus S. ThomazFront-end Developer

/GITHUB

GIT

Matheus S. ThomazFront-end Developer

/GITHUBhttps://github.com/MatheusSThomaz

Matheus S. ThomazFront-end Developer

/Bitbucket

GIT

Mercurial

Matheus S. ThomazFront-end Developer

/Bitbuckethttps://bitbucket.org/mthomaz

Matheus S. ThomazFront-end Developer

EDITORESDE

IMAGEM

WTF??

Matheus S. ThomazFront-end Developer

QUERO SER FRONT!

ISSO NÃO É COISA DE

DESIGNER?

SIM

Matheus S. ThomazFront-end Developer

MAS É BOMCONHECER

Matheus S. ThomazFront-end Developer

Matheus S. ThomazFront-end Developer

/Fireworks

Matheus S. ThomazFront-end Developer

/Photoshop

ALTERNATIVAS

Matheus S. ThomazFront-end Developer

Matheus S. ThomazFront-end Developer

/Gimp

GIT

Matheus S. ThomazFront-end Developer

fb.com/matheus.piskawww.msthomaz.comcontato@msthomaz.com