Logomarca Downs Master

Notificações estilo facebook usando objeto Notification

12/02/2016 Javascript 3131

Nesta vídeo aula vou mostrar como criar uma função para emitir notificações em navegadores que suportem o objeto Notification. Esse objeto esta presente nos navegadores mais recentes como o chrome, safari, opera, mozilla e afins.


Espero que gostem. Repositório com o código da aula

Comentários

carlos disse:

fiz uns testes rápido aqui e verifiquei que toda vez que atualiza ele informa.. é isso mesmo:ou seria só quando uma coisa fosse mais recente que a outra?

Lucas Silva disse:

QUANDO vc quer as notificações é vc que tem que definir. Se vc simplesmente abrir a pagina com a função sendo chamada, ele vai sempre lançar a notificação. Óbvio!

Juliane disse:

Ótimo tutorial, não sabia desta função!

Lucas Silva disse:

Vivendo e aprendendo :)

Maneco Panguila Salvador disse:

QUERO O CODIGO FONTE DE VIDEOAULA ESTILO FACEBOOK

Lucas Silva disse:

Ta tudo no meu github!

Edy Silva disse:

Muito bom esse vídeo! Parabéns!!!

Jon disse:

Parabéns pelo conteúdo das vídeo aulas, seria possível ensinar como faz um push notification do site? Toda vez que tiver um conteúdo novo a notificação chega pelo chrome ou firefox? Encontrei material sobre mas apenas em inglês.

Lucas Silva disse:

Se puder me passar o link ficaria grato. Particularmente não sei fazer.

ROBSON SANTANA disse:

OLÁ! SOU ESTUDANTE E JÁ FIZ VARIOS CURSOS COM DIVERSOS CONTEUDOS E NO MOMENTO ESTOU CONCLUINDO O CURSO Desenvolvendo sites profissionais - volume 1. ESTE CURSO É DE SUA AUTORIA E EU TE PARABENIZO E AGRADEÇO PELO CONHECIMENTO PASSADO GRATUITAMENTE. NÃO SEI SE TEM SUPORTE MAIS ESTOU TENDO UM PROBLEMA NO MENU (LINK NOTICIAS). O SUB MENU APARECE POR TRAZ DA IMAGEM. CASO O SENHOR POSSA ME AJUDAR POIS JÁ FIZ REVISSÃO E NÃO ENCONTREI ERRO DE ACORDO COM AS AULAS DO VIDEO. COMO AINDA NÃO TENHO CONHECIMENTO BASTANTE PARA RESOLVER ESTE BUG EU LHE RECORRO PEDINDO O SEU AUXILIO. JÁ POSTEI O PROJETO QUE ESTÁ SENDO CONSTRUIDO E PARA ACESSAR CLIQUE NO LINK http://portserviceunisind.com.br/unisind/A_SITE/index.php

Lucas Silva disse:

Pra resolver isso você tem que ir no #menu li ul e por z-index:9999; Abraço.

ROBSONSANTANA disse:

JÁ CONCLUI A SUA SUA ORIENTAÇÃO E ESTÁ OK. MAIS UMA DUVIDA QUE VOU PERGUNTAR. ESTE RECURSO SERVE PARA IMAGENS E OUTRAS EXTENSSÕES.

Lucas Silva disse:

Depende... o z-index só funciona com elementos absolutos e relativos. Ele determina "camadas" em que cada elemento deve ficar.. no exemplo que eu te mandei eu coloquei a camada 9999 pra ser a camada do ul do seu submenu, isso faz com que ele fique acima de todo e qualquer elemento da pagina.

Talysson disse:

Ótimo videos. Parabéns. Gostaria de da uma sugestão e gostaria muito que aceitasse. A sugestão é de fazer um video tutorial ensinando fazer um playlist de video. Tipo um sistema EAD, recuperando o video de um banco de dados. Desde de já obrigado Lucas.

Lucas Silva disse:

Olá Talysson.. a MUITO TEMPO ATRAS eu fiz algo do tipo com videos do youtube.. acho que tem os videos la no meu canal!

ROBSON SANTANA disse:

BOM DIA! PROFESSOR LUCAS SILVA EU ENVIEI UM COMENTÁRIO ANTERIOR QUE NÃO TINHA CONDIÇÕES DE RESOLVER O (BUG) OU SEJA OS ERROS QUE ESTAVAM APRESENTADO QUANDO POSTEI NO SERVIDOR ONLINE O DESENVOLVIMENTO DO CURSO. MAS RESOLVI ANALISAR ENTENDER E TENTAR CORRIGIR COM O POUCO CONHECIMENTO QUE ADQUIRI NESTE CURSO E EM OUTROS QUE JÁ CONCLUI. COMO SEMPRE EXISTE ATUALIZAÇÕES NAS ESTRUTURAS DA PROGRAMAÇÃO QUANDO ACABO UM CURSO JÁ EXISTE OUTROS MAIS AVANÇADOS COMO ESTE QUE O SENHOR MINISTRA. PORTANTO EU JÁ CONSEGUI CONSERTAR OS ERROS APRESENTADOS ANTERIORMENTE NA MINHA SOLICITAÇÃO DE AJUDA O LINK PARA QUE O SENHOR POSSA ACESSAR E CONFERIR SEGUE AQUI http://portserviceunisind.com.br/unisind/SITE/index.php# MAIS UMA VEZ VOU AGRADECER PELO GRANDE CONHECIMENTO QUE SEU CURSO GRATUITO ESTÁ ME PROPORCIONANDO.

Lucas Silva disse:

Que bom que gostou Robson... :) A propósito, comentários referente aos cursos peço que deixe lá no EAD pra que o pessoal que tiver as mesmas duvidas possam ver e consultar! Abraço.