Voltapp 🇺🇸

Voltapp 🇫🇷

🎉 Bienvenido

Introducción a Voltapp

PARA EMPEZAR ⏱

Descubrir las plantillas

Crear su Airtable

Conectar sus datos

Publicar su aplicación

APRENDER VOLTAPP ▶️

Descubrir la interfaz

Los nodos

El gráfico

Las variables

Personalizar el diseño

Colocar los elementos

Ejemplos de diseño y dispositivos

Gestionar páginas

Crear contenido dinámico

Gestionar sus datos

Combinación de plantillas

https://www.youtube.com/watch?v=skPc-Wd_1fk

La potencia y versatilidad de Voltapp se basa en unos pocos conceptos que debes entender para crear una aplicación.

Nodos para todo

Voltapp permite crear aplicaciones de forma modular combinando lo que se denomina nodos. Los nodos son elementos hiperpersonalizables que componen una aplicación, como un texto, un botón, un vídeo o incluso una conexión a una base de datos Airtable (servicio de almacenamiento de datos en tiempo real).

Cuando seleccionas un nodo en el árbol del proyecto, puedes editar toda una lista de atributos a la derecha en el inspector para personalizarlo como quieras.

En este ejemplo, modificamos el contenido del texto y su tamaño cambiando los valores de sus atributos.

En este ejemplo, modificamos el contenido del texto y su tamaño cambiando los valores de sus atributos.

La estructura de árbol

Dentro de un proyecto los nodos se organizan en una estructura de árbol con el nodo "App" como nodo base. En otras palabras, todos los nodos son descendientes de App y pueden (o no) tener ellos mismos nodos hijos.

Es posible reorganizar el árbol de nodos arrastrando y soltando.

En este ejemplo, tomamos el nodo Text hijo de App y lo movemos a Section para que se convierta en uno de sus nodos hijos.

En este ejemplo, tomamos el nodo Text hijo de App y lo movemos a Section para que se convierta en uno de sus nodos hijos.

Añadir nodos

Para añadir un nodo, puede utilizar el panel Nodos, accesible desde la barra de herramientas. Contiene todos los nodos disponibles en Voltapp y sus descripciones. Para añadir un nodo puede utilizar el botón de inserción o simplemente arrastrarlo a la ubicación deseada desde la barra de herramientas:

https://i.gyazo.com/e85a98d384d548ce5a0a0fce28112071.gif

Tipos de nodos

Voltapp ofrece diferentes tipos de nodos clasificados según un código de colores correspondiente:

Tenga en cuenta que Voltapp está en constante evolución y que se añaden nuevos nodos con regularidad. Si echa en falta algún nodo o tiene alguna sugerencia, no dude en comunicárnoslo.