Firefox 60 – Módulos y más

22 julio, 2018 19:44 por

Esta es una traducción del artículo original publicado en el blog de Mozilla Hacks.

Ya Firefox 60 está aquí, y continúa el desarrollo de Quantum. El poder del procesamiento paralelo de Quantum CSS ahora se encuentra disponible  en Firefox para Android,  y seguimos trabajando en WebRender, que moderniza toda la idea de lo que significa dibujar una página web. Pero no estamos aquí solo para adorar las cosas internas del navegador. Pues Firefox 60 trae un montón de mejoras para la web y algunas de ellas orientadas a los desarrolladores. Aquí vemos las más importantes:

¡Los módulos ES están aquí!

Módulos de ES en Firefox

 

El código modular no solo es una buena idea, se debe hacer por ley ¡es una gran idea! La posibilidad de separar unidades funcionales del software, permite la reutilización individual de módulos y facilita la inclusión de código de terceros.  Muchos lenguajes tienen soporte para módulos, y si estás familiarizado con NodeJS, éstos han estado disponibles desde hace tiempo mediante el uso de require en el API de  CommonJS , pero una sintaxis estandarizada se creó como parte de ES2015 (ES6).

Aunque la sintaxis para módulos de ES fue estandarizada, solo faltaba que los navegadores entendieran y descargaran dichos módulos. Esto toma un poco de tiempo adicional, pero ahora que el comportamiento de carga del navegador fue estandarizado, ha iniciado su soporte, y en este lanzamiento se ha agregado el soporte a Spidermonkey, el motor de JavaScript de Firefox. Puedes chequear la documentación en MDN, y por supuesto no te pierdas el articulo en inglés de Lin Clark’s sobre los detalles de los módulos de ES.

Mantén las cookies solo para ti

Firefox 60 soporte el atributo Same-Site cuando se establecen las cookies. Cuando se activa, el navegador no enviará las cookies junto a una petición cross-origin request al servidor, por ejemplo, cuando se descarga una imagen. Este ayuda a mitigar las vulnerabilidades de tipo Cross-Origin Request Forgery. Existe un modo “relajado”  que implementa lo anterior, además de un modo estricto que, adicionalmente no enviará las cookies al recibir conexiones. Esto previene que un sitio malicioso enlace a una página donde pueda ocurrir un comportamiento extraño cuando se envíen las cookies. Puedes leer mas sobre esto en este artículo (en inglés) del blog de Mozilla Security.

API de Autenticación Web

Es conocido desde hace tiempo, que en muchos contextos, la combinación de un usuario conocido (como una dirección de correo) y las contraseñas generadas por usuarios no son los suficientemente seguras para la autenticación. Esto ha llevado a implementar autenticación de múltiples factores (Multi-Factor Authentication en inglés), usualmente 2 factores de autenticación, el cual, adicionalmente a la contraseña, los usuarios también deben proveer información de una fuente adicional. Muchos sitios envían un mensaje SMS con un código a un dispositivo móvil, y otros aceptan códigos generados por una aplicación generadora de códigos o con un hardware construido para ello. Todo esto ha requerido que el usuario copie números de una pantalla a un campo de texto o un hardware que simule la presión de las teclas.

La API de Autenticación Web (también conocido como WebAuthn) busca eliminar la incomodidad de este proceso al permitir a un dispositivo o aplicación de autenticación de multi-factores, comunicarse directamente con el sitio. El proceso de cómo funciona esto es un poco complejo para manejarse en esta entrada, pero puedes aprender de WebAuthn en MDN o en este blog.

Un trazo de estilo

La propiedad (aún no es estándar)  text-stroke define una línea centrada horizontalmente a lo largo de los caracteres de un texto. Permite hacer efectos que no son posibles hacer solo con text-shadow. Un trazo ancho puede obstruir porciones de caracteres porque por defecto, la línea es dibujada sobre la tipografía. Esto puede ser un poco feo. Para arreglarlo, los navegadores están tomando prestado la propiedad paint-order del estándar SVG. Cuando se coloca la propiedad, los navegadores dibujarán un trazo debajo la tipografía, por ejemplo:

Es súper elegante, pero no olvides que aún no es un estándar, y siempre debes chequear que el texto es legible sin aplicar efectos. Puedes leer más en MDN y chequear la matriz de comparación.

ESR / Política de Grupos

Firefox 60 es la siguiente versión de Firefox diseñada a ser una versión de soporte extendido, mejor conocido como ESR “Extended Support Release”. Las versiones ESR están orientadas a administradores de sistemas que implementan y mantienen entornos de escritorio en organizaciones grandes. Ellas reciben actualizaciones de seguridad en sincronización con las últimas versiones de lanzamiento de Firefox, y el soporte de cada versión ESR se traslapa con la siguiente versión. El período entre estas versiones permite a las organizaciones certificar e implementar nuevas versiones ESR  antes de dejar el soporte a la versión anterior.

Firefox 60 se lanza junto a la primera encarnación del Motor de Políticas que permite a los administradores de las organizaciones configurar Firefox para todos los usuarios de su organización. En Windows,  esto se logra utilizando Windows Group Policy, y por medio de un archivo de configuración para otras plataformas. No es una funcionalidad que la mayoría de usuarios de Firefox necesite, pero si tu trabajo es administrar miles de instalaciones de Firefox, esperamos que disfrutes de esta funcionalidad.

¿Te gustaría saber más?

Como siempre,  la lista completa de cambios orientada a desarrolladores está en MDN y puedes encontrar las notas de lanzamiento aquí.

¡Sigue rockeando la web libre!

The following two tabs change content below.
Colaborador de Mozilla Venezuela e Hispano en las áreas de desarrollo y medios sociales, entre otros. También soy desarrollador Web, Skateboarder, Profesor universitario, jugador de Playstation y PC, usuario Linux, Blogger, Geek, entre otros.

Compartir artículo:

Start the discussion at foro.mozilla-hispano.org

  • ¡Participa!

    Firefox Friends »
    Agrega botones de Firefox en tu sitio web y comparte tu amor por Mozilla Firefox.
    Ayuda a otros usuarios en Twitter.
    Colabora con la comunidad »
    En Mozilla lo importante son las personas. Descubre cómo puedes colaborar.

    Boletín Firefox

    Suscríbete al boletín de novedades de Firefox.

  • Descargas

    Descarga los programas de Mozilla.

    Lo más visto

    cc-by-sa