Ale translation spanish

content/espanol/android-tictactoe/_index.md

@@ -0,0 +1,45 @@
+---
+title: "Java: Gato"
+description: "Obtén información sobre variables, funciones y condicionales mientras creas una aplicación Gato para Android."
+date: 2021-03-13T14:04:59.61-07:00
+prereq: "Android Studio"
+difficulty: "Intermedio"
+download: "resources/_gen/files/TicTacToe.zip"
+icon: "fab fa-android"
+draft: false
+---
+
+## Comienza tu aventura de juego para Android
+
+¿Alguna vez te has preguntado cómo podrías construir tu propio juego de Gato?
+
+¡Estas de suerte, hoy es el día, podrás construir el tuyo!
+
+<img src="resources/_gen/images/game_play.gif" height="30%" width="22%" title="Juego del Gato en Android" alt="Juego del Gato en Android"/>
+
+## ¡Vamos a comenzar!
+
+## ¿Qué es Android?
+
+¡Android es actualmente el sistema operativo móvil más utilizado en el mundo! Android Studio te permite crear aplicaciones que pueden usar estos dispositivos Android. De hecho, si tienes un teléfono Android, ¡incluso puedes descargar la aplicación que estás haciendo hoy en tu teléfono!
+
+## Acerca de este Proyecto
+
+En este proyecto te hemos dado una aplicación Android que funciona principalmente que es un juego de Tic-Tac-Toe. ¡Necesita tu ayuda para solucionar algunos problemas y agregar algunas partes para que sea un gran juego!
+
+## Descarga los archivos del proyecto
+
+Para comenzar, descargue los archivos del proyecto siguiendo estos pasos:
+1. [Descarga los archivos de proyecto](../resources/_gen/files/TicTacToe.zip) para tu juego.
+2. Busque el archivo TicTacToe.zip en su carpeta de descargas.
+3. Descomprima el archivo.
+   - En Windows: Haga clic derecho en TicTacToe.zip y seleccione `Extraer todo...`. Se creará una carpeta llamada `TicTacToe` que contiene el código del proyecto.
+
+¡En esta aventura, tendrás que resolver los rompecabezas marcados con etiquetas `PUZZLE` para completar el juego!
+
+## Tabla de contenidos
+
+<details close>
+<summary>Tabla de contenidos</summary>
+{{% children /%}}
+</details>

content/espanol/android-tictactoe/android-setup.md

@@ -0,0 +1,77 @@
+---
+title: "Configuración de Android"
+date: 2021-03-13T14:17:07.42-07:00
+draft: false
+weight: 2
+---
+Sigue los pasos que se indican a continuación para instalar Android Studio en tu ordenador. Si ya tienes Android Studio instalado, ábrelo y salta al siguiente paso.
+
+Estos pasos tienen ejemplos para instalar en equipos Windows. Sin embargo, los pasos también son similares para otros tipos de computadoras.
+
+## Descarga e Instala Android Studio
+1. [Descarga Android Studio](https://developer.android.com/studio/) para tu sistema operativo.
+2. [Sigue estos pasos](https://developer.android.com/studio/install) para instalar Android Studio.
+
+
+## Establecer la variable de entorno JAVA_HOME
+Android Studio viene con una versión de Java necesaria para que ciertas partes de la aplicación se ejecuten. Siga los pasos a continuación para establecer la variable de entorno `JAVA_HOME` en su computadora, que le indica a estas herramientas dónde encontrar Java:
+1. En el cuadro de búsqueda en la parte inferior izquierda de la pantalla, escriba `env`.
+2. Selecciona en "Mejor coincidencia" `Editar las variables de entorno del sistema`.
+
+<img src="../resources/_gen/images/edit_env_variable.png" height="30%" width="30%" title="Editar variables de entorno del sistema" alt="Editar variables de entorno del sistema"/>
+
+3. Selecciona `Variables de entorno...`.
+
+4. `Nuevo...` en `Variables de usuario`.
+
+5. Escribe JAVA_HOME como el nombre de la variable.
+
+6. Copia lo siguiente en el valor de la variable:
+```
+C:\Program Files\Android\Android Studio\jre
+```
+7. Selecciona OK.
+<img src="../resources/_gen/images/set_java_home.gif" height="40%" width="40%" title="Configurando JAVA_HOME" alt="muestra los pasos para configurar JAVA_HOME variable de entorno"/>
+
+{{% notice tip %}}
+Te recomendamos que reinicies tu computadora ahora para que Android Studio se abra correctamente.
+{{% /notice %}}
+
+## Inicia Android Studio
+Una vez instalada, abre Android Studio para trabajar en la aplicación.
+
+{{% notice tip %}}
+Hay varias formas de iniciar la aplicación Android Studio en tu computadora con Windows. Aquí hay dos métodos:
+#### Método 1
+1. Haz clic en el ícono de Windows en la esquina inferior izquierda de tu computadora.
+2. Desplázate por la lista hasta que veas la carpeta `Android Studio`.
+3. Haz clic en la carpeta `Android Studio` para expandirla.
+4. Haz clic en la aplicación `Android Studio` en la carpeta para iniciar Android Studio.
+
+#### Método 2
+1. Haz clic en el ícono de Windows en la esquina inferior izquierda de tu computadora.
+2. Desplázate por la lista hasta que veas la carpeta `Android Studio`.
+3. Haz clic en la carpeta `Android Studio` para expandirla.
+4. Haz clic en la aplicación `Android Studio` en la carpeta para iniciar Android Studio.
+{{% /notice %}}
+
+## Abre los Archivos del Proyecto
+1. Haz clic en `Abrir un proyecto existente` en la pantalla de inicio de Android Studio.
+2. Busca la ubicación donde descargó los archivos del proyecto.
+3. Selecciona la carpeta `TicTacToe` dentro de la carpeta `TicTacToe` que descomprimiste anteriormente. 
+   - La carpeta `TicTacToe` para seleccionar debe tener un ícono verde de Android al lado, lo que indica que es una carpeta de proyecto de Android.
+<img src="../resources/_gen/images/open_android_project.gif" height="40%" width="40%" title="Abre el proyecto del juego del Gato" alt="Muestra como abrir el proyecto del juego del Gato en Android Studio"/>
+
+Inicia Android Studio y abre el proyecto. Deberías ver algo similar a la siguiente captura de pantalla:
+<img src="../resources/_gen/images/android_studio.png" height="60%" width="60%" title="Android Studio IDE" alt="Ejemplo de Android Studio IDE"/>
+
+## Aceptar Licencias
+Antes de poder ejecutar el código, deberá aceptar las licencias de Android siguiendo los pasos a continuación:
+1. Haz clic en el botón `Terminal` en la parte inferior de la ventana de Android Studio.
+2. Escribe el siguiente comando, reemplazando `<USER_NAME>` con el nombre de usuario de tu computadora.
+
+```
+C:\Users\<USER_NAME>\AppData\Local\Android\Sdk\tools\bin\sdkmanager --licenses
+```
+3. Escribe `y` y presiona `ENTER` en las indicaciones, para aceptar las licencias. Esto será necesario varias veces.
+<img src="../resources/_gen/images/accept_licenses.gif" height="60%" width="60%" title="Aceptando las licencias de Android" alt="muestra los pasos necesarios para aceptar las licencias de Android"/>

content/espanol/android-tictactoe/answer-key.md

@@ -0,0 +1,51 @@
+---
+title: "Respuestas - Android Gato"
+date: 2021-03-13T14:17:07.42-07:00
+hidden: true
+weight: 14
+---
+
+### Acertijo 1
+```xml
+<resources>
+    <string name="app_name">Gato</string>
+</resources>
+```
+
+### Acertijo 2
+```kotlin
+Toast.makeText(this, "Bienvenido al juego del Gato", Toast.LENGTH_LONG).show()
+```
+
+### Acertijo 3
+#### Acertijo 3a
+```kotlin
+var colorGreen = Color.GREEN
+```
+#### Acertijo 3b
+```kotlin
+var winner = -1
+```
+
+### Acertijo Final
+```kotlin
+//cross1
+if (Player1.contains(1) && Player1.contains(5) && Player1.contains(9))
+{
+    winner = 1
+}
+if (Player2.contains(1) && Player2.contains(5) && Player2.contains(9))
+{
+    winner = 2
+}
+
+//cross2
+if (Player1.contains(3) && Player1.contains(5) && Player1.contains(7))
+{
+    winner = 1
+}
+if (Player2.contains(3) && Player2.contains(5) && Player2.contains(7))
+{
+    winner = 2
+}
+```

content/espanol/android-tictactoe/app-structure.md

@@ -0,0 +1,29 @@
+---
+title: "Estructura de la Aplicación del Juego"
+date: 2021-03-13T14:17:07.42-07:00
+draft: false
+weight: 3
+---
+
+## Volviendo a lo Básico
+Ahora que el juego tiene el título correcto, profundicemos en todos estos archivos en la carpeta del juego. ¿Qué significan todos ellos? ¿Cómo contribuye al juego?
+<img src="../resources/_gen/images/app_structure_files.png" height="25%" width="25%" title="Expande la vista de los archivos de la aplicación" alt="Archivos de App mostrados en Android Studio"/>
+
+### AndroidManifest.xml
+Cada proyecto en Android incluye un archivo de manifiesto. Para tu juego, este es el archivo `AndroidManifest.xml`. El archivo de manifiesto define los metadatos para su juego, por ejemplo, puede definir el icono y el tema general para su aplicación de juego.
+
+### activity_main.xml
+Este archivo se encuentra en la carpeta "layout". Como indica el nombre de la carpeta, los archivos de esta carpeta definen el aspecto de la aplicación. Si observa el código de `activity_main.xml`, verá palabras clave como `TableLayout` o `TableRow`. La combinación de palabras clave en el archivo `activity_main.xml` crea el diseño para los botones de selección de juegos (Jugador vs Jugador o Jugador vs Computadora), el tablero de tres en raya y el botón de reinicio. La palabra clave `TableLayout` dice que el diseño se alineará con un estilo de tabla, que incluye columnas y filas. La palabra clave `TableRow` crea una nueva fila en el diseño, con cada elemento adicional correspondiente a un lugar en esa fila:
+<img src="../resources/_gen/images/activity_main.png" height="30%" width="30%" title="Diseño del tablero de juego en filas" alt="Tablero de Gato con 5 filas. La primera fila incluye los dos botones de selección de juegos, seguidos de 3 filas por 3 columnas para la cuadrícula del juego de Gato, y finalmente la quinta fila con el botón de reinicio"/>
+
+### MainActivity.kt
+
+Este archivo se encuentra en la carpeta "java". El archivo contiene el código y la lógica de la aplicación.
+
+### colors.xml, strings.xml, styles.xml
+
+Estos archivos se encuentran en la carpeta "valores". Los archivos contienen valores a los que pueden hacer referencia otros archivos XML y código de aplicación.
+
+## Juntando Todo
+
+Todos estos archivos trabajan juntos para crear tu juego. El archivo `activity_main.xml` decide lo que se le muestra. Al hacer clic en los botones, los eventos se envían desde el `activity_main.xml` al `MainActivity.kt` para determinar qué sucede en ese clic del botón. Para valores repetibles, `activity_main.xml` y `MainActivity.kt` pueden llegar a `colors.xml`, `strings.xml` o `styles.xml` para usar esos valores desde una ubicación conveniente.

content/espanol/android-tictactoe/booleans.md

@@ -0,0 +1,46 @@
+---
+title: "Booleanos"
+date: 2021-03-13T14:17:07.42-07:00
+draft: false
+weight: 9
+---
+Los booleanos son declaraciones `true` (verdaderas) o `false` (falsas). A diferencia de las cadenas o los números, los booleanos almacenan declaraciones de verdad: ¿lo que estoy diciendo es verdadero o falso? Por ejemplo, si pregunto: "¿Eres un robot?", Esta pregunta produce un resultado verdadero o falso, que llamamos booleano. En este caso, como no eres un robot (¡con suerte!), produciríamos falso. También podemos usar operadores matemáticos para crear expresiones booleanas. Aquí hay algunos ejemplos; Sin embargo, observe los símbolos inusuales para "igual a" y "no igual a":
+
+| Operador | Descripción           | Operador | Descripción              |
+| -------- | --------------------- | -------- | ------------------------ |
+| `<`      | Menos que             | `>`      | Mayor que                |
+| `<=`     | Menos que ó igual que | `>=`     | Mayor que ó igual que    |
+| `==`     | Igual que             | `!=`     | Diferente que            |
+
+Como de costumbre, use `System.out.println` para imprimir sus resultados:
+
+```kotlin
+System.out.println(10 < 8);
+System.out.println((3 * 6) == (32 - 14));
+```
+{{% notice tip %}}
+## Trabajando Juntos
+
+Elimine todo el texto `System.out.println` en su código. Intenta adivinar las respuestas a las siguientes expresiones. Utilice `System.out.println` para comprobar sus respuestas.
+
+- `54 < (10 + 32)`
+- `(37 / 5) == 7`
+- `"Hola" + "Mundo" == "Hola Mundo"`
+- `false == false`
+{{% /notice %}}
+
+## Operadores Booleanos
+
+También puede conectar expresiones booleanas entre sí mediante `&&` (AND) y `||` (OR) operador. Por ejemplo, supongamos que pregunto: "¿Eres un humano y Nuvi es un robot?" La palabra "y" conecta las dos preguntas verdadero-falso. En este caso, dado que es cierto que eres un humano, y también es cierto que Nuvi es un robot, entonces el resultado general es "verdadero". Aquí hay una tabla que describe lo que sucede cuando conectamos booleanos:  
+
+| Expresión                   | Resultado  | Expresión                            | Resultado  |
+| --------------------------- | -------- | ------------------------------------- | ------- |
+| <code>true && true</code>   | `true`   | <code>true &#124;&#124; true</code>   | `true`  |
+| <code>true && false</code>  | `false`  | <code>true &#124;&#124; false</code>  | `true`  |
+| <code>false && true</code>  | `false`  | <code>false &#124;&#124; true</code>  | `true`  |
+| <code>false && false</code> | `false`  | <code>false &#124;&#124; false</code> | `false` | 
+
+En resumen, `&&` requiere que ambas expresiones booleanas sean verdaderas, mientras que `||` sólo requiere que una de las dos expresiones booleanas sea verdadera. Aquí hay algunos ejemplos más:
+
+- `(5 < 8) && (9 != 10)` produce `true` ya que tanto 5 es menor que 8 y 9 no es igual a 10.
+- `(6 != 2 * 3) || (8 < 2 * 4)` produce `false` ya que tanto 6 no es igual a 2 * 3, y 8 no siendo menos de 2 * 4 producen `false`.

content/espanol/android-tictactoe/comments.md

@@ -0,0 +1,32 @@
+---
+title: "Comentarios"
+date: 2021-03-13T14:17:07.42-07:00
+draft: false
+weight: 6
+---
+Los desarrolladores a menudo necesitan colaborar con otros desarrolladores. Los comentarios son una forma fácil para que los desarrolladores escriban notas en el código y se comuniquen con otros. Los comentarios son ignorados por la computadora; Por lo tanto, también son una manera fácil de decirle a la computadora que no ejecute ciertas líneas de código. Hay dos formas de crear comentarios:
+
+1. Para comentar una línea, coloca `//` al inicio de una línea de código. Por ejemplo:
+
+```kotlin
+// Este es un comentario de una sola línea.
+```
+
+2. Para comentar varias líneas a la vez, indique el comienzo del comentario con `/*` y al final del comentario con `*/`. Por ejemplo:
+
+```kotlin
+/* Este es un comentario de varias líneas de código.
+Esta línea también es parte del comentario. */
+```
+
+Para eliminar un comentario (o descomentar una línea), simplemente elimine el botón `//` para un comentario de una sola línea, o el `/*` y los `*/` caracteres para el comentario de varias líneas.
+
+{{% notice tip %}}
+## Trabajando Juntos
+
+1. Escribe `//` al inicio de `Toast.makeText(this, "Welcome to Tic-Tac-Toe”, Toast.LENGTH_LONG).show()`. Después presiona el botón de inicio (►), asegurate de que el texto `Bienvenido al juego del Gato` no se muestre en la pantalla.
+2. Borra `//` y en su lugar, rodea `Toast.makeText(this, "Welcome to Tic-Tac-Toe”, Toast.LENGTH_LONG).show()` con `/*` y `*/`. Revisa que el texto de `Welcome to Tic-Tac-Toe` sigue sin mostrarse en la pantalla después de presionar el botón de inicio (►).
+3. Borra tanto `/*` como `*/`, y presiona el botón de inicio (►). El mensaje de `Welcome to Tic-Tac-Toe` debería de verse en la consola.
+   A lo largo de los rompecabezas de hoy, verá varios comentarios de varias líneas y `// PUZZLE` comentarios (como el del acertijo 2). Estos comentarios nos guiarán para completar el juego del Gato, así que asegúrate de entender cómo comentar y descomentar el código.
+
+{{% /notice %}}

content/espanol/android-tictactoe/conditionals.md

@@ -0,0 +1,25 @@
+---
+title: "Condicionales"
+date: 2021-03-13T14:17:07.42-07:00
+draft: false
+weight: 10
+---
+Podemos usar sentencias `if` para ejecutar una instrucción de código solo si se cumplen ciertas condiciones.
+
+Por ejemplo:
+
+```kotlin
+if (isRainingOutside == true) {
+    takeUmbrella = true;
+} else {
+    takeUmbrella = false;
+}
+```
+
+Para nuestro juego, deberíamos usar declaraciones `if` para determinar si un jugador tiene 3 coincidencias verticales, horizontales o diagonales.
+
+Dentro de los `()` al lado de `if`, debes especificar una _expresión booleana_. Los **booleanos** son declaraciones `true` (verdaderas) o `false` (falsas). Podemos utilizar esto en nuestra declaración `if`. Si la expresión es `true`, se ejecuta el código dentro de `{ }`. Si la expresión es `false`, se ejecuta el código dentro de `{ }` después de la declaración `else`.
+
+También puedes conectar **expresiones booleanas** usando el operador `&&` (AND) lo cual significa `y` y el operador `||` (OR), el cual significa `ó`.
+
+Echa un vistazo a la función `CheckWinner()` en `MainActivity.kt` y piensa en lo que están haciendo todas las declaraciones `&&` conectadas.

content/espanol/android-tictactoe/numbers.md

@@ -0,0 +1,51 @@
+---
+title: "Números"
+date: 2021-03-13T14:17:07.42-07:00
+draft: false
+weight: 8
+---
+La computadora también puede hacer matemáticas regulares que se ven en la escuela. Utilice ´System.out.println´ para imprimir el resultado de las expresiones matemáticas.
+
+```kotlin
+System.out.println(5 + 4);
+System.out.println(6 * (9 - 7) / 3);
+```
+
+Aquí está la lista completa de símbolos matemáticos que puede usar:
+
+<table class="table">
+            <tr>
+                <td><code class="language-cs">+</code></td>
+                <td>Suuma</td>
+                <td><code class="language-cs">\</code></td>
+                <td>División</td>
+            </tr>
+            <tr>
+                <td><code class="language-cs">-</code></td>
+                <td>Resta</td>
+                <td><code class="language-cs">%</code></td>
+                <td>Módulo (resto)</td>
+            </tr>
+            <tr>
+                <td><code class="language-cs">*</code></td>
+                <td>Multiplicación</td>
+                <td><code class="language-cs">(</code>,<code class="language-cs">)</code></td>
+                <td>Paréntesis</td>
+            </tr>
+        </table>
+
+**_Datato curioso: División de Computadora_**
+
+La computadora hace la división de manera diferente a su calculadora regular. La división de computadoras excluirá los restos o decimales. Por ejemplo, 15 / 4 produce 3, y no 3.75.
+
+{{% notice tip %}}
+## Trabajando Juntos
+
+Intente imprimir las respuestas a lo siguiente en la consola. Asegúrese de que sus soportes coinciden. Use una calculadora (o matemática mental) para verificar que la computadora produjo la respuesta correcta.
+
+- `2 - 19`
+- `(3 + 5) \* 6`
+- `(13 + 5 \* 8) / (6 - (3 + 7))`
+- `3 % 2`
+
+{{% /notice %}}