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

HTML5 Essentials

Video Description

Master HTML5 on your terms with this one-of-a-kind video training course. HTML5 boasts extensive new features that allow you to create dynamic web pages and present users with amazing multimedia experiences. This personal training course teaches you how to take full advantage of the new web standard for creating rich multimedia experiences. While learning at your own pace, you'll discover how to approach site concept creation and bring your vision from the drawing board through to full operability. The step-by-step instructional videos in HTML5 Essentials demonstrate the many exciting features of HTML5. Our instructors provide expert, straight-forward, user-friendly training to help you tackle new topics the way you want to learn. Master basic skills, boost your creativity, and challenge yourself in bold new directions. Create dynamic web pages that offer a robust and interactive experience for your visitors Code, develop, and test your websites Understand the many ways the newest version of HTML differs from previous iterations and how it can enhance your web development projects Includes over 11 hours of HTML5 video training If you're looking for real-world HTML5 instruction, you'll find it here. Lesson files for this course can be found here http://www.wiley.com/WileyCDA/Section/id-826141.html

Table of Contents

  1. Lesson 1
    1. HTML5 Core 00:10:52
    2. HTML5 Family 00:08:18
  2. Lesson 2
    1. Introduction to HTML Markup 00:06:11
    2. Validating Your Web Pages in HTML 00:06:57
    3. Adding Links and Images 00:06:59
    4. Styling a Heading with CSS 00:06:27
    5. Using a CSS Class 00:05:53
    6. Creating an External Stylesheet 00:06:59
  3. Lesson 3
    1. Adding Font Styles to Your Page with CSS 00:05:50
    2. Using Scalable Font Sizes 00:08:18
    3. Adjusting Margins and Padding 00:05:48
    4. Controlling Line Height and Width 00:07:17
    5. Displaying Lists Of Information 00:08:19
    6. Styling HTML Lists Using CSS 00:10:53
  4. Lesson 4
    1. Working with a CSS Reset File 00:07:33
    2. Creating Containers with div Elements 00:10:06
    3. Understanding the Float Property 00:08:44
    4. Creating Columns with the Float Property 00:05:27
    5. Working with the Clear Property 00:06:08
    6. Creating a List-based Navigation Bar 00:08:01
    7. Controlling Column Layouts with Padding 00:07:21
    8. Controlling Column Layouts with Margins 00:10:55
    9. Styling a Page Footer 00:06:45
  5. Lesson 5
    1. Creating Basic Layout Styles 00:06:19
    2. Working with CSS Background Images 00:07:23
    3. Solving Common Layout Problems 00:09:23
    4. Creating an Enhanced CSS Navigation Bar 00:12:48
    5. Using Absolute Positioning for Precise Layouts 00:08:55
  6. Lesson 6
    1. HTML5 Syntax Fundamentals 00:06:55
    2. Adding Your First HTLM5 Element 00:09:32
    3. Adding Nav and Section Elements 00:08:19
    4. Adding the Footer Element 00:07:49
    5. Adding the Article and Aside Elements 00:10:17
    6. Working with Additional HTML5 Elements 00:05:51
  7. Lesson 7
    1. Creating HTML5 Forms 00:07:27
    2. Best Practices for Styling Form Legends and Labels 00:05:46
    3. Styling Labels in Forms 00:08:15
    4. Adding HTML5 Input Types 00:06:59
    5. Adding HTML5 Attributes 00:08:45
    6. Working with Data Lists in HTML5 00:10:05
    7. Working with the Range Input Type 00:06:29
    8. Providing Fallback Support for Browsers 00:07:31
  8. Lesson 8
    1. JavaScript Basics 00:11:56
    2. JavaScript Events 00:04:28
    3. Accessing the DOM using JavaScript 00:07:32
    4. Hiding an Element with jQuery 00:07:43
    5. Showing a Hidden Element with jQuery Show Effect 00:08:32
  9. Lesson 9
    1. Adding HTML5 Video 00:08:47
    2. Adding Support for Multiple Browsers 00:09:44
    3. Adding Support for Older Browsers with HTML5 00:06:19
    4. Controlling Video Playback 00:11:17
    5. Adding HTML5 Audio 00:04:08
  10. Lesson 10
    1. Introduction to the Canvas 00:07:44
    2. Drawing Rectangles with Fills and Strokes 00:07:51
    3. Drawing Lines and Circles 00:11:08
    4. Using Canvas to Draw Arcs and Curves 00:10:22
    5. Working with Text on the Canvas 00:06:32
    6. Using Gradients and Transparency 00:10:04
    7. Adding Images to the Canvas 00:05:36
    8. Applying Transforms and Transitions 00:06:45
    9. Creating a Drawing Loop 00:06:43
  11. Lesson 11
    1. Creating Rounded Corners with Border-radius 00:08:13
    2. Adding Border Images to Elements 00:06:40
    3. Working with Mulitple Background Images 00:09:24
    4. Creating Linear, Radial and Repeating Gradients 00:07:49
    5. Using Opacity and Alpha Transparency 00:08:42
    6. Using Transforms to Scale, Skew and Rotate Elements 00:05:04
    7. Working with CSS3 Transitions 00:10:35
    8. Working with Webfonts in CSS3 00:06:13
    9. Using a Web Service in Order to Embed Web Fonts 00:07:44
  12. Lesson 12
    1. Creating a CSS3 Media Query 00:08:58
    2. Creating a Layout for Mobile and Small Screen Devices 00:10:41
    3. Exploring CSS3 Multi-column Layouts 00:06:07
    4. Exploring the Flexible-box Layout Module 00:12:48
  13. Lesson 13
    1. Introduction to Offline or Local Storage 00:09:58
    2. Working with Local Storage 00:10:12
    3. Working with the Application Cache 00:09:03
  14. Lesson 14
    1. Working with HTML Geolocation 00:08:44
    2. Displaying User Location on a Map 00:09:17
    3. Displaying Markers on a Map 00:07:37
  15. Lesson 15
    1. Introduction to Drag and Drop 00:10:26
    2. Differences in How Browsers Handle Drag and Drop 00:06:59