Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}
-
Upload
matheus-thomaz -
Category
Internet
-
view
62 -
download
2
description
Transcript of Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}
![Page 1: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/1.jpg)
Matheus S. ThomazFront-end Developer
![Page 2: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/2.jpg)
Matheus S. ThomazFront-end Developer
CRONOGRAMA
![Page 3: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/3.jpg)
Matheus S. ThomazFront-end Developer
/Cronograma
TerminalFTPVersionadoresEditores de imagem
![Page 4: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/4.jpg)
Matheus S. ThomazFront-end Developer
TERMINAL
![Page 5: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/5.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/6.jpg)
Matheus S. ThomazFront-end Developer
/Terminal
Permissão de adminsudo
sudo su
![Page 7: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/7.jpg)
Matheus S. ThomazFront-end Developer
/Terminal
Acessar pastascd
cd ..
cd pasta
![Page 8: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/8.jpg)
Matheus S. ThomazFront-end Developer
/Terminal
Criar/excluir pastamkdir
rmdir
![Page 9: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/9.jpg)
Matheus S. ThomazFront-end Developer
/Terminal
Limpar telaclear
![Page 10: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/10.jpg)
Matheus S. ThomazFront-end Developer
/Terminal
Copiar arquivocp
cp file.txt /div
![Page 11: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/11.jpg)
Matheus S. ThomazFront-end Developer
/Terminal
Mover arquivomv
mv file.txt /div
![Page 12: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/12.jpg)
Matheus S. ThomazFront-end Developer
FTP
![Page 13: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/13.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/14.jpg)
Matheus S. ThomazFront-end Developer
/FTP
Filezilla
![Page 15: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/15.jpg)
Matheus S. ThomazFront-end Developer
CONTROLEDE
VERSÃO
![Page 16: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/16.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/17.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/18.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/19.jpg)
Matheus S. ThomazFront-end Developer
/Controle de versão
GIT
SVN
Mercurial
![Page 20: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/20.jpg)
Matheus S. ThomazFront-end Developer
/Controle de versão
GIT
SVN
Mercurial
![Page 21: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/21.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/22.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/23.jpg)
Matheus S. ThomazFront-end Developer
/Branchs
push push pushpushHEAD
push push
![Page 24: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/24.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/25.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/26.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/27.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/28.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/29.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/30.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/31.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/32.jpg)
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}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/33.jpg)
Matheus S. ThomazFront-end Developer
GITHUBBITBUCKET
![Page 34: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/34.jpg)
Matheus S. ThomazFront-end Developer
/GITHUB
GIT
![Page 35: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/35.jpg)
Matheus S. ThomazFront-end Developer
/GITHUBhttps://github.com/MatheusSThomaz
![Page 36: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/36.jpg)
Matheus S. ThomazFront-end Developer
/Bitbucket
GIT
Mercurial
![Page 37: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/37.jpg)
Matheus S. ThomazFront-end Developer
/Bitbuckethttps://bitbucket.org/mthomaz
![Page 38: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/38.jpg)
Matheus S. ThomazFront-end Developer
EDITORESDE
IMAGEM
![Page 39: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/39.jpg)
WTF??
Matheus S. ThomazFront-end Developer
![Page 40: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/40.jpg)
QUERO SER FRONT!
ISSO NÃO É COISA DE
DESIGNER?
![Page 41: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/41.jpg)
SIM
Matheus S. ThomazFront-end Developer
![Page 42: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/42.jpg)
MAS É BOMCONHECER
Matheus S. ThomazFront-end Developer
![Page 43: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/43.jpg)
Matheus S. ThomazFront-end Developer
/Fireworks
![Page 44: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/44.jpg)
Matheus S. ThomazFront-end Developer
/Photoshop
![Page 45: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/45.jpg)
ALTERNATIVAS
Matheus S. ThomazFront-end Developer
![Page 46: Minicurso Iniciando no Mundo Front-End - Dia 04 - SASPI {5}](https://reader035.fdocuments.in/reader035/viewer/2022081603/557b8ec5d8b42a62418b523c/html5/thumbnails/46.jpg)
Matheus S. ThomazFront-end Developer
/Gimp
GIT