Salta al contingut principal

2013, el año de Javascript

Javascript pasó de ser el lenguaje horrible que la gente "aguantaba" a un entorno maduro de desarrollo usado en poderosos proyectos tanto en el cliente como en el servidor. Node.js, junto con su madura selección de librerías, el nuevo jQuery que abandona IE8 e inventos como Meteor.js y Backbone.js son mis proyectos favoritos para mostrar el futuro de JS



Node.js




La sorpresa del 2010 que en el 2012 se consolidó. Node inició simplemente como un entorno para programar JS fuera del navegador con un modelo asincrono basado en eventos. Evolucionó muy rápido para convertirse en un completo sistema para creación de apps del lado del server sólo usando JS.



Pero Node no vive sólo, 3 proyectos hacen de Node algo especial.






Socket.io




Socket.io es la librería de Node para hacer apps multiusuario en tiempo real. Como un chat, un juego o un sistema de notificaciones en vivo. La magia de Socket.io es que es capaz de usar técnicas oscuras como AJAX long pooling o SWF de 1px para ser compatible al 100% con cualquier navegador. Socket.io hace posible cosas como el chat de Mejorando.la o las capacidades live de Mejorando.la Plataforma.



Express.js




Express es el Django, el Ruby on Rails o el... agh... el PHP, de Node.js. Node por si sólo no es un lenguaje completo para creación de web apps. Express trae a Node cosas como URLs amigables, manejo de formularios, headers, usuarios y todas las cosas normales de un framework. Es muy ligero y directo y es el que, por ejemplo, usamos en Clabie.com.






Meteor.js




Meteor es competencia de Express, aunque pueden trabajar en conjunto. Al modificar el código de una app hecha en Meteor, puedes ver los cambios inmediatamente sin refrescar el navegador. Los datos de tu app vienen nativamente sincronizados con APIs REST (Como en la época de Flex con AS3 y Remoting) y en general es un sistema para crear todo en Javascript, liberando a HTML de muchas funciones, incluyendo la representación de datos más allá del layout.



Se entiende mejor viendo el video.



El jQuery del 2013




jQuery anunció en el "estado de jQuery 2013" que este año, al fin, se acaba el soporte a jQuery 1.9. Es decir: No más soporte a Internet Explorer 6, 7 u 8 en jQuery. Con jQuery 2.0 vendrá una librería mucho más liviana, veloz, con menos gasto de RAM y menos preocupaciones de navegadores viejos. Si en tus estadísticas ves un uso bajo de Internet Explorer 8, a cambiar.



Recuerda multiplicar el porcentaje de IE8 por el porcentaje total de IE para saber el número real, es menos de lo que crees. En Cristalab, por ejemplo, sólo el 5% de visitas usan IE6, 7 y 8 combinado . Fuck those guys .



Backbone.js y Clojure (Y Coffeescript y...)




Javascript tiene el problema de querer ser LISP vestido de C++. La capacidad de Closures de Javascript sumado a tantas cosas raras del lenguaje han escondido su potencial debido a la cantidad de código terrible. En general, por lo dificil que es hacer código reusable y correctamente orientado a objetos.



Excepto ahora, que todos están arreglado JS. Coffeescript convierte JS en Python (algo así) y ClojureScript convierte JS en LISP (algo así).



Backbone es mi favorito. Backbone.js respeta a Javascript, añadiendo una estructura lógica para crear programación orientada a objetos seria y fácil. Los datos son "modelos", que como tal pueden ser compartidos con el servidor. Cuando un "modelo" cambia ocurre un evento que puede ser conectado al server. La representación gráfica con "vistas" y estas se conectan a los eventos del "modelo". Y Backbone hace todo más fácil creando todo el código que enlaza los datos con las vistas. Hace casi innecesario a jQuery.



Y sin cambiar de sintaxis.





Javascript es el lenguaje más divertido e importante del año en la web. Si quieres ver su futuro, ya sabes por donde empezar.

Enviar comentario







via Cristalab http://www.cristalab.com/blog/2013-el-ano-de-javascript-c109307l/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clab+%28Cristalab%29

Comentaris

Entrades populars d'aquest blog

15 Tutoriales CSS3 para mejorar tus paginas web

15 Tutoriales CSS3 para mejorar tus paginas web : Les dejo una pequeña recopilación de tutoriales CSS3 que espero sean de utilidad para ustedes, intentamos hacer una recopilación bastante completa para crear impresionantes diseños web con CSS3 y aprovechar las bondades de CSS3 incluso para aplicar efectos, son un total de 15 tutoriales CSS3 gratis . Crear menu dropdown con CSS3 Crear breadcrumbs con estilo Transiciones de paginas con CSS3 Crear timeline con CSS3 y jQuery Reproductor de video con HTML5, CSS3 y jQuery Crear efecto acordion CSS3 Aplicar degradado a texto Crear texto en curva con CSS3 y jQuery Aplicar textura a texto con Magic Pill Crear slider de imagenes con CSS3 y jQuery Rotar texto con CSS3 Crear menu vertical con CSS3 Crear formulario con HTML5 y CSS3 Crear efecto de imagenes apiladas con CSS3 Aplicar estilos para imagenes con CSS3  

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows]

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows] : El actual “cuello de botella” en nuestras PCs; es decir, donde todo el rendimiento de nuestra PC llega a estancarse , es en el Disco Duro. Si bien los procesadores han evolucionado considerablemente en velocidad / rendimiento, el RAM no sólo es más económico, sino más veloz, y las tarjetas de video siguen innovando con cada generación, los discos duros han permanecido idénticos desde hace años, limitados por la física. Y es que un disco duro tradicional sólo tiene un máximo de velocidad con el que puede girar (medido en revoluciones por minuto, o RPM) que, a su vez, limita la velocidad de lectura y escritura. En pocas palabras, a pesar de que nuestras PCs pueden procesar información mucho más rápido que hace 5 años, los discos duros siguen leyendo (y escribiendo) esta información prácticamente a la misma velocidad. Esto ha cambiado con la llegada de los SSD, los Discos de Estado Sólo que no están limitados por la velo...

Cómo programar add-ons en XBMC: Un add-on más completo

Este tutorial forma parte de la serie Cómo programar un add-on de XBMC Estamos a mitad de camino de este tutorial, pero ya tienes el conocimiento necesario para hacer un add-on bastante completo. Espero que a estas alturas ya te hayas convencido de que es algo relativamente sencillo sin necesidad de saber demasiado de programación. Y ya sabes cómo obtener datos de una página HTML usando expresiones regulares, que es lo más difícil. Así que antes de entrar en la recta final vamos construir un add-on paso a paso desde cero, con el objetivo de afianzar lo que has aprendido en las entregas anteriores y de paso divertirte un poco. Te aconsejo que elijas un sitio web que te guste como fuente de vídeos, para mí he elegido hacer un add-on completo que permita ver los vídeos de Disney Junior tanto en la web oficial como en YouTube. No se trata de un add-on demasiado complejo, como podrás comprobar enseguida, pero no va a desmerecer en nada a cualquiera de los que puedes encontrar publicados en...