HTML5 Enterprise Application Development
eBook:
$29.99
Formats:
Formats:
$25.49
save 15%!
save 15%!
Print + free eBook + free PacktLib access to the book:
$79.98
Print cover: $49.99
$49.99
save 37%!
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
| Also available on: |
|
- 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 : EnglishPaperback : 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, Enterprise, Web Development
Table of Contents
PrefaceChapter 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
Index
- 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 4: The App: Getting Movies Via Geolocation
- How it works
- The API
- A simple request
- Movies near you
- Self-invoking
- That becomes this
- Getting location
- Getting postal codes
- AJAX ain't just a cleaning product
- From postal codes to showtimes
- 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 8: The App: Selection UI via Drag-and-Drop
- Adding showtimes
- Styling showtimes
- What a drag
- Handling drag with JavaScript
- Drop it
- Toggling the drop zone
- Transferring some data
- Displaying the results
- 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 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
- 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
Gabriel José Balda Ortíz
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.
Errata
- 1 submitted: last submission 17 Apr 2013Errata 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
+
=
50% Off
the eBooks
the eBooks
Buy both these recommended eBooks together and get 50% off the total price
- 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
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.
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.
