PacktLib: HTML5 Enterprise Application Development

HTML5 Enterprise Application Development

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Preface

HTML5 Starter Kit: Compatibility

The real meaning of compatibility

Browsers

OS platforms

Display resolution

Importance of compatibility

Patching the differences – compatibility libraries

Before starting app development

Summary

HTML5 Starter Kit: Useful Tools

Choosing editors and IDEs

Choosing web servers

Prepackaged stacks

Web browsers and add-ons

HTTP proxies

Summary

The App: Structure and Semantics

Understanding page structure

Metadata

Microdata

Favicons and icons

CSS3 resets

Sticky footer

General styling

Responsive web design and adaptive web design

Summary

The App: Getting Movies Via Geolocation

How it works

The API

A simple request

Movies near you

Summary

The App: Displaying Movie Data via CSS3

Back to the browsers' babel tower

CSS3 Magic – adding more styles to MovieNow

Movies and styles

Choosing between transitions and animations

Using media queries

Applying CSS3 selectors

Summary

The App: Trailers via HTML5 Video

Introducing HTML5 video

Implementing a video player

Introducing HTML5 audio

Implementing an audio player

How I learned to stop worrying and love Flash

Summary

The App: Showing Ratings via Canvas

Charting

Preparing our code

Everything depends on the context

Summary

The App: Selection UI via Drag-and-Drop

Adding showtimes

Styling showtimes

What a drag

Drop it

Summary

The App: Getting the Word Out via Twitter

Registering our application

How to tweet in MovieNow?

Authenticating

Posting tweets

New input fields types

Summary

The App: Consuming Tweets Via Web Workers

Getting the data

Capturing geocodes

Anatomy of a Web Worker

Using Web Workers to get nearby tweets

Updating the event listener

Styling the tweets

Summary

Finishing Up: Debugging Your App

What to look for

Which tools to use

Playing with HTML and CSS

Step by step with JavaScript

Mobile debugging

Web debugging proxies

Summary

Finishing Up: Testing Your App

Types of testing

Unit testing

Functional testing

Browser testing

Continuous integration

Summary

Finishing Up: Performance

Web Performance Optimization (WPO)

Following standards

Optimizing images

Optimizing CSS

JavaScript performance considerations

Additional page performance considerations

Performance analytics

Summary

Index