Font size:

Description:

This is a bundled training package. It contains training for each of the bundled items below:

Course Price
JavaScript Essentials: Working with Page Elements $74.95
JavaScript Essentials: Dynamic Content and HTML5 $74.95
JavaScript Essentials: Dynamic JavaScript Code $74.95
JavaScript Essentials: Input and the Mouse $74.95

Bundle Price: $169.00
Total Savings: $130.80


JavaScript Essentials: Working with Page Elements

One of the strengths of JavaScript is its ability to manipulate HTML elements on a web page. This course covers backgrounds and buttons, working with DIV containers in HTML documents, generating and finding various HTML elements on a page, and manipulation of pages programmatically.
  • start the course
  • find HTML elements by ID
  • change a page background in JavaScript
  • use buttons for navigation to a URL in JavaScript
  • change the value of the button on the fly by using JavaScript
  • change the properties of a button by using JavaScript
  • remove a div container by using the removeChild method in JavaScript
  • add a div container using the appendChild method
  • use JavaScript to add content to an HTML DIV
  • add an image file to a div container by using JavaScript
  • remove an image file from a div container using JavaScript
  • add list elements to a web page using JavaScript
  • remove list elements from a web page
  • use JavaScript to get HTML text from a page element
  • find and change HTML elements by className using JavaScript
  • find and change HTML elements using the getElementsByTagName method
  • find, add, or change HTML form elements using the JavaScript Forms method
  • add HTML elements to a web page using the document.createElement method
  • select files and create image thumbnails using JavaScript
  • capture data from a form field in real time using JavaScript
  • create an automatic redirect by using JavaScript
  • create a countdown timer by using JavaScript

JavaScript Essentials: Dynamic Content and HTML5

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

JavaScript Essentials: Dynamic JavaScript Code

JavaScript enables dynamic web experiences through interaction with the browser and client OS. This course covers how to add drag and drop functionality with JavaScript, dynamically changing JavaScript code at execution time, working with browsers and pop-ups, and debugging JavaScript code.
  • start the course
  • use JavaScript and the drag and drop API to include draggable objects in the web page
  • drag and drop an image into an HTML element
  • drag and drop text into an HTML element
  • use the str.replace method to change text quickly
  • create a simple animation by using JavaScript timers
  • execute JavaScript commands contained in a string
  • add a hyperlink to a web page in JavaScript
  • generate an anchor link by using JavaScript
  • add properties to objects using prototype
  • obtain a variable's type by using JavaScript
  • detect a user's screen and browser window sizes
  • create button pop-ups
  • create hyperlink pop-ups
  • create a DIV pop-up and dim the browser background
  • dynamically add a form field to a page
  • read and assign class names to the objects by using JavaScript
  • list the processing order of math operators in JavaScript
  • use JavaScript to nest functions
  • filter file types in a file selector by using JavaScript
  • use JavaScript in the Geolocation API to display a user's location on a map
  • debug JavaScript
  • create JSON data by using the stringify method
  • read and display JSON data using JavaScript

JavaScript Essentials: Input and the Mouse

As a client side UI focused language, efficiently handling user input in JavaScript is very important. This course covers submission and validation of forms and input boxes, checkboxes and dialogs, tracking mouse and keyboard interactions, and changing mouse cursors.
  • start the course
  • prevent a form from clearing its fields when the Submit button is clicked
  • capture form data using JavaScript
  • capture file information from a file submit field using JavaScript
  • validate numerical input using JavaScript
  • validate text input using JavaScript
  • validate an e-mail address by using JavaScript
  • use the confirm dialog box to create binary choices for users
  • set the prompt dialog box
  • process checkbox selections by using JavaScript
  • process radio button selections by using JavaScript
  • process drop-down menu selections by using JavaScript
  • process data from multiple form fields into a string using JavaScript
  • track mouse coordinates in a browser using JavaScript
  • track mouse clicks on HTML objects by using JavaScript
  • track mouse clicks and coordinates
  • track keyboard input
  • create pop-ups on mouse hover with JavaScript
  • create hyperlink pop-ups on mouse hover
  • track mouse coordinates on HTML5 Canvas by using JavaScript
  • detect mouse clicks on an HTML5 canvas by using JavaScript
  • change the cursor by using the "default", "auto", "text", "copy", and "move" properties
  • change the cursor by using the "crosshair", "help", "progress", and "wait" properties
  • change the cursor by using the "inherit", "pointer", "no-drop", and "not-allowed" properties
  • using vertical-text, none, row-resize, and col-resize mouse cursors
  • change the mouse cursor by using directional resize mouse cursors
  • change the mouse cursor by using context-menu, alias, all-scroll, and cell properties
Register Now
JavaScript Essentials e-learning bundle
  • Course ID:
    252891
  • Duration:
    7 hours
  • Price:
    $169