Building Realtime AngularJS Controls

Learn to build six visual, realtime controls using Angular and front-end technologies such as Google Charts, Google Maps, and standard HTML5. We’ll work with four different sources of realtime data: SignalR, NodeJS, Firebase, and PubNub. You will also learn how to integrate these controls into a realtime dashboard with widgets.

We’ll build six Angular controls, each consisting of a service to connect to a realtime data source, and a custom directive. The controls will be built as stand-alone components and we will also integrate them into a dashboard as widgets. The first three controls we’ll build will utilize Google Charts and receive realtime data from a SignalR server. These controls are a gauge, a line chart, and a candlestick chart, which is common for showing stock prices. The fourth control will be used for monitoring security information, making use of HTML5 with a NodeJS back end. The fifth control will use Google Maps with a Firebase back end. The final control will use an HTML5 interface and consume a realtime PubNub Tweet service.

• Introduction 6mins
• Building a Realtime Gauge Control 49mins
• Building a Gauge Widget 39mins
• Realtime Line and Stock Charts 39mins
• Building a Security Monitor Control 31mins
• Realtime GPS Tracking Using Google Maps and Firebase 24mins
• Accessing a Realtime Twitter Feed Using PubNub 15mins