Uno de los grandes avances en HTML5 es que el concepto WebApp se lleva a un nuevo concepto, aunque con la llegada de Ajax a nuestros navegadores (allá por el 2005) comenzaba un nuevo paradigma en el desarrollo web ha sido HTML5 el que ha conseguido afincar el concepto. Gracias al tripartito HTML5+CSS3+JavaScript podemos crear aplicaciones totalmente funcionales, robustas y con una UI que nada tiene que envidiar a los desarrollos nativos.
Estos últimos años vamos viendo como están apareciendo frameworks específicos para crear webapps móviles, las más conocidas tal vez sean Sencha y jQuery Mobile; aunque existen muchisimos mas como son: jQtouch, XUI, Kendo, Jq.Mobi… El gran problema de estos frameworks es que estan basados en librerias “desktop” (por lo que la performance no es la optima) asi como no ofrecen todas las características HTML5, desaprovechando muchas de las capacidades que nos da esta tecnología. Su premisa es crear aplicaciones para el mayor numero dispositivos móviles, pecando en un pobre rendimiento asi como en una mayor complejidad en el desarrollo.
LungoJS ofrece otro planteamiento, tal vez roza el talibanismo HTML5 pero siendo siempre pragmático… está creado por y para los smartphones actuales que soporten HTML5 (iOS, Android, Blackberry 6+... y pronto Windows Phone). Con esto conseguimos generar proyectos totalmente optimizados, de un rendimiento superior al resto de frameworks y con una semantica que da valor al documento sin tener que crear estructuras complejas.
En este capítulo conoceremos una de las características de LungoJS, el “easy prototype” o lo facil que es crear prototipos sin introducir ninguna linea de código JavaScript. Unicamente con la semantica del documento html y con la aplicación de comportamientos en los elementos podemos crear lo que puede ser la estructura general de nuestra aplicación.
Como podemos ver es muy fácil crear una estructura visual de nuestra aplicación, podemos estar frente al cliente trabajando en el prototipo y realizando los cambios en tiempo real de una forma agil y sencilla; esa es una de las premisas en LungoJS y tal vez la cita de Steve Jobs “La sencillez es la máxima sofisticación” le venga como anillo al dedo. En el próximo screencast empezarémos a construir lo que va a ser el CORE de nuestra aplicación y todo ello gracias a la API JavaScript que nos provee LungoJS, donde veremos caracteristicas como: offline, websql, templates, databinding, services… Bienvenidos a LungoJS, bienvenidos a una nueva forma de desarrollar WebApps.
Javi Jiménez es el CEO y Lider Creativo de Tapquo, empresa especializada en desarrollo móvil HTML5 y creadora de nuevas experiencias en movilidad.
Evangelista de los estándares WEB, enamorado empedernido de JavaScript y autor del framework LungoJS y de la libreria QuoJS
Puedes seguirlo en Twitter: @soyjavi
Más información | LungoJS
Comentarios
Me encanta LungoJS! Sigo los avances del proyecto desde la primera publicación aquí en GenbetaDev. Los primeros screencasts (ya retirados) estaban muy bien, pero este es tremendo! Y para hacerse una idea del potencial solo tenemos que bajarlo y probar la aplicación kitchen-sink del repositorio git. Gracias por este super-trabajo Javi!
Con ganas estaba ya de ver algún tutorial de LungoJS después de leer la entrevista que te hicieron aquí! Y felicidades por tu primer post ;)
Con LungoJS me estoy iniciando en este mundillo y partiendo desde prácticamente 0. Felicidades a @soyJavi y gracias por facilitarnos el aprendizaje con los screencast.
A mi también me gusta mucho LungoJS y estoy impaciente para ver más screencasts como éste :D Aunque de momento estoy desarrollando en jQueryMobile + PhoneGap.
Sólo tengo una pequeña pega y son los checboxes y los radio buttons por defecto. No los veo prácticos o "user-friendly". Son muy aparatosos además. Yo los pondría más "clásicos" y en todo caso poderlos cambiar mediante una clase.
Adelante Javi con ese fantástico proyecto!
interesante
Sigo con atención la evolución de LungoJS, pero a mi no me interesa ver vídeos de 36 minutos. Entiendo que a otros lectores pueda interesarles, por ello, no sugiero suprimirlos sino que se desarrolle un poquito en el artículo el contenido del mismo. ¡Ánimo y gracias!
Anda, Jose Juan, por una vez no estoy de acuerdo contigo (alguna vez tenía que ser). Me he tragado el vídeo entero y debo decir que me ha encantado, tanto por su "rapidez" en mostrar los resultados de las diferentes opciones (manejo bueno y rápido del copy-paste, aunque aún se puede mejorar sin usar tanto el ratón) como por haber comprimido en 36 minutos un ejemplo bastante completo.
De haberlo tenido que leer, sin ver los resultados (salvo que codificara yo mismo el texto) no habría sido lo mismo.
Ya lo tenía enfocado, pero ahora tras verlo en acción me ha encantado.
Aclaro que LungoJS sí me interesa, lo que no me interesa es el vídeo. Llevo ya mucho tiempo tropezándome con vídeos técnicos y la experiencia me dice que a mí me es muchísimo más productivo un artículo escrito.
La mayor productividad no se debe sólo a que en 36 minutos uno lee entre 3 y 7 artículos. Además, cuando ves un vídeo, tu atención mental es mucho menor que cuando lees. También hay otras ventajas como que puedes paginar más rápido por el contenido, puedes buscar en el texto, etc...
De todos modos, espero que la petición no haya ofendido a nadie, por supuesto no es mi intención. Máxime sabiendo el esfuerzo que lleva hacer los vídeos.
---------- "alguna vez tenía que ser"
XD XD me alegro Eagle, no sólo no me importa que me indiquen cuando estoy equivocado, sino que lo agradezco (otra cosa es que yo sea "algo" cabezón XD XD).
Ten encuenta que esto es una introducción al prototipaje, si lo dividiría en artículos daría para muchisimos. Y la idea es seguir haciendo screencasts que contengan mas funcionalidades y caracteristicas de LungoJS.
El siguiente irá destinado al consumo de RESTful y DataBinding.
Ojo, no estoy de acuerdo en que el vídeo pueda parecer "poco útil", pero está claro que cada uno tiene sus técnicas de aprendizaje favoritas y estás en tu derecho de que a ti no te lo parezca. De hecho remarcaste muy adecuadamente "a mí", pero me pareció que lo desechabas sin darle una oportunidad.
Yo he visto también muchos videotutoriales en todo estos años y te puedo decir que éste ha sido de los "mejor hechos" que me he encontrado, por la rapidez en mostrar las cosas, sin darle mil vueltas como hacen otros, lo que le ha permitido mostrar más cosas en el mismo tiempo.
Disculpen, pero alguien sabe como hacer correr el index.html, no se en que navegador funciona bien, uso mac. Segundo, alguien sabe que editor de codigo usan en el video?
El editor es SublimeText2, en mi opinión el mejor editor que existe :). LungoJS corre correctamente en entornos desktop webkit (Safari, Chrome...).
Pero no muestra nada, cuando corro el index.html en cualquier navegador solo se ve el fondo negro, no me aparece nada de texto.
No has visto el video completo no? verdad? Recuerda que tienes que inicializar LungoJS desde app.js.
Revisate el video y verás como te falta ese paso.
Desde luego que con cosas así de bien hechas y explicadas dan ganas de meterse con esto de webapps y HTML5; yo estoy ahora por otras cosas... pero si algún día me animo ya sé por donde creo que empezaría :)
Así que gracias por todo eso y por descubrirme el tal SublimeText! Que casa tan bien (también) con la cita de Jobs que parece que framework y editor sean, en este caso, parte de la misma cosa ;)
-- editado por última vez a las 16:36
Eso es lo que me pasó a mi, que no la metí.
Obviamente, no me RTFM.
Es el sublime (y valga la redundancia) SublimeText2 http://www.sublimetext.com/2
Enhorabuena Javi, parece que Lungo marcha genial ;)
He empezado hoy a jugar con LungoJS y la verdad es que todo lo que he trasteado hasta ahora me encanta, muy personalizable, muy buen trabajo, ¡Felicidades! y esperamos más screencast
Realmente al ver el video me han entrado ganas de probarlo. Lo que más me gusta es que exprime las funcionalidad de html5 para crear la estructura de la aplicación y no tira todo el rato de javascript para montarla.
Tengo una pregunta, des de el desconocimeinto de crear webapps mobiles. Si se hace una App de este tipo luego se puede usar directamente en un navegador de escritorio? O solo se puede usar en móbiles?
Un video especialmente instructivo y excepcionalmente bien explicado. Felicidades. Y por dar una de cal y otra de arena diré que el texto del post está francamente mal escrito. Faltan comas, faltan la mayoría de las tildes, e incluso hay alguna falta gramatical. Más cuidado para otra vez en ese aspecto.
Saludos. Soy nuevo. Muy buen vídeo Javier: práctico y didáctico: al grano. Espero el siguiente... de verdad. Voy a ponerme a hacer pruebas, pues tengo en mente una aplicación. Espero que funcione y pueda subirla a la comunidad.
Me ha encantado! Tenemos intención de hacer una aplicación para entornos móviles (o multi-devices) y creo que voy a desechar el trabajo hecho con Android para meterme de lleno con vuestro framework/API.
Y espero poder ver más tutoriales de este estilo. He tardado unos días en verlo porque el tiempo me pareció excesivo, pero ahora me arrepiento de no haberlo visto el primer día.
Un trabajo fantástico!!
Una pregunta, ¿Se puede agregar una aplicación lungoJS en los markets o app stores?
Saludos
Escribir un comentario
Para hacer un comentario es necesario que te identifiques: ENTRA o conéctate con FacebookConnect