StudioWeb | HTML5 CSS3 and jQuery

HTML5 and CSS3 are the latest versions of HTML and CSS, and are now part of everyday web design and development. They bring tons of rich features which allows you to make beautiful looking web pages much more easily than before.

JQuery is a Javascript library (canned javascripts) that make it really easy to create all kinds of cool web widgets. Like HTML5 and CSS3, JQuery is used in everyday web design today.

This course will teach you how to apply these new techniques in the most practical way possible. Learn how to take an existing HTML document and convert it to a modern looking website using HTML5/CSS3 and jQuery!

Prereqs: Beginners HTML and CSS
Estimated Class Time: 5-6 hours
Number of Lessons: 28
Quiz Questions: 2 multiple choice, 20 code challenges, and 2 chapter reviews

Sample Videos:

Introduction
Running Time: 2:50
XHTML vs HTML5
Running Time: 8:38
HTML5 Skeleton
Running Time: 11:41

Course Outline:

Chapter 1: Introduction to HTML5

Introduction
XHTML vs HTML5
HTML5 Skeleton

Chapter 2: Introduction to CSS3

CSS Layout Review
Crossbrowser Compatibility
Rounded Corners
Box Shadow
Text Shadow
2D Transform
2D Transitions: Part 1
2D Transitions: Part 2
@Font-Face
@Font-Face: Part 2
Navigation Transitions

Chapter 3: Using jQuery

Intro to jQuery
Adding HTML
Adding jQuery
Tab Variations
Image Overlays: Part 1
Image Overlays: Part 2
Overlay CSS: Part 1
Overlay CSS: Part 2
Overlay CSS: Part 3

Chapter 4: 1-Page Slider

1-Page Slider
Project Concept
Basic HTML
Add Basic jQuery
CSS Explained