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

PontoCanal disponibiliza curso gratuito de Bootstrap 3

Share this on WhatsAppAprenda tudo sobre Bootstrap 3 Bootstrap é um framework front-end de código aberto (opensource) que foi desenvolvido pela equipe do Twitter. Este framework é compatível com HTML5

Outros 0 Comments

Comandos secretos do Google

Share this on WhatsAppConheça comandos secretos do Google para melhorar sua pesquisa Hoje resolvi compartilhar com vocês algo diferente, irei compartilhar alguns comandos secretos do buscador do Google. Sabemos que todo

Banco de dados 1Comments

Como gerenciar bancos de dados Sql Server no Visual Studio 2017

Share this on WhatsAppE ai pessoal, tudo certo com vocês? Bom espero que sim! Semana passada eu trouxe uma vídeo aula bem interessante de como trabalhar com MongoDb no C#,

0 Comments

No Comments Yet!

You can be first to comment this post!

Leave a Reply