Programming in HTML5: Adaptive AI, Graphics, & Animation

Expected Duration
Lesson Objectives
Course Number
Expertise Level


Enhance your web page graphics and animations using HTML5 and CSS. Examine various adaptive AI and animations techniques, including SVG graphics, 2-D and 3-D models, and how to animate all components.

Expected Duration (hours)

Lesson Objectives

Programming in HTML5: Adaptive AI, Graphics, & Animation

  • recognize how to implement flexible CSS3 layouts
  • understand how to design flexible layouts with multiple columns
  • recognize how to apply CSS styling to HTML5 canvas elements
  • recognize the process of using HTML5 canvas API to draw and manipulate complex graphics
  • define SVG graphics and its use
  • recognize how to use SVG to Create 2-D Geometric Shapes
  • recognize how to apply transformations to SVG elements
  • recognize how to work with patterns and gradients on SVG Elements
  • recognize how to work with text
  • define a new keyframe animation and how to configure it
  • demonstrate how to configure keyframe animations and properties
  • recognize how to animate HTML5 with transforms
  • recognize how to apply 2-D and 3-D transforms to HTML5 elements
  • recognize how to work with CSS3 Transitions
  • recognize the usage of media queries in HTML5 animation
  • configure HTML5 animations and adaptive AI
  • Course Number:

    Expertise Level