Veja como criar notificações no Chrome através da classe Notifications!

Veja como criar notificações no Chrome através da classe Notifications!

E ai pessoal tudo beleza? Bom espero que sim! Hoje resolvi trazer um assunto voltado mais para a parte de frontend, onde iremos abordar um assunto bem interessante que são as notificações.

Acho que nesta altura do campeonato já deu para perceber a importância que uma notificação tem ao utilizarmos em nosso site.

As notificações são possíveis em nosso cenário atual, graças uma classe chamada Notifications, ela pertence a nossa API do HTML 5 e seu proposito é nos permitir exibir notificações ao usuário para eventos como novos e-mails, tweets ou eventos de calendário e também nas interações do usuário, independentemente de qual aba esteja aberta.

Bom chega de conversa e vamos observar um pouco de código!

Verifica se o browser é compatível com a API

Verifica ao carregar a página se o usuário aceitou receber notificações, caso não tenha aceito, é enviado um pedido solicitando a autorização.

Estrutura para criar uma notificação!

É possível adicionar uma ação ao clicar na notificação que é exibida para o usuário!

Para ver como tudo funciona na prática veja o vídeo abaixo:

O fonte utilizado no vídeo pode ser acessado através do meu repositório que está no github
https://github.com/pauloanalista/Usando-Notification-no-Chrome

 

 

Previous Curso de MongoDb com C# em português e gratuito!

About author

Paulo Rogério
Paulo Rogério 141 posts

Sou apaixonado por tecnologia e adoro criar aplicações desktop, web e mobile. Adoro aprender e compartilhar conhecimento, meu hobby é ajudar as pessoas.

You might also like

Outros 0 Comments

Aprenda Java Orientado a Objetos com o eXcript

Share this on WhatsAppAprenda tudo sobre orientação a objetos agora mesmo! Fala galera, peço desculpas por andar sumido aqui do blog, no momento estou trabalhando em um projeto pessoal que

Como testar seu código sem rodar a aplicação no visual studio

Share this on WhatsAppConheça 2 formas de debugar sua aplicação Hoje resolvi fazer um vídeo que irá mostrar 2 formas de testar seu código, sendo que uma delas sem rodar

Dicas 1Comments

Como programar em Python, sem saber Python!

Share this on WhatsAppComo programar em Python, sem saber Python! Esse é o meu primeiro post aqui no I Love Code. Obrigado ao Paulo pelo espaço. Muito Obrigado. Porque estou

0 Comments

No Comments Yet!

You can be first to comment this post!

Leave a Reply