HTML5 Enterprise Application Development

HTML5 Enterprise Application Development
eBook: $29.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $79.98    Print cover: $49.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • Learn the most useful HTML5 features by developing a real-world application
  • Detailed solutions to most common problems presented in an enterprise application development
  • Discover the most up-to-date development tips, tendencies, and trending libraries and tools

Book Details

Language : English
Paperback : 332 pages [ 235mm x 191mm ]
Release Date : February 2013
ISBN : 1849685681
ISBN 13 : 9781849685689
Author(s) : Nehal Shah, Gabriel José Balda Ortíz
Topics and Technologies : All Books, Web Development, Enterprise, Web Development

Table of Contents

Chapter 1: HTML5 Starter Kit: Compatibility
Chapter 2: HTML5 Starter Kit: Useful Tools
Chapter 3: The App: Structure and Semantics
Chapter 4: The App: Getting Movies Via Geolocation
Chapter 5: The App: Displaying Movie Data via CSS3
Chapter 6: The App: Trailers via HTML5 Video
Chapter 7: The App: Showing Ratings via Canvas
Chapter 8: The App: Selection UI via Drag-and-Drop
Chapter 9: The App: Getting the Word Out via Twitter
Chapter 10: The App: Consuming Tweets Via Web Workers
Chapter 11: Finishing Up: Debugging Your App
Chapter 12: Finishing Up: Testing Your App
Chapter 13: Finishing Up: Performance
  • Chapter 1: HTML5 Starter Kit: Compatibility
    • The real meaning of compatibility
    • Browsers
      • Rendering engine
      • JavaScript engine
    • OS platforms
    • Display resolution
    • Importance of compatibility
    • Patching the differences – compatibility libraries
      • HTML5 Shiv
      • Modernizr
      • Explorer Canvas
      • HTML5 Boilerplate
    • Before starting app development
    • Summary
    • Chapter 2: HTML5 Starter Kit: Useful Tools
      • Choosing editors and IDEs
        • Adobe Dreamweaver CS6
        • Aptana Studio 3
        • BlueGriffon 1.5.2
        • Maqetta
        • eXo
        • Cloud9
      • Choosing web servers
        • Apache
        • Apache Tomcat
        • Jetty
        • Tornado
        • nginx
        • LightTPD
        • Node.js
      • Prepackaged stacks
      • Web browsers and add-ons
        • Mozilla Firefox
        • Google Chrome
        • Safari
        • Internet Explorer
        • Opera
      • HTTP proxies
        • Charles
        • Fiddler
      • Summary
      • Chapter 3: The App: Structure and Semantics
        • Understanding page structure
          • Navigation list
          • Secondary content
        • Metadata
        • Microdata
        • Favicons and icons
        • CSS3 resets
          • Individual sides
          • Shorthand
        • Sticky footer
        • General styling
        • Responsive web design and adaptive web design
          • Importing CSS files using media queries
          • Importing other CSS from our main CSS
          • Using media queries as conditionals in our main CSS
      • Summary
          • Chapter 5: The App: Displaying Movie Data via CSS3
            • Back to the browsers' babel tower
            • CSS3 Magic – adding more styles to MovieNow
              • Adding rounded corners
              • Setting color
                • Red, green, and blue
                • Red, green, blue, and alpha
                • Hue, saturation, and lightness
                • Hue, saturation, lightness, and alpha
              • Adding gradients
              • Adding box shadows
              • Adding text shadows
              • Some tricks to fake 3D
            • Movies and styles
              • Styling our list
              • Transitions
              • Animations
            • Choosing between transitions and animations
            • Using media queries
            • Applying CSS3 selectors
            • Summary
            • Chapter 6: The App: Trailers via HTML5 Video
              • Introducing HTML5 video
              • Implementing a video player
                • Custom controls
                  • Styling
                  • Adding interactions using JavaScript
                • Possible improvements
                • Still not perfect
              • Introducing HTML5 audio
              • Implementing an audio player
                • Custom controllers
                  • Styling
              • How I learned to stop worrying and love Flash
              • Summary
              • Chapter 7: The App: Showing Ratings via Canvas
                • Charting
                • Preparing our code
                • Everything depends on the context
                  • 2D context
                    • An overview of the Canvas 2D Drawing API
                    • Drawing charts
                  • 3D context – WebGL and experimental WebGL
                    • Entering a tridimensional world
                    • Three.js
                • Summary
                  • Chapter 9: The App: Getting the Word Out via Twitter
                    • Registering our application
                    • How to tweet in MovieNow?
                    • Authenticating
                      • User not logged and/or application not authorized
                      • User logged in
                      • Adding some styles
                    • Posting tweets
                      • Service
                      • Applying HTML
                      • Adding more styles
                      • Adding JavaScript interactions
                      • Form validation support across browsers
                    • New input fields types
                    • Summary
                      • Chapter 11: Finishing Up: Debugging Your App
                        • What to look for
                        • Which tools to use
                        • Playing with HTML and CSS
                        • Step by step with JavaScript
                          • JavaScript console
                          • Analyzing load times
                          • JavaScript profiling
                        • Mobile debugging
                        • Web debugging proxies
                        • Summary
                        • Chapter 12: Finishing Up: Testing Your App
                          • Types of testing
                          • Unit testing
                            • Setting up your unit test
                            • Invoking your target
                            • Verifying the results
                            • Frameworks and tools
                              • JsTestDriver
                              • QUnit
                              • Sinon.JS
                              • Jasmine
                          • Functional testing
                            • The Selenium standalone server
                            • The php-webdriver connector from Facebook
                            • PHPUnit
                          • Browser testing
                          • Continuous integration
                          • Summary
                          • Chapter 13: Finishing Up: Performance
                            • Web Performance Optimization (WPO)
                            • Following standards
                            • Optimizing images
                            • Optimizing CSS
                            • JavaScript performance considerations
                            • Additional page performance considerations
                              • Server-side considerations
                            • Performance analytics
                              • Load times
                              • Profilers
                            • Summary

                            Nehal Shah

                            Nehal Shah is a technology director with over 10 years of experience building high performance teams and creating software spanning from frontend to backend and everything in between. He earned his BA in psychology at the University of Chicago and his MS in Information Technology at University of North Carolina at Charlotte. He currently is Executive Director of Engineering at Kaplan Test Prep and leads an emerging solutions team that builds innovative web and mobile products to capture new markets. For more information, check out his website at

                            Gabriel José Balda Ortíz

                            Gabriel José Balda Ortíz is a computer engineer and graduate from Simón Bolívar University in Venezuela. After obtaining his degree, he studied graphic design in Centro Art, Venezuela. Since 2003, Gabriel has been developing web applications for multiple enterprises including various freelance projects. In 2011, he moved to New York to work on educational applications for Kaplan Test Prep. You can see his portfolio at
                            Sorry, we don't have any reviews for this title yet.

                            Code Downloads

                            Download the code and support files for this book.

                            Submit Errata

                            Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


                            - 1 submitted: last submission 17 Apr 2013

                            Errata type: Technical | Page number: 109

                            The text reads:
                            "The syntax of this property is as follows: border-radius: top-left-radius top-right-radius bottom-right-radius top-left-radius;"

                            The final word of the above sentence should be bottom-left-radius

                            Sample chapters

                            You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                            Frequently bought together

                            HTML5 Enterprise Application Development +    Haskell Data Analysis Cookbook =
                            50% Off
                            the second eBook
                            Price for both: $43.05

                            Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                            What you will learn from this book

                            • Write easy to read HTML using semantic tags and use canvas to draw 2D and 3D elements in your browser in real time
                            • Learn how to create consistent experiences through multiple browsers and devices
                            • Manage video and audio in modern browsers with no extra plugins needed
                            • Add AJAX calls to your applications for loading data with no browser refresh and parallelize your JavaScript calls using web workers
                            • Implement drag-and-drop using HTML5 capabilities and style your enterprise application using new CSS3 properties
                            • Discover the use of APIs though Twitter’s API examples
                            • Learn how to automate your test using web applications testing systems and evaluate your application performance using profiling tools

                            In Detail

                            HTML5 has been a trending topic for a long time, but the lack of Flash support on iOS devices has sped up its penetration. New features in HTML5 come at a time when web developers are pushing the limits of what is achievable and HTML5, CSS3, and JavaScript have become an important alternative for building rich user interfaces.

                            "HTML5 Enterprise Application Development" will guide you through the process of building an enterprise application with HTML5, CSS3, and JavaScript through creating a movie finder application. You will learn how to apply HTML5 capabilities in real development problems and how to support consistent user experiences across multiple browsers and operating systems, including mobile platforms.

                            This book will teach you how to build an enterprise application from scratch using HTML5, CSS3, JavaScript, and external APIs.

                            You will discover how to develop engaging experiences using HTML5 capabilities, including video and audio management, location services, and 3D and 2D animations. We will also cover debugging techniques, automated testing, and performance evaluations to give you all the tools needed for an efficient development workflow.

                            "HTML5 Enterprise Application Development" is a comprehensive guide for anyone who wants to build an enterprise web application. You will learn through the implementation of a real-world application as we show you handy libraries, development tips, and development tools.


                            A practical development tutorial, giving users step-by-step instructions to allow them to create an enterprise web application.

                            Who this book is for

                            This book is for developers who want to create enterprise web applications with engaging user experiences with no browser plugins. Basic JavaScript programming and knowledge of HTML and CSS is required. No knowledge of HTML5 or CSS3 is assumed.

                            Code Download and Errata
                            Packt Anytime, Anywhere
                            Register Books
                            Print Upgrades
                            eBook Downloads
                            Video Support
                            Contact Us
                            Awards Voting Nominations Previous Winners
                            Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                            Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software