Table Of Content

Single page web apps, JavaScript, and semantic markup Jim Jackson II Ian Gilman FOREWORD BY Scott Hanselman M A N N I N G HTML5 for .NET Developers Licensed to <[email protected]> Licensed to <[email protected]> HTML5 for .NET Developers SINGLE PAGE WEB APPS, JAVASCRIPT AND SEMANTIC MARKUP JIM JACKSON II IAN GILMAN MANNING SHELTER ISLAND Licensed to <[email protected]> For online information and ordering of this and other Manning books, please visit www.manning.com. The publisher offers discounts on this book when ordered in quantity. For more information, please contact Special Sales Department Manning Publications Co. 20 Baldwin Road PO Box 261 Shelter Island, NY 11964 Email: [email protected] ©2013 by Manning Publications Co. All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted, in any form or by means electronic, mechanical, photocopying, or otherwise, without prior written permission of the publisher. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in the book, and Manning Publications was aware of a trademark claim, the designations have been printed in initial caps or all caps. Recognizing the importance of preserving what has been written, it is Manning’s policy to have the books we publish printed on acid-free paper, and we exert our best efforts to that end. Recognizing also our responsibility to conserve the resources of our planet, Manning books are printed on paper that is at least 15 percent recycled and processed without the use of elemental chlorine. Manning Publications Co. Development editor: Renae Gregoire 20 Baldwin Road Technical proofreader: Roland Civet PO Box 261 Copyeditor: Andy Carroll Shelter Island, NY 11964 Proofreader: Melody Dolab Typesetter: Dennis Dalinnik Illustrator: Gerry Arrington Cover designer: Marija Tudor ISBN: 9781617290435 Printed in the United States of America 1 2 3 4 5 6 7 8 9 10 – MAL – 18 17 16 15 14 13 12 Licensed to <[email protected]> To my lovely bride, Michelle, and my beautiful daughters, Norah and Mary. Thank you for your help, support, patience, and understanding. —J.J. To Christina and Caitlyn, my amazing wife-and-daughter team. —I.G. Licensed to <[email protected]> Licensed to <[email protected]> brief contents 1 ■ HTML5 and .NET 1 2 ■ A markup primer: classic HTML, semantic HTML, and CSS 33 3 ■ Audio and video controls 66 4 ■ Canvas 90 5 ■ The History API: Changing the game for MVC sites 118 6 ■ Geolocation and web mapping 147 7 ■ Web workers and drag and drop 185 8 ■ Websockets 214 9 ■ Local storage and state management 248 10 ■ Offline web applications 273 vii Licensed to <[email protected]> Licensed to <[email protected]> contents foreword xv preface xvii acknowledgments xx about this book xxii about the cover illustration xxv 1 HTML5 and .NET 1 1.1 New toys for developers thanks to HTML5 3 New HTML5 tags and microdata 4 ■ HTML5 applications for devices 5 ■ Better, faster JavaScript 6 Libraries, extensions, and frameworks 6 ■ New HTML5 JavaScript APIs 9 ■ Cascading Style Sheets 3 11 MVC and Razor 12 1.2 HTML5 applications end-to-end 12 Page structure and page presentation 13 ■ Page content 14 Application navigation 15 ■ Business logic 16 Server communications 17 ■ The data layer 18 1.3 Hello World in HTML5 19 Creating the template 20 ■ Customizing the application 22 Building the JavaScript library 24 ■ Building the server side 28 1.4 Summary 32 ix Licensed to <[email protected]>