Este documento presenta Webix, un framework JavaScript y HTML5 para el desarrollo de aplicaciones web. Incluye widgets como menús contextuales, árboles jerárquicos y un uploader. Tiene más de 47 widgets y herramientas como un constructor de skins y formularios. Proporciona ejemplos de uso como una grilla, tablas declarativas y aplicaciones reales como un carrito de compras. Aunque ofrece ventajas como desarrollo rápido y elementos predefinidos, tiene algunas desventajas como ser difícil de aprender, documentación deficiente y no ser

1. Daniel Meana Llorián David Moreno García

2. Empecemos presentándonos
Julio de 2013
Framework Javascript y HTML5
GNU GPLv3

3. Somos diferentes
Desarrollo de aplicaciones web
Declarativo

4. Requerimos
Nada en especial

5. Requerimos
excepto…
Internet Explorer 8+

6. Características

7. Nuestros widgets
Menús contextuales
Árboles jerárquicos
Uploader
Colorboard
Y algunos más

8. Nuestros widgets
47+

9. Somos amigables

10. Nuestras herramientas
Skin builder
Form builder
Code Snippet
Pivot table

11. Ejemplos

12. Grid

13. Grid
webix.ui({
type: “line”
rows: [
{ template: “Row 1”},
{ cols: [ //2nd row
{ template: “Column 1"},
{ template: “Column 2"}
]}
]
});

14. Tablas declarativas

15. Tablas declarativas
webix.ui({
view: "datatable", data: "grid_data", columns: [
{ id: "title" , fillspace: true , header: [
"Film Name", { content: "textFilter" }
]},
{ id: "rating", sort: "int", header: "Rating" }
], select: "row", navigation: true, ready: function() {
this.select(this.getFirstId());
}
})

16. Ejemplos reales
[ Carrito de una tienda ]
[ To-Do ]
[ Blog ]

17. Conclusiones

18. ¿Nos parecemos a Bootstrap?
Tenemos poco que ver
Componentes
HTML vs JS
Orientación
Webs Vistosas vs Aplicaciones Web

19. Todo son ventajas
Desarrollo rápido
Elementos predefinidos
Cross-browser
“Responsive”
Herramientas

20. Pero… seremos sinceros
Difícil de aprender
Documentación difusa y con errores
Diseño mejorable
No apto para diseño web
Caro

21. 6 / 10