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!
Next Criando Componente Accordion List com Ionic 3

About author

Paulo Rogério
Paulo Rogério 149 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

Notícias 0 Comments

Pratique algoritmos e ganhe moedas para trocar em prêmios

Share this on WhatsAppCodeFights é um um jogo online onde você testa suas habilidades de programação resolvendo diversos desafios diferentes. Como funciona O jogo te da um problema e você

Outros 2 Comments

Vídeo – Como começar a programar?

Share this on WhatsAppDicas de como começar a programar Atualmente muitas pessoas se aproximam de mim e me perguntam como faz para poder começar a programar? Bom essa é uma

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

0 Comments

No Comments Yet!

You can be first to comment this post!

Leave a Reply