Varios Tips para los que empiezan
Quote from Palamar on January 21, 2021, 1:21 amHola gente, he visto varias dudas acerca de las mismas cosas en el foro así que he decidido escribir un post con algunas cosas que me han sido de ayuda con relación al aprendizaje en VisualNeoWeb. Espero sean de ayuda para ustedes también.
VisualNeoWeb se basa en BootStrap
Por lo que hay que conocerlo bien. Conociendo los componentes y clases (css) podemos no solo realizar Webs Responsivas como la de mis plugins (http://visualneoplugins.com.ar) sino que podemos incluir muchos componentes no definidos en VisualNeoWeb. Por lo que la web que pongo a continuación es indispensable, todas los elementos (objetos en VisualNeo) pueden ser copiados y pegados directamente en un Container por ejemplo.
https://getbootstrap.com/docs/5.0/getting-started/introduction/
VisualNeoWeb combina 4 lenguajes
Uno es el Script propio, otro es uno de maquetación (HTML), otro Javascript y el último PHP. El primero es uno de los que más utilizaremos, el segundo es Javascript que podemos incluirlo en cualquier parte mediante las acciones:
beginjs Nuestro código JS endjsJavascript permite introducir acciones que no existen en VisualNeoWeb y de hecho es el lenguaje que permite convertir las mismas a plugin (todos los plugins de VisualNeo están realizados en JS). Para traer o enviar un resultado desde Javascript simplemente tenemos que anteponer $App. a cualquier variable dentro del BeginJs. Miremos el ejemplo de la ayuda:
SetVar [myvar] "Hola!" BeginJS alert($App.myvar); EndJSCon esto estaremos mostrando una alerta de Javascript pero con una variable definida desde VisualNeoWeb. Además de esto Visualneo permite crear Subrutinas de Javascript desde la Biblioteca de Subrutinas. Si creamos una de Javascript podemos llamarla desde cualquier parte del programa simplemente mencionándola (al igual que las rutinas nativas).
El otro lenguaje es HTML. Tenemos que pensar que cuando armamos una App en VisualNeoWeb el mismo por detrás (Backend) crea una maquetación Html. Esto te da la libertad de elegir cualquier código Html y pegarlo en un Container y utilizarlo en tu app!.
El último pero no menos importante es el que comunica VisualNeoWeb con el exterior: PHP. Si bien puede utilizarse código dentro de Containers, su uso más frecuente es en Archivos que acompañan nuestra App. Ten en cuenta que para manejar Bases de datos necesitaremos que los archivos PHP se encuentren junto a nuestro INDEX. Los archivos son configurables (principalmente en config.php en el que deberás incluir las consultas y datos para enlazar la Base de datos). El manejo de SQLLite en la parte de archivos es similar a SQL. Aquí un video que lo explica muy claro:
https://www.youtube.com/watch?v=jIAN5B2dSl0
Hay que conocer algo de CSS
Si bien no es extremadamente importante, sí que ayuda conocer CSS ya que VisualNeoWeb permite utilizarlo en la parte de Propiedades de la Aplicación > Estilos. Todo lo que pongamos ahí va a variar toda la app en masa. Podemos modificar cada componente por separado pero es mucho más cómodo emplear clases CSS y adjuntarlas en los objetos. Podemos unir clases en el objeto para darle diferentes estilos y ciertos comportamientos simplemente separándolo con un espacio. Por ejemplo en las propiedades del objeto >Avanzado>Clase Css podemos escribir: Clase1 Clase2. Utilizar clases es una de las mejores formas que he encontrado para hacer Apps responsivas (Vean las clases de Bootstrap)
VisualNeoWeb solo compila sitios Web y PWA
Creando una PWA podemos pasarnos por https://www.pwabuilder.com/ y crear con cierta sencillez una App para Android por ejemplo. Para crear una PWA desde VisualNeoWeb pueden ver el tutorial de compilación:
https://www.youtube.com/watch?v=JOR4KUiMzIU
También podemos utilizar el AndroidStudio y la SDK de Android pero es un poco más complicado y aún no hay desarrollado un tutorial. Yo lo he probado y las App funcionan excelente.
Es importante tener ambos archivos en cuenta a la hora de la creación: manifest.json y package.json. Dichos archivos nos servirán a la hora de crear un APK o utilizarlos con NW (Explicado a continuación)
Es importante entender que VisualNeoWeb no compila App para escritorio, para eso esta VisualNeoWin, pero sí que podemos emplear la ayuda de NW.js que permite a través de un navegador embebido meter nuestra app en un exe. Acá encontré un tuto que explica un poco más:
https://medium.com/@Andarms/creando-aplicaciones-de-escritorio-con-tecnologia-web-nw-js-8c97a0f2c87f
En la medida que pueda iré agregando cosas a este post. Si hay algún error hacérmelo saber para corregirlo, gracias!
Hola gente, he visto varias dudas acerca de las mismas cosas en el foro así que he decidido escribir un post con algunas cosas que me han sido de ayuda con relación al aprendizaje en VisualNeoWeb. Espero sean de ayuda para ustedes también.
VisualNeoWeb se basa en BootStrap
Por lo que hay que conocerlo bien. Conociendo los componentes y clases (css) podemos no solo realizar Webs Responsivas como la de mis plugins (http://visualneoplugins.com.ar) sino que podemos incluir muchos componentes no definidos en VisualNeoWeb. Por lo que la web que pongo a continuación es indispensable, todas los elementos (objetos en VisualNeo) pueden ser copiados y pegados directamente en un Container por ejemplo.
https://getbootstrap.com/docs/5.0/getting-started/introduction/
VisualNeoWeb combina 4 lenguajes
Uno es el Script propio, otro es uno de maquetación (HTML), otro Javascript y el último PHP. El primero es uno de los que más utilizaremos, el segundo es Javascript que podemos incluirlo en cualquier parte mediante las acciones:
beginjs Nuestro código JS endjs
Javascript permite introducir acciones que no existen en VisualNeoWeb y de hecho es el lenguaje que permite convertir las mismas a plugin (todos los plugins de VisualNeo están realizados en JS). Para traer o enviar un resultado desde Javascript simplemente tenemos que anteponer $App. a cualquier variable dentro del BeginJs. Miremos el ejemplo de la ayuda:
SetVar [myvar] "Hola!" BeginJS alert($App.myvar); EndJS
Con esto estaremos mostrando una alerta de Javascript pero con una variable definida desde VisualNeoWeb. Además de esto Visualneo permite crear Subrutinas de Javascript desde la Biblioteca de Subrutinas. Si creamos una de Javascript podemos llamarla desde cualquier parte del programa simplemente mencionándola (al igual que las rutinas nativas).
El otro lenguaje es HTML. Tenemos que pensar que cuando armamos una App en VisualNeoWeb el mismo por detrás (Backend) crea una maquetación Html. Esto te da la libertad de elegir cualquier código Html y pegarlo en un Container y utilizarlo en tu app!.
El último pero no menos importante es el que comunica VisualNeoWeb con el exterior: PHP. Si bien puede utilizarse código dentro de Containers, su uso más frecuente es en Archivos que acompañan nuestra App. Ten en cuenta que para manejar Bases de datos necesitaremos que los archivos PHP se encuentren junto a nuestro INDEX. Los archivos son configurables (principalmente en config.php en el que deberás incluir las consultas y datos para enlazar la Base de datos). El manejo de SQLLite en la parte de archivos es similar a SQL. Aquí un video que lo explica muy claro:
https://www.youtube.com/watch?v=jIAN5B2dSl0
Hay que conocer algo de CSS
Si bien no es extremadamente importante, sí que ayuda conocer CSS ya que VisualNeoWeb permite utilizarlo en la parte de Propiedades de la Aplicación > Estilos. Todo lo que pongamos ahí va a variar toda la app en masa. Podemos modificar cada componente por separado pero es mucho más cómodo emplear clases CSS y adjuntarlas en los objetos. Podemos unir clases en el objeto para darle diferentes estilos y ciertos comportamientos simplemente separándolo con un espacio. Por ejemplo en las propiedades del objeto >Avanzado>Clase Css podemos escribir: Clase1 Clase2. Utilizar clases es una de las mejores formas que he encontrado para hacer Apps responsivas (Vean las clases de Bootstrap)
VisualNeoWeb solo compila sitios Web y PWA
Creando una PWA podemos pasarnos por https://www.pwabuilder.com/ y crear con cierta sencillez una App para Android por ejemplo. Para crear una PWA desde VisualNeoWeb pueden ver el tutorial de compilación:
https://www.youtube.com/watch?v=JOR4KUiMzIU
También podemos utilizar el AndroidStudio y la SDK de Android pero es un poco más complicado y aún no hay desarrollado un tutorial. Yo lo he probado y las App funcionan excelente.
Es importante tener ambos archivos en cuenta a la hora de la creación: manifest.json y package.json. Dichos archivos nos servirán a la hora de crear un APK o utilizarlos con NW (Explicado a continuación)
Es importante entender que VisualNeoWeb no compila App para escritorio, para eso esta VisualNeoWin, pero sí que podemos emplear la ayuda de NW.js que permite a través de un navegador embebido meter nuestra app en un exe. Acá encontré un tuto que explica un poco más:
https://medium.com/@Andarms/creando-aplicaciones-de-escritorio-con-tecnologia-web-nw-js-8c97a0f2c87f
En la medida que pueda iré agregando cosas a este post. Si hay algún error hacérmelo saber para corregirlo, gracias!
Quote from luishp on January 21, 2021, 8:25 amMuchas gracias @palamar!!
Pero voy a añadir alguna cosa más :)
Además de los mencionados lenguajes, VisualNEO WEb incluye AngularJS, el FrameWork que permite por ejemplo que al poner [mivariable] dentro de nuestra aplicación veamos el valor guardado en esa variable. En la sección de Tips and Tricks incluí algunos trucos muy interesantes y fáciles para incluir directivas AngularJS en nuestras aplicaciones y multiplicar sus posibilidades.
Otra cosa que me parece importante señalar es que no es necesario conocer todas estas tecnologías para trabajar con VisualNEO Web. Siempre digo que es un poco como aprender un idioma: no necesitas conocer todas las palabras y frases hechas para poder comunicarte, bastan unas pocas palabras para poder empezar a hacerlo.
Aquí es igual: en una tarde puedes hacer tu primera aplicación :)
Eso si, VisualNEO Web es casi infinito y podrás seguir aprendiendo desarrollo web a mucha más velocidad que con cualquier otra herramienta. Si ya eres un experto, es posible hacer aplicaciones profesionales muy rapidamente y en un entorno muy cómodo que puedes hacer crecer a tu medida incluyendo todas las librerías que necesites.
¿Puedo utilizar NodeJS o cualquier otro lenguaje de servidor en lugar de PHP? Si
¿Puedo utilizar tecnologías como React? SiVisualNEO Web es una magnífica puerta de entrada y un atajo al desarrollo web profesional. Una buena parte de los proyectos que desarrollamos en SinLios están hechos con este software y puede resultar extremadamente rentable.
Y si estás pensando en aprender a utilizarlo, este foro está repleto de increíbles personas dispuestas a ayudarte :)
Muchas gracias @palamar!!
Pero voy a añadir alguna cosa más :)
Además de los mencionados lenguajes, VisualNEO WEb incluye AngularJS, el FrameWork que permite por ejemplo que al poner [mivariable] dentro de nuestra aplicación veamos el valor guardado en esa variable. En la sección de Tips and Tricks incluí algunos trucos muy interesantes y fáciles para incluir directivas AngularJS en nuestras aplicaciones y multiplicar sus posibilidades.
Otra cosa que me parece importante señalar es que no es necesario conocer todas estas tecnologías para trabajar con VisualNEO Web. Siempre digo que es un poco como aprender un idioma: no necesitas conocer todas las palabras y frases hechas para poder comunicarte, bastan unas pocas palabras para poder empezar a hacerlo.
Aquí es igual: en una tarde puedes hacer tu primera aplicación :)
Eso si, VisualNEO Web es casi infinito y podrás seguir aprendiendo desarrollo web a mucha más velocidad que con cualquier otra herramienta. Si ya eres un experto, es posible hacer aplicaciones profesionales muy rapidamente y en un entorno muy cómodo que puedes hacer crecer a tu medida incluyendo todas las librerías que necesites.
¿Puedo utilizar NodeJS o cualquier otro lenguaje de servidor en lugar de PHP? Si
¿Puedo utilizar tecnologías como React? Si
VisualNEO Web es una magnífica puerta de entrada y un atajo al desarrollo web profesional. Una buena parte de los proyectos que desarrollamos en SinLios están hechos con este software y puede resultar extremadamente rentable.
Y si estás pensando en aprender a utilizarlo, este foro está repleto de increíbles personas dispuestas a ayudarte :)
Quote from Palamar on January 21, 2021, 6:51 pmSin ninguna duda @luishp, VisualNeoWeb es una herramienta fantástica y muy rápida para construir aplicaciones Web. Estaría bueno, con tu permiso , dejar este post para comentar cosas básicas (de inicio) como las que mencioné y las que mencionaste para todos aquellos que empiezan y están un poco perdidos . E invitar a los que más saben a aportar también!. Saludos!
Sin ninguna duda @luishp, VisualNeoWeb es una herramienta fantástica y muy rápida para construir aplicaciones Web. Estaría bueno, con tu permiso , dejar este post para comentar cosas básicas (de inicio) como las que mencioné y las que mencionaste para todos aquellos que empiezan y están un poco perdidos . E invitar a los que más saben a aportar también!. Saludos!
Quote from rrey on January 21, 2021, 9:26 pmMuchas gracias @palmar y @luishp por estos tutoriales. Os agradezco mucho todas estas informaciones.
Muchas gracias @palmar y @luishp por estos tutoriales. Os agradezco mucho todas estas informaciones.