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

1. Matheus S. Thomaz
Front-end Developer

2. CRONOGRAMA
Matheus S. Thomaz
Front-end Developer

3. Matheus S. Thomaz
Front-end Developer
/Cronograma
Terminal
FTP
Versionadores
Editores de imagem

4. TERMINAL
Matheus S. Thomaz
Front-end Developer

5. Matheus S. Thomaz
Front-end Developer
/Terminal
Essencial para utilizar GIT ou qualquer
outro versionador de código.

6. Matheus S. Thomaz
Front-end Developer
/Terminal
Permissão de admin
sudo
sudo su

7. Matheus S. Thomaz
Front-end Developer
/Terminal
Acessar pastas
cd
cd ..
cd pasta

8. Matheus S. Thomaz
Front-end Developer
/Terminal
Criar/excluir pasta
mkdir
rmdir

9. Matheus S. Thomaz
Front-end Developer
/Terminal
Limpar tela
clear

10. Matheus S. Thomaz
Front-end Developer
/Terminal
Copiar arquivo
cp
cp file.txt /div

11. Matheus S. Thomaz
Front-end Developer
/Terminal
Mover arquivo
mv
mv file.txt /div

12. Matheus S. Thomaz
Front-end Developer
FTP

13. Matheus S. Thomaz
Front-end Developer
/FTP
Praticamente todos servidores utilizam
FTP para gerenciar seus arquivos.

14. Matheus S. Thomaz
Front-end Developer
/FTP
Filezilla

15. CONTROLE
Matheus S. Thomaz
Front-end Developer
DE
VERSÃO

16. Matheus S. Thomaz
Front-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?

17. Matheus S. Thomaz
Front-end Developer
/Controle de versão
Undo do editor não salva vidas!
index.html
index-14032009.html
index.html.bkp

18. Matheus S. Thomaz
Front-end Developer
/Controle de versão
Undo do editor não salva vidas!
index.html
index-14032009.html
index.html.bkp

19. Matheus S. Thomaz
Front-end Developer
/Controle de versão
GIT
SVN
Mercurial

20. Matheus S. Thomaz
Front-end Developer
/Controle de versão
GIT
SVN
Mercurial

21. Matheus S. Thomaz
Front-end Developer
/Controle de versão
GIT
Sistema de controle de versão distribuído
com ênfase em velocidade.

22. Matheus S. Thomaz
Front-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.

23. Matheus S. Thomaz
Front-end Developer
/Branchs
push push push
push
HEAD
push push

24. Matheus S. Thomaz
Front-end Developer
/Branchs
push push push
push
HEAD
Branch master
push push
Branch bugs

25. Matheus S. Thomaz
Front-end Developer
/Trunks
Linha principal de desenvolvimento.
São os arquivos que estão na sua máquina.

26. /Versionamento - Commit
Commit é a ação de preparar os arquivos para
serem enviados ao branch.
Matheus S. Thomaz
Front-end Developer

27. Matheus S. Thomaz
Front-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.

28. Matheus S. Thomaz
Front-end Developer
/Versionamento - Pull
Pull é ação de receber os últimos arquivos da
branch.

29. Matheus S. Thomaz
Front-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.

30. Matheus S. Thomaz
Front-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.

31. /Versionamento - Rollback
Rollback é a ação de voltar até um certo commit.
Matheus S. Thomaz
Front-end Developer

32. /Versionamento - Multiusuário
Duas pessoas trabalhando no mesmo arquivo ao
mesmo tempo!
Matheus S. Thomaz
Front-end Developer

33. Matheus S. Thomaz
Front-end Developer
GITHUB
BITBUCKET

34. Matheus S. Thomaz
Front-end Developer
/GITHUB
GIT

35. Matheus S. Thomaz
Front-end Developer
/GITHUB
https://github.com/MatheusSThomaz

36. Matheus S. Thomaz
Front-end Developer
/Bitbucket
GIT
Mercurial

37. Matheus S. Thomaz
Front-end Developer
/Bitbucket
https://bitbucket.org/mthomaz

38. EDITORES
Matheus S. Thomaz
Front-end Developer
DE
IMAGEM

39. WTF??
Matheus S. Thomaz
Front-end Developer

40. QUERO SER
FRONT!
ISSO NÃO É COISA
DE DESIGNER?

41. SIM
Matheus S. Thomaz
Front-end Developer

42. MAS É BOM
CONHECER
Matheus S. Thomaz
Front-end Developer

43. Matheus S. Thomaz
Front-end Developer
/Fireworks

44. Matheus S. Thomaz
Front-end Developer
/Photoshop

45. ALTERNATIVAS
Matheus S. Thomaz
Front-end Developer

46. Matheus S. Thomaz
Front-end Developer
/Gimp
GIT

47. Matheus S. Thomaz
Front-end Developer
fb.com/matheus.piska
www.msthomaz.com
contato@msthomaz.com