Portuguese, Brazilian subtitles

← Finding Diffs Between Larger Files - How to Use Git and GitHub

Get Embed Code
5 Languages

Showing Revision 8 created 06/20/2016 by Udacity Robot.

  1. Você acabou de encontrar as diferenças entre esses dois arquivos à mão e
  2. deu tudo certo.
  3. Mas deve ter sido um tédio, e os arquivos também eram pequenos.
  4. E se você tivesse arquivos com centenas ou até milhares de linhas?
  5. Vamos ver o que podemos fazer nesse caso.
  6. Vamos examinar um programa que requer um pouco mais de código.
  7. É um jogo chamado Asteroids, e eu sei que é meio difícil ler este texto,
  8. mas aqui diz Pressione espaço para iniciar.
  9. Talvez você o reconheça como um jogo clássico de fliperama que foi
  10. compatibilizado para ser jogado no navegador.
  11. Use as teclas de seta para
  12. a esquerda/direita para virar a nave, seta para cima para acionar o motor e barra de espaços para atirar.
  13. Créditos a Doug McGuiness pela criação do jogo.
  14. Se você quiser jogar,
  15. nas Notas do instrutor tem um link para o jogo no site do Doug.
  16. Mas por enquanto vamos nos concentrar em encontrar um bug no código.
  17. O código deste jogo está em JavaScript.
  18. Mas não se preocupe, você não precisa saber JavaScript para fazer este exercício.
  19. Usar a barra de espaços para acionar o motor me pareceu mais intuitivo, então
  20. mudei os controles do jogo para usar a barra em vez da seta para cima.
  21. Aí precisei de um outro jeito de atirar, então
  22. resolvi usar Enter em vez da barra de espaços.
  23. Mas, quando tentei jogar,
  24. os motores não funcionavam mais; eu não podia me mexer.
  25. Acho que digitei algo errado, mas não sei onde.
  26. A maior parte do código deste jogo,
  27. inclusive o que mapeia as teclas às ações, está em um arquivo chamado game.js.
  28. Esse arquivo contém mais de mil linhas.
  29. Demoraria demais analisar o arquivo inteiro
  30. comparando a nova versão com a antiga.
  31. Felizmente, há várias ferramentas que podem encontrar diferenças
  32. entre arquivos automaticamente.
  33. Se você usa o Windows,
  34. tem uma ferramenta no prompt de comando chamada FC (comparação de arquivos).
  35. Se você usa o Mac ou o Linux, FC é outro comando não relacionado, mas
  36. há uma ferramenta interna chamada Diff que você pode usar para ver as diferenças.
  37. Vou demonstrar usando essas ferramentas para comparar o HTML
  38. que você comparou manualmente no exercício anterior.
  39. Depois vou pedir para você seguir o mesmo processo
  40. para encontrar as diferenças em game.js.
  41. No Windows, primeiro eu abro o prompt de comando.
  42. Aliás, se você preferir usar o Git Bash para fazer este exercício,
  43. siga as instruções para os estudantes de Mac e
  44. Linux que vou dar daqui a pouco.
  45. Por enquanto,
  46. vou mostrar como fazer o exercício no prompt de comando.
  47. Primeiro preciso mudar o diretório em que meus arquivos se encontram.
  48. Digito cd Downloads,
  49. já que eu baixei meus arquivos para a pasta Downloads.
  50. Agora digito o comando FC favorite-app-old.html favorite-app.html.
  51. Para o programa FC ou Comparação de Arquivos, eu passei dois arquivos:
  52. o primeiro que eu quero comparar e o segundo.
  53. Agora, quando pressiono Enter, vejo que
  54. estou comparando os arquivos favorite-app-old.html e FAVORITE-APP.HTML.
  55. Então cada uma destas duas seções está mostrando partes diferentes do arquivo.
  56. Aqui você vê que favorite-app-old.html tinha style-1.css e
  57. FAVORITE-APP.HTML tinha style-!.css.
  58. Aqui embaixo, você vê a próxima seção que mudou,
  59. que foi a descrição.
  60. Em vez de "Some description here", entrou a curiosidade:
  61. Você sabia que foram usados girassóis para remover toxinas de
  62. um lago após o desastre de Chernobyl?
  63. As seções que não mudaram não são mostradas,
  64. pois aqui estamos tentando enfocar apenas as diferenças.
  65. No Mac ou Linux, eu abro o terminal, navego até onde os arquivos estão
  66. e digito o comando diff -u favorite-app-old.html favorite-app.html.
  67. A opção -u significa
  68. formato diff unificado e facilitará a leitura da saída.
  69. Agora pressiono Enter.
  70. O formato da saída aqui é um pouco diferente do criado com o FC.
  71. Vou rolar para cima de novo.
  72. Primeiro, você vê que há algumas linhas no topo.
  73. Não precisa se preocupar com essas linhas.
  74. Elas só mostram que você está comparando favorite-app-old.html
  75. com favorite-app.html.
  76. As linhas que não têm sinais de adição ou subtração, como estas, não mudaram.
  77. Ou seja, elas existiam tanto na versão antiga do arquivo como na nova.
  78. As linhas com um sinal de subtração foram removidas.
  79. Ou seja, elas existiam na versão antiga, mas não na nova.
  80. E as linhas com um sinal de adição foram acrescentadas, então vice-versa.
  81. Vou rolar de novo para baixo.
  82. E aqui está a mudança na folha de estilo que você encontrou antes.
  83. E aqui está a mudança na descrição.
  84. Agora baixe os arquivos filesgameold.js e gamenew.js na
  85. seção de downloads e compare-os usando FC ou Diff.
  86. Provavelmente os arquivos foram baixados para a pasta Downloads, então
  87. você pode acessá-la usando cd Downloads, como eu fiz.
  88. Que palavra contém um erro de digitação na versão de game.js, mas não na versão antiga?
  89. Quando encontrar a palavra, digite-a nesta caixa.
  90. Use a grafia correta da palavra.