آموزش ساخت کنترل های AngularJS در زمان واقعی

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه Introduction

• آنچه خواهیم ساخت What We'll Build

• پیش نیازها Prerequisites

ساخت کنترل سنج هم زمان Building a Realtime Gauge Control

• مقدمه Introduction

• ایجاد یک برنامه آزمایشی Creating a Test Application

• نمودارهای Google و کنترل سنج Google Charts and the Gauge Control

• نمایش یک سنج Displaying a Gauge

• یک پروژه GitHub نمودارهای Google A Google Charts GitHub Project

• یکپارچه سازی یک SignalR Hub Integrating a SignalR Hub

• افزودن یک تایمر پس زمینه SignalR Adding a SignalR Background Timer

• ساخت یک هاب SignalR Faking a SignalR Hub

• دسترسی سمت مشتری به SignalR Client Side Access to SignalR

• ارتباط خدمات زاویه ای Angular Service Communication

• پخش یک رویداد Broadcasting an Event

• کنترل سنج کار A Working Gauge Control

• با استفاده از تنظیمات ویژگی Using Attribute Settings

• خلاصه Summary

ساخت ویجت سنج Building a Gauge Widget

• مقدمه Introduction

• نقطه شروع SPA An SPA Starting Point

• استفاده از داشبورد Using a Dashboard

• ایجاد داشبورد Dashboard Creation

• با استفاده از ابزارک Using Widgets

• ایجاد ویجت Widget Creation

• وارد کردن psGauge Importing psGauge

• نمایش سنج Showing the Gauge

• ادغام سرویس SignalR Integrating the SignalR Service

• تغییر اندازه سنج Resizing the Gauge

• تنظیمات سنج Gauge Settings

• تغییر تنظیمات سنج Modifying Gauge Settings

• قطع ارتباط SignalR 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

• با استفاده از محدوده $. $ watch 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

• راه اندازی سرور NodeJS Setting up a NodeJS Server

• ارائه اطلاعات امنیتی Serving up Security Information

• اتصال به NodeJS از طریق یک سرویس Angular Connecting to NodeJS from an Angular Service

• پیمایش لیست List Scrolling

• ایجاد ویجت داشبورد Creating a Dashboard Widget

• رفع اینترنت اکسپلورر An Internet Explorer Fix

• خلاصه Summary

ردیابی GPS بیدرنگ با استفاده از Google Maps و Firebase Realtime GPS Tracking Using Google Maps and Firebase

• مقدمه Introduction

• بررسی اجمالی Firebase Firebase Overview

• مجموعه داده های Firebase Firebase Data Sets

• یک برنامه نمونه Firebase A Firebase Sample App

• نمونه بررسی کد منبع برنامه Sample App Source Code Review

• ایجاد یک سرویس و کنترل زاویه ای Creating an Angular Service and Control

• ایجاد ویجت ردیابی اتوبوس Creating a Bus Tracking Widget

• خلاصه Summary

دسترسی به خبر فوری توییتر با استفاده از PubNub Accessing a Realtime Twitter Feed Using PubNub

• مقدمه Introduction

• معرفی PubNub Introduction to PubNub

• نسخه نمایشی توییتر PubNub PubNub's Twitter Feed Demo

• ایجاد یک کنترل زاویه ای برای توییت ها Creating an Angular Control for Tweets

• ایجاد ویجت Tweet Creating a Tweet Widget

• خلاصه و کلمات نهایی Summary and Final Words