Curso
JavaScript: Gerando uma ação durante inatividade do usuário
Neste curso 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 período de inatividade do usuário.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
6 horas
Curso de JavaScript (6 aulas)
Aula 1 - Introdução
Neste vídeo discutiremos os motivos pelos quais a Page Visibility API foi concebida, sua aplicabilidade e limitações.
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.
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.
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.
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.
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.
Veja outros cursos de JavaScript
JavaScript: Input
JavaScript: Aplicação em camadas
JavaScript: Objeto Literal e coleção de objetos