47
Matheus S. Thomaz Front-end Developer

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

Embed Size (px)

DESCRIPTION

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

Citation preview

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

Matheus S. ThomazFront-end Developer

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

Matheus S. ThomazFront-end Developer

CRONOGRAMA

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

Matheus S. ThomazFront-end Developer

/Cronograma

TerminalFTPVersionadoresEditores de imagem

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

Matheus S. ThomazFront-end Developer

TERMINAL

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

Matheus S. ThomazFront-end Developer

/Terminal

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

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

Matheus S. ThomazFront-end Developer

/Terminal

Permissão de adminsudo

sudo su

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

Matheus S. ThomazFront-end Developer

/Terminal

Acessar pastascd

cd ..

cd pasta

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

Matheus S. ThomazFront-end Developer

/Terminal

Criar/excluir pastamkdir

rmdir

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

Matheus S. ThomazFront-end Developer

/Terminal

Limpar telaclear

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

Matheus S. ThomazFront-end Developer

/Terminal

Copiar arquivocp

cp file.txt /div

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

Matheus S. ThomazFront-end Developer

/Terminal

Mover arquivomv

mv file.txt /div

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

Matheus S. ThomazFront-end Developer

FTP

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

Matheus S. ThomazFront-end Developer

/FTP

Praticamente todos servidores utilizam FTP para gerenciar seus arquivos.

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

Matheus S. ThomazFront-end Developer

/FTP

Filezilla

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

Matheus S. ThomazFront-end Developer

CONTROLEDE

VERSÃO

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

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?

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

Matheus S. ThomazFront-end Developer

/Controle de versão

Undo do editor não salva vidas!

index.htmlindex-14032009.htmlindex.html.bkp

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

Matheus S. ThomazFront-end Developer

/Controle de versão

Undo do editor não salva vidas!

index.htmlindex-14032009.htmlindex.html.bkp

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

Matheus S. ThomazFront-end Developer

/Controle de versão

GIT

SVN

Mercurial

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

Matheus S. ThomazFront-end Developer

/Controle de versão

GIT

SVN

Mercurial

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

Matheus S. ThomazFront-end Developer

/Controle de versão

GIT

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

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

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.

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

Matheus S. ThomazFront-end Developer

/Branchs

push push pushpushHEAD

push push

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

Matheus S. ThomazFront-end Developer

/Branchs

push push pushpushHEAD

push push

Branch master

Branch bugs

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

Matheus S. ThomazFront-end Developer

/Trunks

Linha principal de desenvolvimento.

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

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

Matheus S. ThomazFront-end Developer

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

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

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.

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

Matheus S. ThomazFront-end Developer

/Versionamento - Pull

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

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

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.

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

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.

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

Matheus S. ThomazFront-end Developer

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

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

Matheus S. ThomazFront-end Developer

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

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

Matheus S. ThomazFront-end Developer

GITHUBBITBUCKET

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

Matheus S. ThomazFront-end Developer

/GITHUB

GIT

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

Matheus S. ThomazFront-end Developer

/GITHUBhttps://github.com/MatheusSThomaz

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

Matheus S. ThomazFront-end Developer

/Bitbucket

GIT

Mercurial

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

Matheus S. ThomazFront-end Developer

/Bitbuckethttps://bitbucket.org/mthomaz

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

Matheus S. ThomazFront-end Developer

EDITORESDE

IMAGEM

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

WTF??

Matheus S. ThomazFront-end Developer

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

QUERO SER FRONT!

ISSO NÃO É COISA DE

DESIGNER?

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

SIM

Matheus S. ThomazFront-end Developer

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

MAS É BOMCONHECER

Matheus S. ThomazFront-end Developer

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

Matheus S. ThomazFront-end Developer

/Fireworks

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

Matheus S. ThomazFront-end Developer

/Photoshop

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

ALTERNATIVAS

Matheus S. ThomazFront-end Developer

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

Matheus S. ThomazFront-end Developer

/Gimp

GIT

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

Matheus S. ThomazFront-end Developer

fb.com/[email protected]