liquid-framework
v0.0.6
Published
Web-Liquid / Framework
Downloads
21
Maintainers
Readme
Es un nuevo framework que construye atom-source
Utiliza a liquid para la creacion de archivos JSON y Servidores Node
Tambien utilizalo en el uso de front-end y back-end puedes colaborar con plugins
Es un proyecto comunitario
Solo queremos mejorar herramientas y tratar de unir varias tecnologias para un uso mas facil y rapido
Nuevas Funciones
Motor de plantillas: .liquid sintaxis:
DOCTYPE_AUTO;
html:
/*!
Ejecutar CSS
!*/
css:
*{
margin: 0;
padding: 0;
font-family: 'Lato';
}
css;
<input type="text" name="Hola" id="input">
/*!
Este es un basico de Liquid
!*/
<button onClick={handler()}>Vista Previa</button>
<div key="output">
No hay ningun dato en {title}
</div>
/*!
Ejecutar Javascript VanillaJS
!*/
js:
document.addEventListener('input',function(){
document.getElementById('output').innerText = document.getElementById('input').value
},false);
js;
html;
```jsx
Ejecuta un archivo esto:
const Liquid = require('./../main');
// Si quieres añadir desde funciones has variables puedes con
// Declarar 2 array y seleccionarlo,
//
// Liquid.engine.setVariable(NameVariables,ValueVariables)
//
Liquid.engine.setVariable(
[
'title',
'handler',
'class_header'
],
['App Liquid',
function(){
v.alert('Hola desde Back-end')
},
'header']
);
Liquid.engine.start(
__dirname + '/components/main.liquid',
__dirname + '/dist/index.html'
);
Si todo esta bien el se creara un archivo __.html__ y tendra el respectivo codigo
Mejores cosas vendran
Implementaremos el uso de front-end con las plantillas __.liquid__
Esperamos que nos siguas y estes altanto de lo que subimos