O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Pro HTML5 with Visual Studio 2015

Pro HTML5 with Visual Studio 2015

by Mark J. Collins
Publisher: Apress
Release Date: June 2015
ISBN: 9781484211472
View table of contents
Start reading

Book Description

Pro HTML5 with Visual Studio 2015 is written to help ASP.NET developers make the leap to the inevitable and exciting world of HTML5. With this book, you’ll quickly master the new HTML elements, the improved CSS features, and advanced content including audio, video, canvas, SVG, and drag and drop capabilities. You will also learn how your enterprise applications can benefit from some brand-new technology such as web workers and web sockets. Using practical hands-on demonstrations you will learn all of the really cool features that you can start using now, within your existing ASP.NET applications.

HTML5 promises to revolutionize the way web sites are developed with an impressive set of built-in client-side features. The use of HTML5 as a preferred development language in Windows 10, along with growing support from the major browser vendors, is likely to make HTML5 the de-facto standard for all future web development. The number of HTML5-capable phones alone is estimated to top 2 billion by 2016. Many professional web developers who are firmly rooted in the Microsoft toolset such as Visual Studio, Active Server Pages, and .NET are trying to understand how HTML5 fits into their world.

Written with the Visual Studio 2015 developer in mind, this book:

  • Illustrates how to integrate the new HTML5 features in an ASP .NET MVC6 application
  • Explains how to add active content including video and graphics
  • Demonstrates the new scripting features of HTML5 such as application cache and local storage
    •

    Table of Contents

    1. Cover
    2. Title
    3. Copyright
    4. Dedication
    5. Contents at a Glance
    6. Contents
    7. About the Author
    8. About the Technical Reviewer
    9. Acknowledgments
    10. Introduction
    11. Part I: What is HTML5?
      1. Chapter 1 : Before You Begin
        1. Reviewing the Web Environment
          1. The Basic HTTP Page
          2. Improving the Web Experience
          3. Reviewing Web Technologies
        2. Exploring HTML5
          1. Reviewing Markup Changes
          2. Understanding Cascading Style Sheets
          3. Reviewing Other HTML Functionality
        3. Choosing a Development Tool
          1. Using Visual Studio 2015
          2. Using Microsoft’s WebMatrix
          3. Using Visual Studio Community Edition
        4. ASP.NET 5
          1. Chapter Exercises
          2. Project Structure
        5. Deciphering Browser Support for HTML5
        6. Summary
    12. Part II: Using the New HTML5 Features
      1. Chapter 2 : ASP.NET Web Forms
        1. Introducing the New Input Types
          1. Creating an ASP.NET Project
          2. Using the Email Control
          3. Using the Page Inspector
        2. Exploring the Other Input Types
          1. Implementing a Feedback Form
          2. Reviewing the New Input Types
          3. Reviewing the Form
        3. Using the HTML5Test Web Site
        4. Using the Range Control
          1. Modifying the Step Attribute
          2. Adding Custom Tick Marks
          3. Displaying the Range Value
        5. Summary
      2. Chapter 3 : MVC Web Applications
        1. Introducing ASP.NET MVC6
          1. Creating an ASP.NET MVC Project
          2. Exploring a Razor View
          3. Using Editor Templates
        2. Adding a Feedback Page
          1. Creating the Feedback Model
          2. Defining the Feedback View
        3. Completing the Feedback Form
          1. Adding the Other Fields
          2. Adding Editor Templates
        4. Generating Custom HTML
          1. Adding a Custom Helper Class
          2. Re-implementing the Custom E-mail Template
        5. Implementing a Range Control
          1. Implementing a Custom Helper Method
          2. Adding the Range Template
        6. Using Open Source Extensions
        7. Adding Literal HTML
          1. Adding a Range Control
          2. Adding a Progress Bar
          3. Updating the Progress Bar
          4. Using the Meter Control
        8. Summary
      3. Chapter 4 : Cascading Style Sheets
        1. Reviewing Style Syntax
          1. Using Selectors
          2. Using CSS Properties
          3. Using Vendor Prefixes
          4. Understanding the Box Model
          5. Applying Style Rules
        2. Creating a Web Page
          1. Planning the Page Layout
          2. Creating the Web Project
          3. Defining the Page Structure
          4. Adding the Content
        3. Implementing the Style Rules
          1. Adding Basic Styles
          2. Using Rounded Corners
          3. Working with Gradients
          4. Creating Tables
          5. Adding Column Layout
          6. Adding Box Shadows
          7. Using Zebra Striping
          8. Adding Text Decorations
          9. Using 3D Transforms
          10. Adding Animation
        4. Summary
      4. Chapter 5 : Scripting Enhancements
        1. Using Query Selectors
          1. Using querySelector
          2. Using querySelectorAll
        2. Creating the Visual Studio Project
        3. Employing Web Workers
          1. Using a Dedicated Worker
          2. Creating a Shared Worker
        4. Client-Side Package Management
          1. Configuration: IConfiguration
          2. Static Files: wwwroot
          3. Package Management: Bower
          4. Build Tasks: Gulp
        5. Summary
      5. Chapter 6 : Mobile Web Applications
        1. Using Emulators
          1. Using the Opera Mobile Emulator
          2. Installing Chrome Ripple
          3. Emulating the Other Devices
        2. Handling Form Factors
          1. Understanding Media Queries
          2. Using Media Queries
        3. Modifying the Chapter4 Site
          1. Configuring the Medium Layout
          2. Configuring the Small Layout
          3. Using a Flexbox
          4. Using Flexible Images
          5. Viewing the Page on a Mobile Device
        4. Summary
    13. Part III: Digging Deeper
      1. Chapter 7 : Supporting Older Browsers
        1. Making Some Simple Changes
          1. Emulating Older Browsers
          2. Using Modernizr
        2. Adding More Polyfills
          1. Displaying Tables
          2. Adding Rounded Corners
          3. Adding Gradients
          4. Striping the Book List
        3. Hiding Unsupported Elements
        4. Summary
      2. Chapter 8 : Audio and Video
        1. Using the audio Element
          1. Creating the Sample Project
          2. Using the Native Controls
          3. Reviewing Browser Support
        2. Building Your Own Controls
          1. Adding the Custom Controls
          2. Implementing the Event Handlers
          3. Changing the Audio Source
        3. Detecting Audio Support
        4. Understanding Video Formats
          1. Reviewing Browser Support
          2. Downloading Sample Videos
        5. Using the video Element
          1. Adding Video to the Demo Page
          2. Adding Custom Video Controls
          3. Adding a Poster
        6. Summary
      3. Chapter 9 : Scalable Vector Graphics
        1. Introducing SVG
          1. Creating the Sample Project
          2. Adding Some Simple Shapes
          3. Adding Styles
        2. Using SVG Image Files
          1. Creating an SVG Image
          2. Using an SVG Background
        3. Creating an Interactive Map
          1. Using Path Elements
          2. Implementing the Initial Map
        4. Styling the State Elements
          1. Using Basic Fill Colors
          2. Using Gradient Fills
          3. Using a Background Image
          4. Altering Styles with JavaScript
        5. Adding Animation
        6. Summary
      4. Chapter 10 : Canvas
        1. Creating a Chess Board
          1. Creating the Visual Studio Project
          2. Drawing Rectangles
          3. Using Gradients
          4. Using Images
          5. Adding Simple Animation
        2. Modeling the Solar System
          1. Using Paths
          2. Drawing Arcs
          3. Using Transformations
          4. Saving the Context State
          5. Drawing the Solar System
          6. Applying Scaling
        3. Clipping a Canvas
        4. Understanding Compositing
        5. Summary
    14. Part IV: Advanced Features
      1. Chapter 11 : Indexed DB
        1. Introducing Indexed DB
          1. Using Object Stores
          2. Defining the Database
          3. Processing Asynchronously
          4. Using Transactions
        2. Creating the Application
          1. Creating the Visual Studio Project
          2. Creating the Canvas
          3. Configuring the Images
        3. Creating the Database
          1. Declaring the Static Data
          2. Opening the Database
          3. Defining the Database Structure
        4. Drawing the Pieces
          1. Using a Cursor
          2. Retrieving a Single Object
          3. Testing the Application
        5. Moving the Pieces
          1. Defining the Moves
          2. Converting the Position
          3. Making a Move
          4. Obtaining the Object Key
          5. Performing the Update
          6. Starting the Animation
        6. Tracking the Captured Pieces
        7. Summary
      2. Chapter 12 : Geolocation and Mapping
        1. Understanding Geolocation
          1. Surveying Geolocation Technologies
          2. Using Geolocation Data
        2. Using the Geolocation API
          1. Creating the Visual Studio Project
          2. Using the Geolocation Object
          3. Displaying the Location
        3. Using Mapping Platforms
          1. Creating a Bing Maps Account
          2. Adding a Map
          3. Adding Pushpins
        4. Summary
      3. Chapter 13 : WebSockets
        1. Understanding WebSockets
          1. Completing a Handshake
          2. Building WebSocket Frames
          3. Unmasking a Frame
          4. WebSocket Servers
          5. Designing the Agent Chat Application
        2. Creating a Simple Application
          1. Creating a WebSocket Server
          2. Creating a Web Application
          3. Testing the Initial Project
        3. Enhancing the WebSocket Server
          1. Adding the WsAgentConnection Class
          2. Adding the WsClientConnection Class
          3. Enhancing the WsServer Class
        4. Creating the Agent Application
          1. Creating the Agent Project
          2. Implementing the Chat Web Page
          3. Testing the Agent Application
        5. Implementing the Client Application
        6. Adding Logging
          1. Installing Log4Net
          2. Configuring Log4Net
          3. Adding Log Statements
        7. Testing the Solution
          1. Testing the Messaging
          2. Testing Disconnects
        8. Summary
      4. Chapter 14 : Drag and Drop
        1. Understanding Drag and Drop
          1. Handling Events
          2. Using the Data Transfer Object
          3. Enabling Draggable Elements
        2. Creating the Checkers Application
          1. Creating the Project
          2. Drawing the Checkers Board
        3. Adding Drag-and-Drop Support
          1. Allowing a Drop
          2. Performing the Custom Drop Action
          3. Providing Visual Feedback
        4. Enforcing the Game Rules
          1. Verifying a Move
          2. Promoting to King
          3. Moving in Turn
          4. Using Advanced Features
          5. Changing the Drag Image
          6. Dragging Between Windows
        5. Summary
    15. Part V: Appendixes
      1. Appendix A: Sample Content for Chapter 4
      2. Appendix B: Completed Style for Chapter 4
      3. Appendix C: Final Code for Chapter 14
    16. Index