2015
Pluralsight
Mark Zamoyta
3:26
English
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.
Introduction
Introduction
What We'll Build
Prerequisites
Building a Realtime Gauge Control
Introduction
Creating a Test Application
Google Charts and the Gauge Control
Displaying a Gauge
A Google Charts GitHub Project
Integrating a SignalR Hub
Adding a SignalR Background Timer
Faking a SignalR Hub
Client Side Access to SignalR
Angular Service Communication
Broadcasting an Event
A Working Gauge Control
Using Attribute Settings
Summary
Building a Gauge Widget
Introduction
An SPA Starting Point
Using a Dashboard
Dashboard Creation
Using Widgets
Widget Creation
Importing psGauge
Showing the Gauge
Integrating the SignalR Service
Resizing the Gauge
Gauge Settings
Modifying Gauge Settings
SignalR Disconnections
Summary
Realtime Line and Stock Charts
Introduction
Line Chart Overview
Line Chart Control Setup
Understanding the timeofday Data Type
Displaying a Realtime Line Chart
Using $scope.$watch
Google's Candlestick Chart for Stock Prices
Displaying a Realtime Candlestick Chart
Creating a Line Chart Widget
Creating a Stock Price Widget
Summary
Building a Security Monitor Control
Introduction
Building the Control
Setting up a NodeJS Server
Serving up Security Information
Connecting to NodeJS from an Angular Service
List Scrolling
Creating a Dashboard Widget
An Internet Explorer Fix
Summary
Realtime GPS Tracking Using Google Maps and Firebase
Introduction
Firebase Overview
Firebase Data Sets
A Firebase Sample App
Sample App Source Code Review
Creating an Angular Service and Control
Creating a Bus Tracking Widget
Summary
Accessing a Realtime Twitter Feed Using PubNub
Introduction
Introduction to PubNub
PubNub's Twitter Feed Demo
Creating an Angular Control for Tweets
Creating a Tweet Widget
Summary and Final Words
Download File Size:699.37 MB
|
