JavaScript Essentials: Dynamic Content and HTML5


Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level



Overview/Description
HTML5 is a big change to the way that HTML and JavaScript interact in the browser. HTML5 enables rich and high performing client interfaces with relatively trivial code. This course covers dynamically creating and manipulating content with JavaScript, and drawing and animating with the HTML5 Canvas.

Target Audience
Developers looking to skill up in JavaScript and anyone with an interest in writing JavaScript code

Prerequisites
None

Expected Duration (hours)
2.3

Lesson Objectives

JavaScript Essentials: Dynamic Content and HTML5

  • start the course
  • move an HTML element using keyboard input
  • drag and drop an HTML element
  • dynamically create variables using JavaScript
  • dynamically create arrays using JavaScript
  • dynamically generate and execute JavaScript commands
  • use JavaScript to identify when a user has clicked an HTML element
  • retrieve the x and y coordinates of an HTML element using JavaScript
  • access an HTML element's CSS style
  • change an HTML element's CSS styles by using JavaScript
  • access the HTML5 Canvas by using JavaScript
  • create shapes on the HTML5 Canvas by using JavaScript
  • draw a line on the Canvas by using JavaScript
  • draw a rectangle on the canvas by using JavaScript
  • draw a circle on the canvas by using JavaScript
  • clear the HTML5 Canvas using JavaScript
  • draw text on the HTML5 Canvas using JavaScript
  • create Linear Gradients on the HTML5 Canvas using JavaScript
  • create Radial Gradients on the HTML5 Canvas using JavaScript
  • place images on the HTML5 Canvas by using JavaScript
  • create and track an object's location on the HTML5 Canvas using JavaScript
  • determine the optimal frame rate for Canvas animation using JavaScript
  • animate objects on the HTML5 Canvas
  • get the attributes of an HTML element
  • get child object content and attributes by using JavaScript
  • programmatically change the HTML5 Canvas by using JavaScript
  • auto fit the HTML5 Canvas to a browser window by using JavaScript
  • Course Number:
    sl_jsce_a08_it_enus

    Expertise Level
    Intermediate