Escribe tu primer programa en Kotlin

En este codelab, escribirás tu primer programa en lenguaje Kotlin con un editor interactivo que puedes ejecutar desde tu navegador.

Puedes considerar un programa[LINK] como una serie de instrucciones para que el sistema realice una acción. Por ejemplo, podrías escribir un programa que cree una tarjeta de cumpleaños y, en él, una instrucción para imprimir un texto de felicitación o calcular la edad de una persona en función de su año de nacimiento.

De la misma manera en la que usas un lenguaje humano para comunicarte con otra persona, debes usar un lenguaje de programación para comunicarte con el sistema operativo de tu computadora. Afortunadamente, los lenguajes de programación son menos complejos que los humanos y son bastante lógicos.

Las apps para Android se escriben en lenguaje de programación Kotlin. Kotlin es un lenguaje moderno creado para ayudar a los desarrolladores a escribir código de forma eficaz y con la menor cantidad de errores posible.

Aprender a crear una app al mismo tiempo que aprendes los conceptos básicos de programación no será fácil. Por eso, comenzaremos con un poco de programación antes de comenzar con la creación de la app. Conocer los conceptos básicos no solo es un primer paso importante en la creación de apps, sino que además te facilitará crear tu primera app más adelante en este curso.

Los editores de código son herramientas que te permiten escribir código, al igual que un procesador de texto (como Documentos de Google) te ayuda a crear documentos de texto. En este codelab, usarás un editor de Kotlin interactivo en tu navegador. Esto significa que no necesitas instalar ningún software para dar tus primeros pasos en el desarrollo de apps.

Prerequisites

• Usar sitios web interactivos en tu navegador web

Qué aprenderás

• Cómo crear, modificar, comprender y ejecutar un programa mínimo de Kotlin que muestra un mensaje

Qué compilarás

• Un programa en lenguaje de programación Kotlin que muestra un mensaje cuando lo ejecutas

Requisitos

• Una computadora con un navegador web moderno, como la versión más reciente de Chrome
• Tener acceso a Internet en la computadora

En esta tarea, usarás un editor en un sitio web para comenzar a programar en lenguaje Kotlin de inmediato.

Cómo usar un editor de código interactivo

En lugar de instalar software en la computadora, puedes usar una herramienta basada en la Web para crear tu primer programa.

1. En tu navegador, abre https://try.kotlinlang.org/. Se abrirá una herramienta de programación que puedes ejecutar en el navegador.
2. Deberías ver una página similar a la que se muestra en la siguiente captura de pantalla, con una lista de archivos a la izquierda y un editor a la derecha. También es posible que vea un cuadro negro en la esquina inferior derecha con información sobre la política de cookies.

JetBrains, la empresa que desarrolló el lenguaje Kotlin y este sitio web, usa cookies y direcciones IP para recopilar estadísticas y personalizar tu experiencia. Por ejemplo, el sitio recordará el código que escribiste en una sesión anterior.

Advertencia: Si no estás de acuerdo con la política de cookies de este sitio, no continúes.

3. Haz clic en la X en la esquina superior izquierda del cuadro emergente negro para cerrarla.

4. Siga la siguiente captura de pantalla con anotaciones como referencia para orientarse con este editor.

• 1) Obtén las pestañas Aprende, Comunidad y Prueba en línea en la parte superior. Si aún no se seleccionó, haz clic en la pestaña Probar en línea.
• (2) File Explorer en el panel de la izquierda Cada carpeta de esta lista contiene un pequeño ejemplo independiente para aprender Kotlin.
• 3) Editor, en el panel derecho, es donde realizarás la mayor parte del trabajo para escribir código.

Este editor de código basado en la Web tiene muchas otras funciones, pero estas son las que necesitas conocer para comenzar.

Cómo abrir el código de muestra

1. En el explorador de archivos, si aún no está seleccionado, selecciona Ejemplos > ¡Hola, mundo! > Simplest version > SimplestVersion.kt (1 en la siguiente captura de pantalla).
2. En el nombre de archivo SimplestVersion.kt, observe la extensión de archivo .kt (consulte la 1 en la siguiente captura de pantalla). Al igual que las imágenes tienen una extensión .jpg o .png, y los PDF tienen una extensión .pdf, todos los archivos Kotlin deben tener la extensión .kt.
3. Observa el código en el editor (2 en la siguiente captura de pantalla). Se destaca parte del código. Este es el código con el que trabajarás.

Este es el código destacado del programa que se muestra en el editor:

fun main(args: Array<String>) {
    println("Hello, world!")
}

Ejecuta el código del programa

Ejecutar un programa creado por ti no es muy diferente a ejecutar un procesador de texto en la computadora. La diferencia es que cuando ejecutas un programa para completar una tarea o para jugar, lo que más te interesa es lo que el programa puede hacer por ti y no el código que lo hace posible. Cuando programas, puedes ver el código que hace la magia y trabajar con él.

Veamos qué hace este programa:

1. En el editor, en la esquina superior derecha, busca el triángulo verde y haz clic en él para ejecutar el programa.

2. Si es necesario, desplácese hacia abajo en la página hasta que vea la parte inferior del editor para ver el panel en la parte inferior (1 en la siguiente captura de pantalla).

3. Haga clic en la pestaña Console. Console es el lugar desde el que los programas pueden imprimir salidas de texto.

4. Observa Hello, world! impresa en el panel Console, como en la captura de pantalla anterior. Ahora ya sabes lo que hace este programa: se imprime o se muestra un mensaje de Hello World en la ventana Console.
5. Observa que arriba del Hello, world! impreso es un mensaje Compilation complete successfully. La compilación es un proceso que convierte el código del programa en Kotlin en un formato que el sistema puede ejecutar. Si la compilación se completa correctamente, no habrá errores que impidan que el programa se ejecute.

Partes de un programa

Ahora que ya conoces lo que hace este programa, primero observa cómo lo hace.

1. Observa el programa en el editor.
2. Observa que este código tiene dos secciones distintas.

Parte superior del programa:

/**
 * We declare a package-level function main which returns Unit and takes
 * an Array of strings as a parameter. Note that semicolons are optional.
 */

En el fragmento de código anterior, puedes ver el texto dentro de estos símbolos: /* y */.

Esto significa que es un comentario, es decir, un mensaje con información de otros desarrolladores. Cuando ejecutas el programa, el sistema ignora este comentario. Por ahora, también puedes ignorar este comentario. Obtendrás más información sobre los comentarios en un codelab posterior.

Parte inferior del programa:

fun main(args: Array<String>) {
    println("Hello, world!")
}

Estas tres líneas de código son el programa real que ejecuta el mensaje y lo imprime.

Cómo cambiar el código del texto "Hello, world!"

A continuación, modificaremos el programa para que haga algo diferente.

1. Cambia el texto "Hello, world!" para que diga "Happy Birthday!".
2. Para ejecutar el programa, haz clic en el botón de ejecución verde en la parte superior derecha.
3. En Console, deberías ver el texto Happy Birthday! impreso, como se muestra en la siguiente captura de pantalla.

¿Cómo funciona?

¿Cómo se hace? Parece mucho código solo para imprimir algo.

Si quieres que un amigo escriba "Hello, world!" en un papel, habrá mucha información implícita. Si solo le dices "Escribe 'Hello, world!' en este papel", hará suposiciones sobre la información que no le proporcionaste. Por ejemplo, supondrá que necesita un bolígrafo y que quieres que lo escriba en letras. La computadora no realiza estas suposiciones, por lo que debes brindarle instrucciones precisas que incluyan cada paso.

Al igual que los idiomas humanos, los lenguajes de programación tienen estructuras. Si alguna vez estudiaste un segundo idioma, sabrás el desafío de aprender la gramática, la ortografía, quizás un nuevo alfabeto de símbolos y el vocabulario de ese idioma. Si bien aprender a programar tiene desafíos similares, afortunadamente, es menos complejo y más lógico que, por ejemplo, aprender inglés.

Comprende las partes del programa

Es momento de echar un vistazo al código. Cada parte de este programa tiene un propósito específico y las necesitas todas para poder ejecutarlo. Comencemos con la primera palabra.

fun

• fun es una palabra en lenguaje de programación Kotlin. fun significa "función". Una función es una sección del programa que realiza una tarea específica.

Nota: Kotlin tiene muchas palabras especiales con significados muy específicos, que conocerás a medida que aprendas a programar en este lenguaje. Por lo general, se denominan palabras clave o palabras reservadas.

fun main

• main es el nombre de esta función. Las funciones tienen nombres, a fin de poder distinguir unas de otras. Esta se llama main porque es la primera función, o la principal, a la que se llama cuando ejecutas el programa. Todos los programas en Kotlin necesitan una función llamada main.

fun main()

• El nombre de la función siempre va seguido de dos paréntesis ().

fun main(args: Array<String>)

• Dentro de los paréntesis, puedes ingresar información que usará la función. Esta información de entrada de la función se denomina "argumentos" o, de forma abreviada, args. Seguirás aprendiendo sobre los argumentos más adelante. Solo debes saber que la función main siempre tiene el mismo argumento.

fun main(args: Array<String>) {}

• Observa el par de llaves después de los argumentos. Dentro de una función, se incluye código que permite completar una tarea. Las llaves rodean esas líneas de código.

Observa la siguiente línea de código entre llaves:

println("Happy Birthday!")

Esta línea de código imprime el texto Happy Birthday!.

• println le indica al sistema que imprima una línea de texto.
• Dentro de los paréntesis, debes ingresar el texto que quieras imprimir.
• Verás que ese texto está entre comillas. Esto le indica al sistema que todo lo que está dentro de las comillas se debe imprimir tal como está.

Para que el programa imprima el texto, toda la instrucción println debe estar dentro de la función main.

Eso es todo. El programa más pequeño escrito en Kotlin.

fun main(args: Array<String>) {
    println("Happy Birthday!")
}

Cómo imprimir más de un mensaje

Bien hecho. Imprimiste una línea de texto con la función println() function. Sin embargo, puedes escribir tantas líneas de instrucciones dentro de una función como desees o necesites para realizar una tarea.

1. Copia la línea println("Happy Birthday!") y pégala debajo dos veces más. Asegúrate de que las líneas que pegues estén dentro de las llaves de la función main.
2. Cambia una parte del texto que deseas imprimir por un nombre, como "Jhansi".
3. Cambia el otro texto que se imprimirá a "¡Tienes 25!".

El código debería ser similar al siguiente:

fun main(args: Array<String>) {
    println("Happy Birthday!")
    println("Jhansi")
    println("You are 25!")
}

¿Qué esperas que haga este código cuando se ejecute?

4. Ejecuta el programa para ver qué hace.
5. Ve a la ventana Console y verás 3 líneas impresas en la ventana de Console, como se muestra en la siguiente captura de pantalla.

¡Buen trabajo!

Soluciona errores

Es normal cometer errores mientras programas, y la mayoría de las herramientas disponibles te brindarán comentarios para que los corrijas. En este paso, crearás un error para ver qué sucede.

1. En tu programa, quita las comillas alrededor del texto Jhansi. La línea se verá así:

println(Jhansi)

2. Ejecuta el programa. Deberías ver el texto Jhansi impreso en rojo y un signo de exclamación junto a la línea 8 del código para indicarte si hay un error.

3. Desplázate hacia abajo para ver la consola.
4. Selecciona la pestaña Vista del problema si no está seleccionada.
5. Revisa la pestaña Problems view. Se mostrará un mensaje con el mismo ícono de signo de exclamación y la palabra Error. A continuación, se muestra una descripción del error en tu código.

6. Busca números (8, 12). Estos números indican la línea del código donde se produce el error, la línea 8, y la posición de la letra en la línea donde comienza el error, que es 12.
7. A continuación, verás un mensaje, Unresolved reference: Jhansi. Este mensaje te indica lo que el sistema considera que es un error en el código. Incluso si no sabes qué significa el mensaje de error, es posible que puedas entender cuál es el problema. En este caso, sabes que la instrucción println() imprime texto. Ya aprendiste que el texto debe estar entre comillas. Si no está entre comillas, se generará un error.
8. Agrega las comillas nuevamente.
9. Ejecuta el programa para asegurarte de que vuelva a funcionar.

Felicitaciones, has ejecutado y modificado tu primer programa en Kotlin.

Aquí tienes el código completo del programa en el que trabajaste en este codelab.

/**

* We declare a package-level function main which returns Unit and takes

* an Array of strings as a parameter. Note that semicolons are optional.

*/

fun main(args: Array<String>) {

println("Happy Birthday!")

println("Jhansi")

println("You are 25!")

}

• https://try.kotlinlang.org/ es un editor de código interactivo en la Web que te permite practicar programación en Kotlin.
• Todos los programas en Kotlin deben tener una función main(): fun main(args: Array<String>) {}.
• Utiliza la función println() para imprimir una línea de texto.
• Coloca el texto que deseas imprimir entre comillas dobles. Por ejemplo: "Hello".
• Repite la instrucción println() para imprimir varias líneas de texto.
• Los errores se marcan en rojo en el programa. Hay un mensaje de error en la pestaña Vista de problemas que te ayuda a identificar dónde está el error y cuál puede ser la causa.

• https://try.kotlinlang.org/

Este codelab es parte del curso Aspectos básicos de Android en Kotlin.

Nota: Los problemas de práctica son opcionales. Te permiten practicar lo que aprendiste en este codelab.

Haz lo siguiente:

1. Cambia las instrucciones println() por print().
2. Ejecuta el programa. ¿Qué ocurre entonces?

Sugerencia: La instrucción print() imprime el texto sin agregar un salto de línea al final de cada string.

3. Corrige el texto para que cada parte del mensaje esté en una línea separada.

Sugerencia: Usa \n dentro del texto para agregar un salto de línea. Por ejemplo, "line \n break". Si agregas un salto de línea, el resultado cambiará como se muestra a continuación.

Sugerencia: Puedes imprimir una línea vacía si no ingresas texto, por ejemplo: println("").

Código:

fun main(args: Array<String>) {
    println("no line break")
    println("")
    println("with line \n break")
}

Resultado:

Revisa tu trabajo

Una solución puede ser:

fun main(args: Array<String>) {
    print("Happy Birthday!\n")
    print("Jhansi\n")
    print("You are 25!")
}