fix: addresses pr feedback

javascript-tutorial · Jan 26, 2023 · c1f4878 · c1f4878
1 parent 4ae47f0
commit c1f4878
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 15 deletions.
diff --git a/7-animation/3-js-animation/1-animate-ball/solution.md b/7-animation/3-js-animation/1-animate-ball/solution.md
@@ -1,10 +1,8 @@
 Para quicar, podemos usar a propriedade CSS `top` e `position:absolute` para a bola dentro do campo com `position:relative`.
 
-A coordenada inferior do campo é `field.clientHeight`. Mas a propriedade `top` fornece coordenadas para o topo da bola, a posição da borda é `field.clientHeight - ball.clientHeight`.
+A coordenada inferior do campo é `field.clientHeight`. Mas a propriedade `top` fornece coordenadas para o topo da bola Então animamos a propriedade `top` a partir de `0` até `field.clientHeight - ball.clientHeight`, isto é até à posição mais baixa do topo da bola.
 
-Então animamos a propriedade `top` a partir de `0` até `field.clientHeight - ball.clientHeight`.
-
-Para obter o efeito de "quique", podemos usar a função de tempo `bounce` no modo `easeOut`
+Para obter o efeito de "quique", podemos usar a função de tempo `bounce` no modo `easeOut`.
 
 Aqui está o código final para a animação:
 

diff --git a/7-animation/3-js-animation/2-animate-ball-hops/solution.md b/7-animation/3-js-animation/2-animate-ball-hops/solution.md
@@ -4,15 +4,15 @@ A coordenada horizontal é modificada por outra regra: ela não "quica", mas gra
 
 Podemos escrever mais um `animate` para isso.
 
-Como função de tempo podemos usar `liner`, mas algo como `makeEaseOut(quad)` parece bem melhor.
+Como função de tempo podemos usar `linear`, mas algo como `makeEaseOut(quad)` parece bem melhor.
 
 O código:
 
 ```js
-let height = field.clientHeight - ball.clientHeight
-let width = 100
+let height = field.clientHeight - ball.clientHeight;
+let width = 100;
 
-// animate top (bouncing)
+// anime o topo (quicando)
 animate({
   duration: 2000,
   timing: makeEaseOut(bounce),
@@ -21,7 +21,7 @@ animate({
   }
 });
 
-// animate left (moving to the right)
+// anime a esquerda (movendo para a direita)
 animate({
   duration: 2000,
   timing: makeEaseOut(quad),

diff --git a/7-animation/3-js-animation/2-animate-ball-hops/task.md b/7-animation/3-js-animation/2-animate-ball-hops/task.md
@@ -8,6 +8,6 @@ Faça a bola quicar para a direita. Assim:
 
 [iframe height=250 src="solution"]
 
-Escreva o código de animação. A distância para a esquerda é `100px`.
+Escreva o código da animação. A distância para a esquerda é `100px`.
 
-Use a solução da atividade anterior <info:task/animate-ball> como a fonte.
+Use a solução da atividade anterior <info:task/animate-ball> como fonte.
diff --git a/7-animation/3-js-animation/text.view/index.html b/7-animation/3-js-animation/text.view/index.html
@@ -10,12 +10,12 @@
 <body>
   <textarea id="textExample" rows="5" cols="60">
     Ele pegou sua espada vorpal na mão:
-    Faz tempo que o manxome inimigo que ele procurava -
+    Faz tempo que o inimigo manxome que ele procurava -
     Então ele descansou perto da árvore Tumtum,
     E ficou um pouco em pensamento.
   </textarea>
 
-  <button onclick="animateText(textExample)">Run the animated typing!</button>
+  <button onclick="animateText(textExample)">Execute o texto animado!</button>
 
   <script>
     function animateText(textArea) {
@@ -26,7 +26,7 @@
       animate({
         duration: 5000,
         timing: bounce,
-        draw: function(progress) {
+        draw: function (progress) {
           let result = (to - from) * progress + from;
           textArea.value = text.substr(0, Math.ceil(result))
         }
@@ -43,4 +43,4 @@
   </script>
 </body>
 
-</html>
+</html>