LungoJS

Taller de introduccin o Antonio Castillo Lora

saeba@correo.ugr.es Twitter:kamuisaeba

27 de abril de 2012

Antonio Castillo Lora ()

LungoJS

27 de abril de 2012

1 / 11

 Indice
1 2 3 4 5 6 7 8

Introduccin o Caracter sticas Primeros pasos para empezar con lungoJs App.js event.js view.js Data.js SUGAR

Antonio Castillo Lora ()

LungoJS

27 de abril de 2012

2 / 11

Qu es? e

Denicin o lungoJs es un framework espaol y con licencia libre para la creacin de n o webApps de forma rpida y fcil a a Tecnolog usadas as

Antonio Castillo Lora ()

LungoJS

27 de abril de 2012

3 / 11

Caractersticas
Prototipado rpido de aplicaciones a html5 con funcionalidad mvil o Programacin de eventos mviles con javascript o o Programacin semntica: class = scrolled list indented etc o a cdigo .js del core muy ligero (40kB la versin 1.2 actual) o o Posibilidad de usar las utilidades de html5 como: geolocalizacin, o websql, cach, etc e Iconos tipo @font-face.. Una fuente puede ser un icono, y como tal se le puede cambiar el color, el tamao... de forma muy sencilla n Extensible con otras librerias, tanto propias como third-partys Cdigo alojado en github. Puedes verlo, y si tienes alguna propuesta, o editarla Comunidad ocial en aumento, y con el creador (@soyjavi) comentando de cuando en cuando a las dudas que surgen
Antonio Castillo Lora () LungoJS 27 de abril de 2012 4 / 11

Primeros pasos

1 2 3 4 5

bajar desde la pgina http://www.lungojs.com la versin actual a o Extraer el paquete y renombrarlo con el nombre del proyecto descomentar las l neas comentadas name: Nombre del proyecto version: versin del proyecto o

Con estos sencillos pasos ya podemos abrir el index.html desde el navegador (Debe ser compatible con html5. Recomiendo chrome, o safari) La versin trae una pequea prueba de una mini webApp Vamos a ver que o n nos da, y a hacer algunas pruebas sencillas ;) Antes que nada, decir que la estructura que existe en los proyectos es una estructura exible. Se podr a dejar todo en un solo chero .js

Antonio Castillo Lora ()

LungoJS

27 de abril de 2012

5 / 11

App.js

App.js se encarga de iniciar lungo y nuestra aplicacin. En ella podemos o indicar: nombre, versin del proyecto, secciones y templates (Esto ultimo o no lo he usado nunca de esta forma hasta el momento) Si queremos que algo se arranque al principio tambin debemos hacerlo ah Recordar que e . App.js es el primer script que se lanza y el orden, en lungojs, siempre es importante y puede darte graves quebraderos de cabeza si no lo tienes presente

Antonio Castillo Lora ()

LungoJS

27 de abril de 2012

6 / 11

events.js

Los eventos javascript son bastante importantes para nuestra app ya que tendrn toda la lgica del programa. Adems lungoJs provee eventos a o a tctiles para los mviles. Alguno de los ms usados son: a o a
1 2 3 4

tap: Al pulsar longTap: Al hacer una pulsacin larga o swipe: al arrastrar el pulsador (y sus variantes a izda y derecha) swipeUp: Evento tipo refrescar twitter

Antonio Castillo Lora ()

LungoJS

27 de abril de 2012

7 / 11

view.js

Nos sirve para mostrar las vistas. Templates, markups de listas... Todo lo que tenga que ver con lo visual y deba ser dinmico deber estar aqu a a

Antonio Castillo Lora ()

LungoJS

27 de abril de 2012

8 / 11

data.js

El modelo de nuestra base de datos (si queremos tener una). Sirve como cach oine pero tambin puede usarse como una base de datos e e propiamente dicha. El problema es que si borras la cach, has perdido los e datos de tu app. Y si son importantes, pues ya sabes que debes buscar una mejor manera de guardarlos

Antonio Castillo Lora ()

LungoJS

27 de abril de 2012

9 / 11

Sugar: endulzando a lungo

Los sugars son como bibliotecas de opciones adicionales. Actualmente existen: GMap: Da una comunicacin con los mapas de googleMaps o Talk: provee de un chat Growl: noticaciones y menus emergentes Si existe alguno ms slo tenis que mirar en la forja del proyecto. Yo he a o e usado GMap y Growl

Antonio Castillo Lora ()

LungoJS

27 de abril de 2012

10 / 11

Referencias

http://www.lungojs.com/ http://communiti.lungojs.com http://www.lungojs.com/api http://www.lungojs.com/how-to-use/ http://quojs.tapquo.com/api/ http://des.tunelko.com/lungojs-1.2/ https://koldomac.wordpress.com/app-calendario-f1/

Antonio Castillo Lora ()

LungoJS

27 de abril de 2012

11 / 11