Duration: 4 Days
In this fast-paced, hands-on course you will work through practical lab application using the latest industry development trends and best practices. You will explore the new HTML5 structural, semantic, and form tags, how to use Canvas to create drawings natively in the browser, how to work with HTML5 audio and video, the new methods for storing variables client-side, and how to build applications that work offline. You will also learn the current state of browser support for HTML5 and the theory behind all the recent updates and changes in the technology.
What You Will Learn
- How to start building HTML5 pages
- Major benefits of HTML5
- Difference between HTML5 and HTML 4
- HTML5s new elements and attributes
- Audio and video in HTML5
- HTML5s new Canvas element to create code-based drawings
- Web Storage for offline applications
- Use all the cool new HTML5 form elements
- Current state of browser support for HTML5 and how to make your HTML5 sites degrade gracefully
Audience
Experienced developers who need to expand their knowledge of web design and development
Prerequistes
- Basic HTML4, basic CSS, and basic JavaScript development skills are required
- Experience with JSON, DOM, and Ajax is a plus
Course Outline
1. Laying out a Page with HTML5
- Page Structure
- New HTML5 Structural Tags
- Page Simplification
- HTML5 - How We Got Here
2. Sections and Articles
- Section Tag
- Article Tag
- Outlining
- Accessibility
3. HTML5 Audio and Video
- Supported Media Types
- Audio Element
- The Video Element
- Accessibility
- Scripting Media Elements
- Dealing with Non-Supporting Browsers
4. HTML5 Forms
- Modernizer
- New Input Types
- HTML5 New Form Attributes
- New Form Field Attributes
- New Form Elements
5. HTML5 Web Storage
- Local and Session Storage
- Other Storage Methods
6. HTML5 Canvas
- Canvas
- Drawing Lines
- Color and Transparency
- Rectangles
- Circles and Arcs
- Quadratic and Bézier Curves
- Images
- Text
7. Integrated APIs
- Offline Application API
- Drag and Drop API
8. HTML5 Web Sockets
- Attributes
- Events
- Methods
9. HTML5 Web Workers
- What are Web Workers?
- How Web Workers Work
- Handling Errors
10. HTML5 Geolocation
- Geolocation Methods
- Location Properties
- Handling Errors
11. JQuery
- Objects in JavaScript
- Main JQuery Object
- JQuery Plugin Entry Point
- Internal Definition of a Plug-In
- JQuery Design Patterns
- JQuery for Mobile
- Creating a Web Site
- Forms
12. iOS and Android Demo
- Developing for Mobile
- iOS Requirements and Development Environment
- Android Requirements and Development Environment
Course Labs
This course is approximately 50% lab and 50% lecture.
