Pusher tutorials

Sign in

Back to all tutorials28 tutorials tagged with Angular

Lazy loading in Angular 7

This tutorial will explore how lazy loading is handled by Angular and the reasoning behind it with practical illustrations. Big projects with different nests of components will load faster and be more resource efficient with lazy loading, which this tutorial will demonstrate.

6 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.

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.

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.

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.

9 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.

7 minute read

Follow tutorial

Build a live subscription count down with Angular

Use Angular 7, Node and Pusher Channels to build a live subscription countdown. The app features two interfaces: a signup dashboard, and a countdown view, showing how many places are left. The count decreases by one with every signup.

14 minute read

Follow tutorial

Building infinite virtual scrolling lists with the new Angular 7 CDK

Build infinite virtual scrolling lists using the Angular 7 CDK. This tutorial will introduce you to the Angular Component Development Kit, some best practices for building using the CDK, and guide you through building a basic and a more advanced example.

8 minute read

Follow tutorial

Build a live activity feed with Angular 7

Build a live activity feed, suitable for use with a blogging application or news site. Use Node for the backend, and Angular 7 to build the frontend. Users can add posts, and see the feed update in realtime.

11 minute read

Follow tutorial

Building a social app with online presence using Ionic

This tutorial will show you how to create a simple social feed for Android and iOS using Ionic. The app features a Node backend, and online presence indicators powered by Pusher.

10 minute read

Follow tutorial

Build a live voting app with Ionic

Build a live voting app using Ionic, with a Node backend. The app replicates the behaviour of a Twitter poll: users can vote for who they expect to win the World Cup.

Data visualization

11 minute read

Follow tutorial

Create a live comments feature with Ionic

Build a mobile app feature with Ionic, allowing users to add comments to a post, and see updates in realtime. The app features sentiment analysis, adding upvotes (or downvotes) to the post, depending on the language of the comments.

10 minute read

Follow tutorial

Implement geofencing in Ionic

Build a geofencing app for mobile using Ionic and Google Maps. Ionic is an open source SDK for developing native web apps. Admin users will be notified when a user exits a defined area.

17 minute read

Follow tutorial

Build a live poll app with Ionic

Use Ionic to create a live poll application for mobile. The app features a Node.js backend. It allows users to vote on their favorite premier league player, and see other users' votes displayed in realtime.

10 minute read

Follow tutorial

Build a chat app with Ionic featuring sentiment analysis

Build a chat app for mobile using Ionic and Cordova. Code with TypeScript, targeting mobile devices. Use Node for the backend. Implement sentiment analysis to provide emoji suggestions.

16 minute read

Follow tutorial

Build a group chat app with Angular and Dialogflow

Build an Angular group chat app, and integrate a chatbot using Dialogflow. Users will be able to talk to each other, or to the bot.

18 minute read

Follow tutorial

Build a collaborative painting application with Angular

Learn to build a collaborative painting application using Angular. Create a web app where two users can paint together, seeing each other's actions in realtime.

9 minute read

Follow tutorial

Build a geofencing web app using Angular

Learn to build a web app with Angular and Node featuring geofencing functionality. Track whether guests are within your hotel limits or not.

10 minute read

Follow tutorial

Emoji suggestions in an Angular chat application using sentiment analysis

Build a chat app in Angular. The app features emoji suggestions (as suggested responses) based on the users' moods. The mood is evaluated using the sentiment analysis library.

15 minute read

Follow tutorial

Build a data visualization using Angular and Chart.js

Build a live poll of user ages, with Angular, Node, Express and Chart.js.

Data visualization

12 minute read

Follow tutorial