curso JavaScript: Gerando uma ação durante inatividade do usuário

Nesta roda de código veremos como exibir notificações para o usuário após um tempo de inatividade na página usando a Page Visibility API com JavaScript. Identificar períodos de inatividade do usuário em páginas web pode poupar recursos, por exemplo, ao evitar que um vídeo seja exibido quando a aba está sobreposta por outra ou ainda que requisições sejam disparadas. A Page Visibility API foi introduzida para simplificar e trazer maior confiabilidade ao código escrito para identificar um certo ... Ver mais período de inatividade do usuário.

Iniciar Carga Horária No Certificado - 6H

Curso de JavaScript

Aula 1 - free

Introdução

Neste vídeo discutiremos os motivos pelos quais a Page Visibility API foi concebida, sua aplicabilidade e limitações.
free
Aula 2 - mvp

Apresentação da Page Visibility API

Neste vídeo apresentaremos a Page Visibility API, composta pelo evento visibilitychange e as propriedades document.hidden e document.visibilityState.
mvp
Aula 3 - mvp

Compatibilidade entre navegadores

Neste vídeo veremos as diferentes implementações do evento visibilitychange e da propriedade document.hidden nos principais navegadores através dos prefixos ms, moz e webkit.
mvp
Aula 4 - mvp

Executando uma função durante o tempo de inatividade

Neste vídeo introduziremos uma função que será chamada quando o evento visibilitychange for disparado. Essa função contará o tempo de inatividade do usuário, sendo cancelada quando a aba voltar a ter foco.
mvp
Aula 5 - mvp

Exibindo uma mensagem com Bootstrap Modal

Neste vídeo introduziremos o bootstrap e a jQuery ao nosso código para exibir um modal após um certo tempo de inatividade do usuário.
mvp
Aula 6 - mvp

Simplificando a detecção de prefixos

Neste vídeo veremos como simplificar a detecção de prefixos sem a necessidade de ifs aninhados.
mvp
Código Fonte - mvp

Código fonte

Nesse post você encontrará o código fonte completo da roda de código JavaScript: Gerando uma ação durante inatividade do usuárioinatividade no browser
mvp

Autor do curso

Certificado Devmedia

Todos os nossos cursos oferecem certificado com carga horária. Eles são aceitos em todas as faculdades e orgãos públicos do Brasil. Assim que finalizar um curso já emita o seu.

Suporte ao aluno em tempo real

Todos os cursos possuem professores online para ajudar em qualquer dúvida que for necessária para o completo entendimento do curso.

Avaliação do curso

Como adquirir esse curso?

Acesse esse e todos os demais cursos devmedia sendo um assinante mvp

Benefícios MVP
  • Guias de referência
  • Suporte em tempo real
  • Assista o conteúdo offline
  • Emissão de certificado
  • #JOBS - Diversas vagas de emprego
  • Web-currículo
SEJA MVP
R$ 69,90 /mês
Assine agora e tenha acesso ao curso
15 anos de treinamento online
700 mil cadastros
170 mil fãs no facebook
100 mil certificados emitidos