JavaScript Essentials: Dynamic Content and HTML5

Course details

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.

• 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