HTML5 Enterprise Application Development

For developers who want to build enterprise web applications using HTML5, CSS3, JavaScript, and external XPIs, this tutorial is all you need. Structured around the creation of a real application, it’s practical and easily assimilated.

HTML5 Enterprise Application Development

Starting
Nehal Shah, Gabriel José Balda Ortíz

For developers who want to build enterprise web applications using HTML5, CSS3, JavaScript, and external XPIs, this tutorial is all you need. Structured around the creation of a real application, it’s practical and easily assimilated.
$29.99
$49.99
RRP $29.99
RRP $49.99
eBook
Print + eBook
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

+ Collection
Free Sample

Book Details

ISBN 139781849685689
Paperback332 pages

About This Book

  • 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

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.

Table of Contents

Chapter 1: 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
Chapter 2: HTML5 Starter Kit: Useful Tools
Choosing editors and IDEs
Choosing web servers
Prepackaged stacks
Web browsers and add-ons
HTTP proxies
Summary
Chapter 3: 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
Chapter 4: The App: Getting Movies Via Geolocation
How it works
The API
A simple request
Movies near you
Summary
Chapter 5: 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
Chapter 6: 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
Chapter 7: The App: Showing Ratings via Canvas
Charting
Preparing our code
Everything depends on the context
Summary
Chapter 8: The App: Selection UI via Drag-and-Drop
Adding showtimes
Styling showtimes
What a drag
Drop it
Summary
Chapter 9: The App: Getting the Word Out via Twitter
Registering our application
How to tweet in MovieNow?
Authenticating
Posting tweets
New input fields types
Summary
Chapter 10: 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
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
Mobile debugging
Web debugging proxies
Summary
Chapter 12: Finishing Up: Testing Your App
Types of testing
Unit testing
Functional testing
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
Performance analytics
Summary

What You Will Learn

  • 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.

Authors

Table of Contents

Chapter 1: 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
Chapter 2: HTML5 Starter Kit: Useful Tools
Choosing editors and IDEs
Choosing web servers
Prepackaged stacks
Web browsers and add-ons
HTTP proxies
Summary
Chapter 3: 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
Chapter 4: The App: Getting Movies Via Geolocation
How it works
The API
A simple request
Movies near you
Summary
Chapter 5: 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
Chapter 6: 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
Chapter 7: The App: Showing Ratings via Canvas
Charting
Preparing our code
Everything depends on the context
Summary
Chapter 8: The App: Selection UI via Drag-and-Drop
Adding showtimes
Styling showtimes
What a drag
Drop it
Summary
Chapter 9: The App: Getting the Word Out via Twitter
Registering our application
How to tweet in MovieNow?
Authenticating
Posting tweets
New input fields types
Summary
Chapter 10: 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
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
Mobile debugging
Web debugging proxies
Summary
Chapter 12: Finishing Up: Testing Your App
Types of testing
Unit testing
Functional testing
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
Performance analytics
Summary

Book Details

ISBN 139781849685689
Paperback332 pages
Read More