Pusher
Back to all tutorials26 tutorials tagged with HTML

Re-engage offline users with notification fallbacks Part 1: Build authentication with GitHub SSO

This tutorial will teach you how to use the publish with info API extension to determine when a user is offline, and then easily fallback to notifications via Beams so that they are kept up to date and you can bring them back to your app.

JavaScript
HTML
Node.js
...

9 minute read

Follow tutorial

Re-engage offline users with notification fallbacks Part 2: Subscribe to private channels through authentication endpoints

This part of the tutorial series will teach you how to add Channels capability to your app. You will learn how to set up an authentication endpoint to run on your server that will allow your app to subscribe to a private-channel.

JavaScript
HTML
Node.js
...

6 minute read

Follow tutorial

Re-engage offline users with notification fallbacks Part 3: Receiving Beams notifications

This part of the tutorial series will teach you to re-engage users when they are not actively connected to Channels. By the end of this section you will be able to receive web push notifications by associating your GitHub User ID using Beams authenticated users.

JavaScript
HTML
Node.js
...

14 minute read

Follow tutorial

Building a Spotify-like currently playing feature: Part 1 - Building the web API

When using music streaming services like Spotify, you can see realtime technology in action when you are using multiple devices. On the other devices, you can see how much playtime has elapsed. This three-part tutorial series looks at how to integrate this feature into your application. In the first part, build the web API.

iOS
Node.js
JavaScript
...

4 minute read

Follow tutorial

Building a Spotify-like currently playing feature: Part 2 - Building the iOS player

When using music streaming services like Spotify, you can see realtime technology in action when you are using multiple devices. On the other devices, you can see how much playtime has elapsed. This three-part tutorial series looks at how to integrate this feature into your application. In the second part, add realtime functionality to a prebuilt iOS client application.

Node.js
JavaScript
iOS
...

6 minute read

Follow tutorial

Creating a server health monitoring app with Laravel

In this tutorial, create a web app for monitoring the status of your servers in realtime using Laravel. The app will offer realtime monitoring of disk, CPU and memory. You can also add custom notifications and have the server send you a text message when the CPU usage goes above a set threshold.

HTML
JavaScript
Laravel
...

21 minute read

Follow tutorial

Introduction to error handling in Angular 7: Part 4 - Rollbar

This tutorial series will introduce you to errors in Angular 7. In this final part, part four, learn about errors tracking in Angular 7 using the errorHandler class and Rollbar. Rollbar is one of the best error tracking services around for web applications.

Angular
CSS
HTML
...

7 minute read

Follow tutorial

Introduction to error handling in Angular 7: Part 3 - Sentry

This tutorial series will introduce you to errors in Angular 7. In part three, learn about errors tracking in Angular 7 using the errorHandler class and Sentry, and how to track these errors in a remote tracking environment.

Angular
CSS
HTML
...

7 minute read

Follow tutorial

Introduction to error handling in Angular 7: Part 2 - HTTP error handling

This tutorial series will introduce you to errors in JavaScript. In part two, learn about HTTP errors, how to use the `HttpClient` with RxJS error handling operators, and how to use interceptors.

Angular
CSS
HTML
...

7 minute read

Follow tutorial

A guide to lifecycle hooks in Angular

Angular is a TypeScript framework which empowers developers to build applications that live on the web, mobile, or the desktop. In this tutorial you will learn about all the hooks available for use in your Angular workflow for building awesome applications.

Angular
HTML
TypeScript
...

9 minute read

Follow tutorial

Pusher Beams client API demo for Android

This tutorial will help you understand what each part of the Beams API does in a client Android app. You will go you through code examples to explore what each method does, and an Android project with pointers for how to set the demo up and how to send push notifications to test it.

Android
HTML
Kotlin

15 minute read

Follow tutorial

Introduction to error handling in Angular 7: Part 1 - Angular errorHandler

This tutorial series will introduce you to errors in JavaScript and the try-catch concept. In part one, learn how the concept is used, and how to handle internal errors in Angular with the Angular errorHandler, with a focus on client side JavaScript errors.

Angular
CSS
HTML
...

7 minute read

Follow tutorial

Build an Instagram clone with Ionic: Part 4 - Testing your Ionic application on mobile devices

This four part series will walk you through building a simple Instagram clone with Ionic, and adding realtime functionalities. In this fourth and final part, make your servers publicly accessible so you could test the application on mobile devices.

Cordova
CSS
GraphQL
...

3 minute read

Follow tutorial

Build an Instagram clone with Ionic: Part 3 - Adding data dynamically and enabling realtime functionality

This four part series will walk you through building a simple Instagram clone with Ionic, and adding realtime functionalities. In part three, create functionality that enables you to feed data into the data store of the application using GraphQL mutations and allowing users to see posts and comments in realtime.

Cordova
CSS
GraphQL
...

15 minute read

Follow tutorial

Build an Instagram clone with Ionic: Part 2 - Connecting to GraphQL servers using Apollo client

This four part series will walk you through building a simple Instagram clone with Ionic, and adding realtime functionalities. In part two, create the backend server for the clone application that will serve data to the application.

CSS
Cordova
GraphQL
...

13 minute read

Follow tutorial

Build an Instagram clone with Ionic: Part 1 - Creating the interface

This four part series will walk you through building a simple Instagram clone with Ionic, and adding realtime functionalities. In part one, create a simple interface for your Instagram clone and a running demo with Ionic.

CSS
HTML
TypeScript
...

12 minute read

Follow tutorial

Build a live analytics dashboard using Go and MongoDB

Use Go, MongoDB and Pusher Channels to monitor user interactions with your app. Build a simple demo app page and a monitoring dashboard. The dashboard updates in realtime as users interact with the app.

Go
HTML
JavaScript
...

11 minute read

Follow tutorial

Add push notifications to your web app with Node.js and service workers

This brief tutorial will introduce you to service workers. You will build a simple web app with a Node.js backend, and add realtime push notifications using service workers.

Node.js
CSS
HTML
...

6 minute read

Follow tutorial

Build a live score feed Chrome extension

This brief tutorial guides you through creating a simple Chrome extension. It hooks into a Node backend to provide a live score feed with browser notifications.

HTML
JavaScript
Feeds
...

8 minute read

Follow tutorial

Use the HTML5 Notification API to provide realtime alerts

This brief tutorial will show you how to create a web application that sends a browser alert every time a GitHub repo receives a push. You will use Node to create a simple server, ngrok to allow you to test locally, and GitHub webhooks to transmit the push event.

HTML
JavaScript
Node.js

6 minute read

Follow tutorial

Logo

Products

Developers

Company

Legal

  • Twitter
  • Youtube
  • LinkedIn
  • Github
  • Twitch
  • Discord

© 2024 Pusher Ltd. All rights reserved.
Pusher Limited is a company registered in England and Wales (No. 07489873) whose registered office is at MessageBird UK Limited, 3 More London Riverside, 4th Floor, London, United Kingdom, SE1 2AQ.