HTML5 Page



The study of HTML5

A self study course in HTML5 from HTML5 Boston. The goal of the course is to complete one chapter per week of the book HTML5 Digital Classroom by Jeremy Osborne,Each Chapter's exercise files can be found in the overview box to the right.

What will I learn?

Building Web Applications with HTML5.
Differences from Previous HTML versions
Use of CSS3 with HTML5

HTML5 - Overview


Lesson 1: Defining HTML5
No exercises this chapter

Lesson 2: Fundamentals of HTML, XHTML, and CSS
Practice Files:

index.html

test.html

Lesson 3: Formatting Text with CSS
Practice Files:

03_fonts.html

03_sizing.html

03_lists.html

03_final.html

Lesson 4: Introduction to CSS Layout
Practice Files:

04_layoutworkout.html

Lesson 5: Advanced CSS Layout
Practice Files:

05_layoutwork.html

Lesson 6: Using HTML5 Markup
Practice Files:

06_index.html

Lesson 7: Creating HTML5 Forms
Practice Files:

Contact Form

Order Form

Lesson 8: Introduction to JavaScript and jQuery

Practice Files:

subscribe.html

Toggle with Jquery

Lesson 9: Working with Video and Audio Elements
Practice Files:
p>Using HTML5 Video Tag

Controlling Video with Javascript

Using HTML5 Audio Tag

Lesson 10: Working with Canvas
Practice Files:

Drawing a Rectangle

Drawing Curves

Drawing Lines and Circles

Adding Text to a Drawing

Adding Images to a Drawing

Using Color Styles and Gradients

Drawing Loops

Using Transforms

Lesson 11: Styling with CSS3
Practice Files:

Borders

Backgrounds

Using rgba

Gradients

Transitions

Animation

Web Fonts

Lesson 12: CSS3 Media Queries and the Future of CSS3
Practice Files:

Responsive Design

Multi-columns in CSS3

Flexible Boxes in CSS3

Lesson 13: Offline Storage in HTML5
Practice Files:

Storing Notepad Data

Caching Notepad Application

Lesson 14: HTML5 Geolocation
Practice Files:

Get your latitude/longitude

Locate yourself on a map

Using location and map API

Lesson 15: HTML5 Drag and Drop
Practice Files:

Shopping Cart Example

Checkers Game