WebSocket Essentials – Building Apps with HTML5 WebSockets电子书

WebSocket Essentials – Building Apps with HTML5 WebSockets

Table of Contents

WebSocket Essentials – Building Apps with HTML5 WebSockets

Credits

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Introducing the World of Web App

What is the Web?

Web applications

Where does WebSockets fit?

WebSockets over other methods

Modern browsers

HTML

HTML5 – the modern Web standard

Media – audio/video

Canvas

Form elements

Semantics

Mobile first

Offline storage

Geolocation

Drag and drop

Web workers

JavaScript

Modern servers

WebSockets

Summary

2. Getting Started with WebSockets

Why WebSockets?

Importance of WebSockets

When to use?

How it works?

WebSocket API

Ready states

Events

Echo Test

The WebSockets client app

Instantiation

Adding events

Sending messages

Receiving messages

Closing the connection

The WebSocket server

The Node.js server

Summary

3. Configuring the Server and Transferring Real-time Data

Full-duplex real-time data transfer

Foundation of real-time applications

Collaborative presentation application

The presentation library

Setting up the library

Adding collaboration

Code implementation

The client code

Code explanation

The server code

Code explanation

Do it yourself

Input username

The list of users

User-based authorization to change the presentation

Making the user the presenter

Tips and tricks

Summary

4. Using WebSockets in Real Scenario

The real scenario

The JavaScript framework

AngularJS

Learn by doing

The collaborative drawing application

Requirements

The drawing library

The client application

Integrating with the server

The client code

Code explanation

The server code

Code explanation

Do it yourself

User registration

The list of users

Share with specific users

Save drawings

The application structure

Restructure the application

Model

View

Controller

Service

Summary

5. WebSockets for Mobile and Tablet

Mobile devices and the WebSocket

Pusher

Socket.IO

Running server on mobile

Local server on mobile

Mobile output

Browser support

Do it yourself

Scenario 1

Scenario 2

Scenario 3

Summary

6. Enhancing HTML5 Web Application Development Using Modern Tools

Modern tools and techniques

Code editors

Boilerplates

Packaging tools

Build tools

Application frameworks

Modern servers

Responsive web design

The MEAN stack

Summary

Index