A platform that works for you, not against you

Crear aplicaciones web no es nada fácil, ¿verdad? Por suerte, algunos expertos están mejorando la plataforma subyacente (central) para facilitar las cosas. Estas mejoras incluyen la incorporación de elementos a ECMAScript (el lenguaje de JavaScript), la presentación de formas de interactuar con el modelo DOM e, incluso, viejos amigos como XMLHttpRequest y <input type="file">. A continuación te mostramos algunos ejemplos:

• Conjuntos escritos de JavaScript
• Nuevos selectores: querySelector(), querySelectorAll(), matchesSelector()
• Atributos Custom data-*: Element.dataset
• Element.classList
• XMLHttpRequest2
• Observadores de mutaciones
• Menús contextuales
• Web Intents

Estas incorporaciones facilitan la creación de aplicaciones, permiten delegar más trabajo en el navegador y reducen el espacio ocupado (por ejemplo, al eliminar la necesidad de utilizar bibliotecas que desempeñan las mismas funciones).

Con API más inteligentes, se pueden crear aplicaciones más inteligentes

La plataforma incluye API que te proporcionan más información sobre lo que ocurre en tu aplicación. Esas API te permiten tomar mejores decisiones para tu aplicación, ahorrar batería/CPU y crear una mejor experiencia para el usuario.

• Animaciones más inteligentes: window.requestAnimationFrame()
• Detección de dimensiones: window.matchMedia() y consultas de medios de CSS
• API de History
• API de visibilidad de páginas
• eventos online/sin conexión
• Controladores personalizados de protocolos/contenido

Demos

Resources

• Using the Page Visibility API Información sobre el uso del API de visibilidad de páginas
• Web Developer's Guide to Prerendering in Chrome Cómo utilizar el atributo rel='prerender' para el procesamiento previo de contenido en una pestaña en segundo plano
• Online and offline events documentation Referencia de MDN sobre eventos online/sin conexión
• JavaScript Typed Arrays documentation Referencia de MDN sobre conjuntos escritos de JavaScript
• requestAnimationFrame() documentation Referencia de MDN sobre window.requestAnimationFrame()
• HTML5 History API documentation Referencia de MDN sobre el API de window.history
• Web-based protocol handlers Documentación de MDN sobre navigator.registerProtocolHandler()
• Web-based content handlers Documentación de MDN sobre navigator.registerContentHandler()
• Web Intents Permite que las aplicaciones registren los intentos de gestión de acciones comunes de los usuarios.
• Using XMLHttpRequest2 Referencia de MDN sobre el uso de funciones en XMLHttpRequest2
• Cross-Origin Resource Sharing specification