JavaScript: Gerando uma ação durante inatividade do usuário
5 5 1 2
R$69.90

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.

Este conteúdo faz parte do guia:

/
Iniciar Carga Horária - 6H

CONTEÚDO DO CURSO

Aula 1

Introdução

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

Introdução

Aula 2

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 2 - MVP

Apresentação da Page Visibility API

Aula 3

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 3 - MVP

Compatibilidade entre navegadores

Aula 4

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 4 - MVP

Executando uma função durante o tempo de inatividade

Aula 5

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 5 - MVP

Exibindo uma mensagem com Bootstrap Modal

Aula 6

Simplificando a detecção de prefixos

Neste vídeo veremos como simplificar a detecção de prefixos sem a necessidade de ifs aninhados.
MVP
Aula 6 - MVP

Simplificando a detecção de prefixos

Código Fonte

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
Código Fonte - MVP

Código fonte

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.

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.

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
140 mil fãs no facebook
100 mil certificados emitidos