Programming in HTML5: Adaptive AI, Graphics, & Animation


Overview/Description
Expected Duration
Lesson Objectives
Course Number
Expertise Level



Overview/Description

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)
1.3

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:
    it_wdphjc_06_enus

    Expertise Level
    Intermediate