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!

  • For Grades: 7-12
  • 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 chatper reviews

Sample Videos:

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

Have questions? Call 1.855.932.8091