#2 Bubble Makers: Aprendiendo con GIFs
123 personas reciben hoy este correo, que incluye:
Consejos para principiantes de Bubble
Consejos para makers más experimentados en Bubble
Una aplicación creada con Bubble
Un tweet relacionado con no-code que haya encontrado inspirador o útil.
Empezamos, que hoy hay mucho que contar:
La Burbuja de Principiantes
Como vimos en la primera edición de la newsletter, Bubble tiene 3 pestañas principales, Design, Workflows y Database.
Hoy traigo una página de prueba muy sencilla para daros una visión por encima de cómo funcionan los Workflows.
Al crear un workflow, le estás diciendo a Bubble
Cuando _____ ocurra, haz _____
Algunos ejemplos de workflows básicos podrían ser:
Cuando el usuario clique un logo, llévale a la página principal.
Cuando un usuario no tenga cuenta, enséñale el botón Registrarse.
Cuando pasen 5 segundos, muestra un popup que pida que el usuario se suscriba a la newsletter.
Cuando el usuario clique el botón de Guardar, crear un elemento en la base de datos (por ejemplo, una tarea en una lista de tareas)
Como puedes ver, todas estas acciones siguen esa estructura:
Cuando _____ ocurra, haz _____
Como la semana pasada, he preparado un web-app para que puedas jugar con algunos workflows muy sencillos. Te encontrarás este tipo de workflows constantemente en tus propias apps.
Click para entrar ⬇
Hay miles de workflows que puedes crear con Bubble. Piensa en todas las combinaciones posibles con la frase “Cuando _____ ocurra, haz _____”…
La Burbuja de los Makers
Hoy os cuento cómo alternar los colores de las filas dentro de un Repeating Group, un buen truco para mejorar la legibilidad.
Alternar los colores de las filas permite simular el aspecto de una hoja de cálculo y puede ser muy útil al gestionar grandes listas de datos.
He preparado esta simple web para enseñaros un ejemplo.
Cómo se hace?
Crea un grupo para todos los elementos de la celda de tu Repeating Group
Ve a la pestaña de Conditional y añade la siguiente condición:
Como puedes observar, para diferenciar las filas pares e impares, necesitas usar la operación de “modulo”, que equivale a calcular el resto de una división.
Lo que hacemos es dividir el número de la fila (current cell’s index) entre 2 y después decirle a Bubble que cambie el color de fondo si el resto de la división es 1 (ocurre para las filas 1,3,5… porque 1/2 da resto 1, 3/2 da resto 1, etc.).
Aplicando este mismo principio, podrías ser creativo y en lugar de elegir solo 2 colores elegir 3 o más. Por ejemplo, si quisieses 3 colores dividirías entre 3 y tendrías dos condicionales:
cambio de color si el resto es 1 (filas 1,4,7…)
cambio de color si el resto es 2 (filas 2,5,8…)
Bubble App de la Semana
La app de la semana es Dev Shopper, una plataforma que te ayuda a encontrar desarrolladores para tus proyectos en 48 horas (¡ponen un contador de 48 horas a funcionar en cuanto se sube el proyecto!).
Es una muy buena app en la que fijarse si estás planeando crear cualquier sistema de comunicación en tu app, ya que ponen un gran foco en mejorar la comunicación entre los agencias de servicios de software y los usuarios.
El GIF muestra la landing page, con imágenes cuidadas y una animación simple pero efectiva.
Lazar Stojkovic, el fundador, lleva en el mundo tech desde hace unos 15 años, creando empresas digitales tanto en Europa como en Estados Unidos. Encontró Bubble este año y tras sopesarlo, decidió usarlo para su proyecto. Da que pensar…
Tweet de la Semana
Esta semana comparto un tuit de Gregory John, probablemente el instructor más conocido en el mundo de Bubble.
Puede parecer que lo bueno de programar “sin código” es que te permite crear aplicaciones en apenas horas o días, pero no es así. Lo realmente bueno del no-code es que te permite pasar más tiempo hablando con tu público objetivo y validando ideas, para iterar más rápidamente y crear algo que la gente realmente necesite.
Todos necesitamos un recordatorio de vez en cuando. Crear apps una tras otra es muy tentador y puede hacer que pierdas el foco.
Espero que te haya gustado esta newsletter tanto como a mí escribirla y compartir un poco de lo que he aprendido hasta ahora.
Si quieres hacerme cualquier sugerencia, comentario, etc. o simplemente charlar, puedes escribirme en Twitter o contestar a este email.
¡Gracias por leerme!