- Course
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.
Intermediate
- Course
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.
Intermediate
Get started today
Access this course and other top-rated tech content with one of our business plans.
Try this course for free
Access this course and other top-rated tech content with one of our individual plans.
This course is included in the libraries shown below:
- Core Tech
What you'll learn
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.
Building Realtime AngularJS Controls
Intermediate
Table of contents
-
Introduction | 1m 37s
-
Creating a Test Application | 6m 55s
-
Google Charts and the Gauge Control | 4m 15s
-
Displaying a Gauge | 3m 39s
-
A Google Charts GitHub Project | 2m 12s
-
Integrating a SignalR Hub | 3m 11s
-
Adding a SignalR Background Timer | 4m 32s
-
Faking a SignalR Hub | 2m 35s
-
Client Side Access to SignalR | 6m 42s
-
Angular Service Communication | 2m 40s
-
Broadcasting an Event | 2m 16s
-
A Working Gauge Control | 2m 32s
-
Using Attribute Settings | 5m
-
Summary | 50s
Mark started in the developer world over 25 years ago. He began his career with a Bachelor of Science in Computer Science from St. Johns University. After spending 10 years on Wall Street working for Goldman Sachs, Lehman Brothers and other major investment banks, Mark became interested in animation and video game software.