JavaScript Essentials: Dynamic Content and HTML5

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

Prerequisite
None

Expected Duration
137 minutes

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.

Objective

Dynamic Content

  • 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

Retrieving Element Properties

  • 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

HTML5 Basic Canvas Drawing

  • 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

Text and Objects on the HTML5 Canvas

  • 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

Canvas and Animation

  • 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

MONTHLY SUBSCRIPTION

$129/month
 

ANNUAL SUBSCRIPTION

$1295/year

Multi-license discounts available for Annual and Monthly subscriptions.