Python es uno de los lenguajes más utilizados en la actualidad, tanto para scripting como para desarrollo web. En éste artículo te presentamos una herramienta que vas a amar si eres un desarrollador web y te gusta el minimalismo

Qué es ECMAScript
ECMAScript es el estándar que define cómo debe de ser el lenguaje Javascript. Sin entrar en datos históricos, que puedes consultar otras fuentes como la Wikipedia sobre ECMAScript, cabe decir que es la especificación que los fabricantes deben seguir al crear intérpretes para Javascript.

Como sabes, Javascript es interpretado y procesado por multitud de plataformas, entre las que se encuentran los navegadores web, así como NodeJS y otros ámbitos más específicos como el desarrollo de aplicaciones para Windows y otros sistemas operativos. Todos los responsables de cada una de esas tecnologías se encargan de interpretar el lenguaje tal como dice el estándar ECMAScript.

Cómo son las versiones del estándar de Javascript
A lo largo de la existencia de Javascript y desde que se le encargó a ECMA el trabajo de su estandarización, han aparecido diversas versiones de Javascript con cada vez mayores funcionalidades, estructuras de control, etc. Esas son las versiones del estándar y hoy de la que nos ocupamos es de ES6, la sexta versión.

ES5 estuvo con nosotros durante muchos años y a día de hoy es la versión de Javascript más extendida en todo tipo de plataformas. Cuando alguien dice que conoce o usa Javascript es común entender que lo que usa es ES5, el Javascript con mayor índice de compatibilidad. De ésto también se entiende que, cuando queremos escribir un código compatible con todos los navegadores o sistemas, lo normal es que ese código sea ES5.

Sin embargo, hoy muchos sistemas son capaces de entender ES6, la versión del estándar ECMAScript presentada en 2015. ES6 mejora varios aspectos del lenguaje y proporciona nuevas variantes a la programación, que nos aportan distintas ventajas.

El mundo de las versiones no se queda ahí y hoy ya existen borradores de lo que será ES7, que todavía nos traerá nuevas construcciones en el lenguaje, haciéndolo más productivo y sofisticado.

Transpiladores
Conscientes de los problemas de compatibilidad o soporte a ES6 en las distintas plataformas, un desarrollador poco informado podría pensar que:

Sea poco aconsejable usar hoy ES6, debido a la falta de compatibilidad. Lo correcto sería esperar a que todos los navegadores se pongan al día para empezar a usar ES6 con todas las garantías.

Afortunadamente, ninguna de esas suposiciones se ajusta a la realidad. Primero porque si ES6 nos aporta diversas ventajas, lo aconsejable es usarlo ya. Luego porque es absurdo quedarse esperando a que todos los navegadores soporten Javascript en la versión ES6. Quizás nunca llegue ese momento de total compatibilidad o posiblemente para entonces hayan sacado nuevas versiones del lenguaje que también deberías usar.

Así que, para facilitar nuestra vida y poder comenzar a usar ES6 en cualquier proyecto, han surgido los transpiladores, una herramienta que ha venido a nuestro kit de desarrollo para quedarse.

Los transpiladores son programas capaces de traducir el código de un lenguaje para otro, o de una versión para otra. Por ejemplo, el código escrito en ES6, traducirlo a ES5. Dicho de otra manera, el código con posibles problemas de compatibilidad, hacerlo compatible con cualquier plataforma.

El transpilador es una herramienta que se usa durante la fase de desarrollo. En esa fase el programador escribe el código y el transpilador lo convierte en un proceso de "tradución/compilación = transpilación". El código transpilado, compatible, es el que realmente se distribuye o se despliega para llevar a producción. Por tanto, todo el trabajo de traducción del código se queda solo en la etapa de desarrollo y no supone una carga mayor para el sistema donde se va a ejecutar de cara al público.

Hoy tenemos transpiladores para traducir ES6 a ES5, pero también los hay para traducir de otros lenguajes a Javascript. Quizás hayas oído hablar de TypeScript, o de CoffeeScript o Flow. Son lenguajes que una vez transpilados se convierten en Javascript ES5, compatible con cualquier plataforma.

El 3 de diciembre de 2015 ha sido una fecha fundamental para la historia de PHP, un lenguaje de gran trayectoria en el mundo web. Historia porque al fin hemos podido celebrar la salida de la nueva versión del lenguaje, PHP 7.

En 2004 se presentó la primera versión de PHP 5, con lo que llevamos 11 años esperando esta evolución mayor del lenguaje. En términos de Internet todo este tiempo puede parecer una eternidad. De hecho hemos sido testigos de la aparición de otros lenguajes en el lado del backend con mucho aire fresco y muchas novedades para un mayor desempeño de las aplicaciones.

Si bien es cierto que durante la evolución de PHP 5 el lenguaje había cambiado bastante y se habían incorporado diversas novedades muy destacadas, seguíamos esperando hasta ayer una modernización que afectase seriamente al desempeño del lenguaje y la filosofía de programación. Ahora se puede decir que PHP 7 es hasta dos veces más rápido que PHP 5.6. Pero además ha reducido significativamente la cantidad de memoria que necesita para funcionar.

A la vez PHP ha madurado, ofreciendo una buena cantidad de herramientas disponibles en otros lenguajes para facilitar la vida de los programadores. Uso explícito de tipos de datos, aserts, mejor gestión de las excepciones, clases anónimas, etc. Pasando por eliminar también diversas API y extensiones que venían siendo obsoletas.

Iremos informando en DesarrolloWeb.com de las novedades del lenguaje, funcionalidades presentadas y retiradas del lenguaje, nuevas API, etc. De momento os dejamos una guía de migración que se encuentra en la propia documentación de PHP: http://php.net/manual/en/migration70.php

Desde que se empezó a extender el uso de los smartphones, se hizo evidente la necesidad de facilitar la navegación de las páginas web desde cualquier tipo de dispositivo. Durante una buena temporada, esto se ha conseguido teniendo una versión móvil de la web, lo cual implicaba tener dos versiones de la página, doble de trabajo para posicionarla, doble de trabajo para actualizarla…

El diseño web responsive, nació con la idea de simplificar el problema. ¿Y si hacemos una sola web que logre adaptarse según el dispositivo que se esté usando? Móviles, tablets, ordenadores… todos ellos tienen diferentes tamaños de pantalla, diferentes formas de navegación, diferentes resoluciones y diferentes tiempos de carga… El diseño web responsive consigue que los elementos de una página web cambien ligeramente y se adapten para facilitar la navegación desde cualquier dispositivo.

¿Por qué es importante el diseño web responsive?
Hoy en día, más del 80% de las personas, accede a Internet a través de dispositivos móviles. Eso significa que un importante segmento de las personas que visitan nuestra web a diario lo hacen desde un móvil o una tablet. Para que te hagas una idea, en Creatiburón, durante el último mes, el 25% de las visitas han sido desde tablets o smartphones. Si tu web no está preparada para adaptarse a este tipo de pantallas y su navegación táctil, al llegar a tu web, estos visitantes se frustran y abandonan la página.

Problemas de una web con diseño no responsive
Muchos clientes de primeras me piden que su web se vea igual en el móvil que en la pantalla del ordenador… Lo que en apariencia puede resultar de primeras más estético, puede provocar varios problemas que afectarán al posicionamiento de tu web, las visitas y la experiencia del usuario. Si tu web no es responsive, los internautas que se aventuren a visitarla desde un dispositivo móvil, se encontrarán con los siguientes problemas:

Carga muy lenta o imposibilidad de carga. La web tarda tanto en cargarse que es desesperante y el usuario lo abandona por imposible. Una visita perdida.
Navegación muy complicada. Los dispositivos móviles funcionan con navegación táctil y cuando navegamos desde ellos, necesitamos que los elementos de la navegación sean lo suficientemente grandes para poder hacer click en ellos sin necesidad de usar el zoom. Los menús no adaptables se convierten en auténticas pesadillas, no podemos leer lo que dicen, hacer click en el lugar adecuado con el dedo es demasiado difícil…La frustración aumenta la tasa de abandono de la web.
Imposibilidad de ver bien el contenido de las imágenes o de leer los textos. Si la web no es responsive, seguramente nos genere algún dolor de cabeza intentar descifrar el contenido de las imágenes o leer los textos, el tamaño de la letra no se adapta y las imágenes no están pensadas para verse bien a distintos tamaños, el resultado es una web poco atractiva y nada funcional si accedemos desde otro sitio que no sea un ordenador de sobremesa.
Google recomienda el diseño responsive, con lo cual no tenerlo puede afectar al posicionamiento de tu web.

¿Cómo tiene que ser un diseño responsive?
Un diseño responsive tiene que facilitar la navegación desde cualquier tipo de pantalla, teniendo en cuenta que los tamaños y resoluciones varían enormemente y que la navegación es táctil y un dedo no tiene la misma precisión que un ratón. Te voy a contar cómo se consigue que una web sea responsive:

La disposición de los elementos se adapta a la forma de la pantalla. La web se verá diferente dependiendo del dispositivo desde el que la veamos. Según vaya disminuyendo el ancho de la pantalla, los elementos cambiarán su colocación, aprovechando el ancho completo en todo momento.

web responsive
El tamaño de la letra se adapta para ser legible desde cualquier tamaño de pantalla.
Las imágenes adaptan su tamaño y son elegidas de forma que se puedan entender bien a distintos tamaños. Una imagen con detalles importantes que no se podrán apreciar en una pantalla pequeña, no será candidata para un diseño web responsive.
Elementos que tardan mucho en cargarse o que no se van a ver bien, desaparecen de la versión móvil El menú se convierte en un desplegable o aparece desde el costado de la página al hacer click. Esto permite ahorrarse el espacio que ocuparía el menú de no ser responsive, ya que sólo aparece cuando hacemos click en él. Y además permite que los elementos sean lo suficientemente grandes para facilitar la navegación táctil.

menus web responsive
Se utilizan botones de gran tamaño para facilitar la navegación táctil. Los botones de gran tamaño con dibujos, facilitan la navegación táctil y que el usuario encuentre fácilmente lo que le interesa.