Gallery
Aprende como usar Coda
Share
Explore
Aprende como usar Coda
En esta lección exploraremos las vistas, una de las características más potentes de Coda que harán que te enamores de la herramienta.
Para ello, vamos a traer a nuestra tabla que creamos en la lección anterior, con nuestros libros favoritos. Para hacerlo, al escribir /table podrás seleccionarla de entre tus bases de datos ya creadas.
Nombre
Portada
Rating
Review
1
El Paciente
71MHX8cMHnL.jpeg
Un libro que cobra sentido una vez que te enganchas a la historia de Antonia y Jon.
2
Reina Roja
9788466664417.jpeg
Un libro que te engancha y no puedes parar de leer, necesitas saber más.
3
Rey Blanco
71zNu2BR8XL.jpeg
El fin a la trilogía que nos merecíamos.
4
Loba Negra
9788466666497.jpeg
Una brillante continuación al inicio de la saga.
There are no rows in this table
Al añadirla, verás que se abre automáticamente el menú de opciones y encontrarás en la parte de la derecha un listado con los diferentes tipos de vistas que puedes insertar en CODA.
Nocodehackers 2022-04-05 at 09.07.56.png
Vamos a insertar una vista de Cards, que te permitirá darle una visualización más práctica a tu galería de libros. Para ello, puedes hacerlo de dos maneras:
Volviendo a escribir /table y al insertar la tabla, escoger la vista.
Escribir directamente en la barra de comandos /cards y seleccionando la tabla.

Te quedará algo como esto 👇
Si te fijas, es una visualización diferente, mucho más apropiada para este tipo de datos, ya que te permite de un vistazo saber la imagen de portada, las estrellas y un resumen del mismo.

🧐 ¿Cómo funcionan las vistas?

Es importante entender que las vistas son representaciones de una única base de datos. Puedes tener infinitas vistas para la misma base de datos, modificando los filtros, manera de visualización u opciones de la misma.
Esto quiere decir que si modificas los datos en una base de datos, también se modificará en el resto.
Por ejemplo, si cambias el número de estrellas de uno de los libros en esta vista - se trasladará a todos los lugares en los que exista esta tabla. O si añades un libro nuevo, aparecerá en todas a la vez. Fíjate en como cambia el rating de Reina Roja.
Nocodehackers 2022-04-05 at 09.17.58.gif

Los tipos de vistas que existen

Nocodehackers 2022-04-05 at 09.26.31.png
Existen varios tipos de vistas, cada uno con su utilidad más o menos práctica según tu caso. Estas son:
Table: La vista por defecto que hemos visto, te permite tener una tabla donde se muestre la información de una manera directa y sencilla.
Cards: Una visualización en tarjetas para mostrar la información de una manera más visual. Es por supuesto personalizable.
Detail: Una vista para entrar en el detalle de cada elemento de una manera directa. Muy útil por ejemplo para listados de contactos o CRMs.
Calendar: Una vista de calendario para que puedas organizar por fechas los elementos que necesites.
Form: Añade elementos a tus tablas mediante una interfaz de formulario.
Timeline: Muestra de una manera visual el alcance de los proyectos en una línea de tiempo
Gráfica: Visualiza tu información en gráficas, ya sean lineales, de barras, circulares...
Word cloud: Agrupa la información de tu base de datos en una nube de palabras
Board: Gestiona tus elementos en una tabla al estilo Kanban o Trello.

ℹ️ Podrás encontrar información detallada de cada una de estas tablas en su página correspondiente (que encontrarás como subpáginas de esta lección)

Personaliza una vista

A la hora de modificar cómo se ven los distintos tipos de vistas, hay una serie de elementos que son específicos a cada una de ellas, pero también hay configuraciones como mostrar/ocultar columnas, ajustar tamaños de textos, o agrupar que son comunes a todas.
Así que vamos a ver como funcionan. Podrás acceder a todas estas personalizaciones desde el menú de Opciones.

Ocultando/mostrando columnas

De una manera realmente sencilla puedes controlar las columnas que se muestran dentro de una vista. Para ello simplemente dirígete a la opción de Columnas, en la que te aparecerán los diferentes campos que puedes mostrar/ocultar haciendo click en el ojo.
Nocodehackers 2022-04-05 at 09.44.47.gif

Ordenando los elementos

Para ordenar los elementos, puedes hacerlo de una manera muy sencilla desde la opción de Sort. Esto te permitirá hacer que por ejemplo aquellos elementos que tengan una mayor puntuación aparezcan primeros.
Puedes acceder a esta configuración desde el menú de Options, desplazándote hasta la pestaña de Sort y escoger tantos criterios como quieras.
Míralo en acción 👇
Nocodehackers 2022-04-05 at 09.47.54.gif

Agrupando elementos

Otra de las maneras de visualizar la información muy práctica de Coda es la opción de agrupar columnas.
Para hacerlo simplemente haz click en Group y selecciona el campo por el que quieres ordenarlo.
Puedes decidir si quieres que se agrupen de manera horizontal o vertical, creando una especie de “tablero kanban” o una lista.
Nocodehackers 2022-04-05 at 09.53.56.png

Filtra una tabla

Puedes filtrar para que únicamente aparezca la información que quieres de una manera realmente sencilla y similar a la que hemos hecho en los pasos anteriores. Además, se puede combinar con cualquiera de las otras combinaciones que hemos visto (ordenar, filtrar, agrupar) para tener vistas completamente personalizadas.
Nocodehackers 2022-04-05 at 09.58.14.png
Míralo en acción 👇

Ahora que ya hemos visto lo básico de cómo funcionan las tablas y las vistas, es el momento de ponerlo todo en práctica en nuestro primer ejercicio, en el que crearemos un almacén de información que recopilemos de internet.
Lección anterior:
Pon en práctica lo aprendido
Share
 
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.