AS REAIS APIS DO HTML 5
a não véi em pleno século 21 tem gente que acha que HTML não tem api
ver se pode, o preconceito contra o HTML tá enraizado na sociedade tecnológica que tratam o coitado do HTML como um ... DIGA NÃO AO PRECONCEITO CONTRA AS LINGUAGENS DE HYPERTEXTO.
brincadeira a parte, já faz um tempo que o HTML 5 tem algumas apis e além disso o mesmo pode ser usado para fazer jogos para a web além de ter ótimas funções.
Uma API permite que sua solução ou serviço se comunique com outros produtos e serviços sem precisar saber como eles foram implementados. Isso simplifica o desenvolvimento de aplicações, gerando economia de tempo e dinheiro. Ao desenvolver novas ferramentas e soluções (ou ao gerenciar aquelas já existentes), as APIs oferecem a flexibilidade necessária para simplificar o design, a administração e o uso, além de fornecer oportunidades de inovação.
-redteam
geralmente as APIs são implementadas por alguma linguagem de programação mas o HTML 5 tem algumas próprias.
Lembrando que dá para implementar sim usando HTML mas não e sobre isso que se trata esse artigo, vamos as APIs ?
Page Visibility:
O Page Visibility API consegue te informar quando uma página está visível ou em foco no navegador. Por conta das abas é possível que sua aplicação trabalhe em segundo plano, ou até mesmo, pare de rodar determinada funcionalidade caso o usuário não esteja mais navegando.
Quando a página é minimizada ou aba é alterada, o evento visibilitychange informa o status de visibilidade.
document.addEventListener('visibilitychange', function () {
if (document.hidden) {
console.log('inativo');
document.getElementsByTagName('title')[0].innerHTML = 'Saiu da página';
} else {
console.log('ativo');
document.getElementsByTagName('title')[0].innerHTML = 'Olhando da página';
}
});
Um pequeno exemplo.
Device Orientation
O Device Orientation retorna as coordenadas do dispositivo. Coordenadas alpha, beta e gamma, são expostas, dependendo do posicionamento do dispositivo. Isso é bem importante para as aplicações pois os usuários estão cada vez mais acessando as aplicações de dispositivos móveis.
Esse agora quando via ficava com medo quando tava começando no hacking kkkk
Network Information
Essa é uma das APIs que quase não se tem suporte. Apesar de vir para substituir uma forma já existente de se ter acesso a informação de online ou offline da internet do usuário.
A nova API vem para trazer ainda mais informação, além do status da conexão, retornará o tipo de conexão e a velocidade dela.
EXEMPLO: connection.addEventListener('change', function (event) {
console.log('A velocidade de conexão é: '+connection.downlinkMax);
console.log('O tipo de conexão é: '+connection.type);
});
Battery Status
Battery Status é a API que retorna a informação sobre o status da bateria, se está sendo carregada, o level da bateria e o tempo de carregamento e descarregamento. Ainda não está 100% lançada, mas já é possível testar o level.
Mais uma boa interação com o usuário para avisá-lo que muito provavelmente a aplicação pode ser prejudicada por conta do desligamento do dispositivo.
Um exemplo:
navigator.getBattery().then(function(battery){
console.log('A porcentagem da bateria é '+battery.level*100+'%');
});
Seu suporte:bateria
Vibration API
API que tem acesso ao hardware de vibração do dispositivo. É bem simples de implementar, pois espara-se um valor inteiro ou array de valores inteiros, onde é intercalado em tempo de vibração e tempo de pausa de vibração.
-Pra você ver como o negócio tá avançado.
Se você quiser testar antes de usar essa api
😎
-A próxima veio para notificar sem ter problema com xss refletor.
Web Notifications
Cada vez mais as pessoas na internet são Multi-tasks e estão fazendo inúmeras coisas. O Web Notification API veio para ir além do navegador. Uma mensagem na lateral é aberta fora da página/navegador. É possível passar os parâmetros de title, body, icon, tag e dir.
Seu suporte
É claro que não apresentei aqui nesse post todas as APIs do HTML5, coloquei apenas algumas para uma demonstração do quão enorme está, e em constante evolucão.
Mas fique com uma coisa especial com essas APIs.
Comentários
Postar um comentário