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