A platform that works for you, not against you

Não é trabalhoso construir aplicativos da web? Felizmente, pessoas inteligentes estão melhorando a plataforma subjacente (core) para facilitar nossa vida. Essas melhorias incluem adições a ECMAScript (a linguagem JavaScript), maneiras de interagir com o DOM e mesmo com velhos amigos como XMLHttpRequest e <input type="file">. Estes são apenas alguns:

• JavaScript Matrizes com tipos
• Novos seletores: querySelector(), querySelectorAll(), matchesSelector()
• Dados personalizados-* atributos: Element.dataset
• Element.classList
• XMLHttpRequest2
• Mutation Observers
• Menus de contexto
• Web Intents

Essas adições tornam os aplicativos mais fáceis de construir, atribuem mais trabalho para o navegador e reduzem sua pegada (por exemplo, eliminando a necessidade de bibliotecas que lidam com a mesma funcionalidade).

Com APIs mais inteligentes, podemos construir aplicativos mais inteligentes

A plataforma inclui APIs que possibilitam maior conhecimento sobre o que está acontecendo em seu aplicativo. Essas APIs permitem fazer escolhas mais inteligentes em seu aplicativo, economizar bateria/CPU e criar uma melhor experiência de usuário.

• Animações mais inteligentes: window.requestAnimationFrame()
• Detecção de fator de formulário: window.matchMedia() e consultas de mídia CSS.
• API de histórico
• API de visibilidade da página
• eventos on-line/off-line
• Protocolo personalizado/gerenciadores de conteúdo

Demos

Resources

• Using the Page Visibility API White paper sobre o uso da API de visibilidade da página.
• Web Developer's Guide to Prerendering in Chrome Como usar o atributo rel='prerender' para pré-renderizar o conteúdo em uma guia em segundo plano.
• Online and offline events documentation Referência da MDN sobre eventos on-line/off-line.
• JavaScript Typed Arrays documentation Referência da MDN sobre window.requestAnimationFrame()
• requestAnimationFrame() documentation Referência da MDN sobre window.requestAnimationFrame()
• HTML5 History API documentation Referência da MDN sobre a API window.history.
• Web-based protocol handlers Documentação da MDN sobre navigator.registerProtocolHandler().
• Web-based content handlers Documentação da MDN sobre navigator.registerContentHandler().
• Web Intents Permite que aplicativos registrem a intenção de lidar com ações do usuário comuns.
• Using XMLHttpRequest2 Referência da MDN sobre o uso de recursos em XMLHttpRequest2.
• Cross-Origin Resource Sharing specification