Tu primera instancia de spark

¿Alguna vez has tenido una gran idea para una aplicación, pero no tenías las herramientas para compilarla? Con la ayuda de la inteligencia artificial, ahora puedes dar vida a tus ideas de aplicaciones en cuestión de minutos usando solo el lenguaje natural. En este artículo, se usará GitHub Spark para compilar, mejorar y compartir una aplicación de búsqueda de palabras sin escribir una sola línea de código.

Creación de un prototipo de la aplicación

Para empezar, se generará una versión inicial básica de la aplicación que puedas compilar más adelante.

1. Vaya a https://github.com/spark.

2. Envía el siguiente mensaje para generar la primera iteración de la aplicación:

   Copilot prompt

   Please create a word search game. The game should take in a set of words from the user, then create a word search puzzle containing those words, as well as a word bank listing the words. Words in the puzzle can be horizontal, vertical, diagonal, forwards, and backwards, and are "found" when the user clicks and drags their mouse across them. Once all words are found, give the user the option to create a new puzzle.
   

3. Observa cómo Spark compila la aplicación en tiempo real. Sabrás que la aplicación se ha terminado de generar cuando aparezca la vista previa.

4. Para probar la aplicación, crea y resuelve un rompecabezas con la vista previa.

Mejora de la aplicación

Y solo con eso ya tienes una aplicación funcional. Pero todavía necesita algunos ajustes. Ahora proporcionarás a Spark varios mensajes adicionales para mejorar el proyecto.

1. En el lado izquierdo de la página, en la pestaña Iterate, envía el siguiente mensaje:

   Copilot prompt

   Please add a leaderboard and a timer to the game. The timer should start when the user generates a new puzzle, then stop when all words are found. The user should then be able to enter their name, and their name, time, and the number of words in their puzzle should be displayed on the leaderboard. The leaderboard should be sortable in ascending and descending order by each of the three categories.
   

2. Una vez que se actualice la aplicación, crea y resuelve otro rompecabezas para ver las nuevas características en acción.

3. Dale rienda suelta a tu creatividad y haz tus propias mejoras en la aplicación. Si te bloqueas, elige una de las sugerencias que proporciona Spark encima del cuadro de texto del mensaje. También puedes realizar cambios mediante los controles de edición visual en las pestañas "Theme", "Data y "Prompts", sin tener que escribir código.

Depuración de la aplicación

Mientras compilas la aplicación, es posible que encuentres algunos errores. A menudo, Spark identificará estos problemas y los enumerará en un elemento emergente "Errors" encima del cuadro de texto del mensaje. Para corregir los errores, haz clic en Fix all.

Si encuentras un error que indica que Spark no ha podido marcar, escribe un mensaje para corregirlo. Para obtener los mejores resultados, proporciona una descripción detallada del error, así como el estado de corrección ideal. Por ejemplo, si observas que al agregar palabras que superan un determinado número de caracteres hace que el rompecabezas se represente incorrectamente, envía el mensaje siguiente:

Please prevent users from entering words longer than the number of rows or columns in the puzzle. Additionally, add an option to change the size of a puzzle. If the user tries to enter a word that's longer than the current size of the puzzle, display an error message telling them that provided words must be less than or equal to the size of the puzzle.

Please prevent users from entering words longer than the number of rows or columns in the puzzle. Additionally, add an option to change the size of a puzzle. If the user tries to enter a word that's longer than the current size of the puzzle, display an error message telling them that provided words must be less than or equal to the size of the puzzle.

Uso compartido de la aplicación

Ahora que ya te convence la aplicación, se publicará para que puedas compartirla con otros usuarios. También puedes compartir Spark como de solo lectura para que otros usuarios puedan ver el contenido de la aplicación, pero no puedan editar contenido, eliminar archivos o registros ni crear nuevos elementos.

1. En la esquina superior derecha de la página, haz clic en Publish.

2. De manera predeterminada, la instancia de spark se publica como privada y solo es accesible para ti. Para permitir que otros usuarios de GitHub accedan a la aplicación, en la sección Visibility de la lista desplegable de publicaciones, elige Organization para que la instancia de spark sea accesible para todos los miembros de la organización seleccionada, o bien All GitHub users. Esto permite que cualquier usuario con una cuenta de GitHub acceda a la instancia de spark.

   

3. Si haces que la instancia de spark sea visible para otros usuarios (es decir, cualquier configuración además de privada), aparece una opción "Data Access" en la lista desplegable de publicaciones. Esto te ofrece la opción de controlar quién tiene acceso para editar el contenido y los datos en la instancia de spark.

   

   Elige Read-Only para permitir que otros usuarios vean la aplicación, sin permitirles crear, editar o eliminar contenido ni datos. Elige Write Access para permitir a los usuarios editar y ver el contenido y los datos en la instancia de spark.

   Por ejemplo, si has creado una aplicación de calendario familiar y quieres presentar la aplicación, pero no quieres que los usuarios puedan crear, editar ni eliminar eventos en el calendario todavía, elige "Read-Only".

4. Haz clic en View site para ver la aplicación implementada y, después, copia y comparte su dirección URL.

Pasos siguientes

Acabas de crear una aplicación de búsqueda de palabras, pero Spark puede crear todo tipo de aplicaciones web. Intenta crear una aplicación por tu cuenta. Si necesitas inspiración, estas son algunas ideas para empezar:

• Intenta compilar una de aplicación de agregador de noticias o un generador de recetas inteligente.
• Crea un rastreador de presupuestos que te permita establecer un presupuesto, que tome una lista de gastos y que muestre el presupuesto restante total. Puedes asignar a cada gasto una categoría y una fecha y, después, ordenar los gastos por varias categorías diferentes.

Información adicional

•           [AUTOTITLE](/copilot/responsible-use-of-github-copilot-features/responsible-use-of-github-spark)
  

•           [AUTOTITLE](/copilot/concepts/copilot-billing/about-billing-for-github-spark)