HTML5 with JavaScript & CSS3: Adaptive AI, Graphics, & Animation

Visual Studio 2017    |    Intermediate
  • 16 videos | 1h 17m 59s
  • Includes Assessment
  • Earns a Badge
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.


  • 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


  • 6m 10s
  • 2m 53s
    After completing this video, you will be able to understand how to design flexible layouts with multiple columns. FREE ACCESS
  • Locked
    3.  Using the HTML5 Canvas
    3m 15s
  • Locked
    4.  Manipulate Complex Graphics
    7m 24s
  • Locked
    5.  Defining SVG Graphics
    3m 9s
  • Locked
    6.  Using SVG to Create 2-D Geometric Shapes
    6m 53s
  • Locked
    7.  Applying Transformations to HTML5 SVG Elements
    5m 23s
  • Locked
    8.  Patterns and Gradients on HTML5 SVG Elements
    6m 27s
  • Locked
    9.  Working with Text in SVG
    4m 21s
  • Locked
    10.  Introducing CSS Keyframe Animations
    3m 46s
  • Locked
    11.  Working with Keyframe Animations and Properties
    5m 38s
  • Locked
    12.  HTML5 with CSS3 Transforms
    2m 37s
  • Locked
    13.  Applying 2-D and 3-D Transforms
    9m 5s
  • Locked
    14.  HTML5 with CSS3 Transitions
    4m 53s
  • Locked
    15.  Animation UI based on Media Queries
    3m 6s
    Upon completion of this video, you will be able to recognize the usage of media queries in HTML5 animation. FREE ACCESS
  • Locked
    16.  Exercise: HTML5 Animations and Adaptive AI
    2m 59s


Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.