Live Chat
Monday - Friday 8am - 6pm EST Chat Now
Contact Us
Monday - Friday 8am - 8pm EST 1-800-268-7737 Other Contact Options
Checkout

Cart () Loading...

    • Quantity:
    • Delivery:
    • Dates:
    • Location:

    $

JavaScript Essentials

This course covers many facets of programming rich interactive user experiences with JavaScript.

GK# 7323

Course Overview

TOP

JavaScript is the de facto standard for writing front-end user interfaces for web applications. This course covers many facets of programming rich interactive user experiences with JavaScript.

Schedule

TOP
  • Delivery Format:
  • Date:
  • Location:
  • Access Period:

$

What You'll Learn

TOP
  • Getting Started
  • Language Features
  • JavaScript In Depth
  • Basic Browser Interaction
  • Date and Math Functions
  • Working with Strings
  • Working with Page Elements
  • Dynamic Content and HTML5
  • Dynamic JavaScript Code
  • Input and the Mouse

Outline

TOP
Viewing outline for:

On-Demand Outline

JavaScript Essentials: Getting Started

  • Describe how to set up a JavaScript development environment
  • Describe the features and functionality of the Internet Explorer 11 developer console
  • Describe best practices for JavaScript code spacing and formatting
  • Describe the methods for including JavaScript in web pages
  • Describe three methods for adding JavaScript to an HTML document based on the standard of HTML
  • Declare and initialize a variable
  • Declare and use an If statement that executes different code based on a condition
  • Write a switch statement containing case and break statements
  • Use While and Do While loops
  • Use a For loop
  • Declare an array
  • Loop through an array using the index
  • Describe functions in JavaScript
  • Encapsulate JavaScript with custom functions
  • Pass values from an HTML form to a function that runs different code based on the values
  • Differentiate between local and global variables
  • Use array functions to manipulate array elements by adding, removing, and sorting elements
  • Describe anonymous functions in JavaScript
  • Create custom objects in JavaScript
  • Use the for...in loop to retrieve object properties when their names are unknown
  • Create your own custom objects in JavaScript using constructor functions
  • Create object methods in JavaScript
  • Use the prototype keyword to add properties and methods to an object in JavaScript
  • Obtain the attribute of an object in JavaScript
  • Use the prototype keyword to implement inheritance in JavaScript

JavaScript Essentials: Language Features

  • Describe undefined variables
  • Describe null variables
  • Create and use regular expressions in JavaScript
  • Create substrings in JavaScript
  • Format strings in JavaScript
  • Use the Number object to format numbers for display in JavaScript
  • Use the Math object in JavaScript
  • Use the Date object in JavaScript
  • Create Boolean objects
  • Create nested If statements in JavaScript
  • Create nested loops in JavaScript
  • Use JavaScript labels
  • Use conditional operators to clean up If Else statements
  • Get, retrieve, and display XML data using JavaScript
  • Use external JavaScript script files
  • Use events and event listeners
  • Retrieve the information stored in an event object
  • Capture basic user events and respond to them using JavaScript code
  • Use the try-catch statements for error handling in JavaScript
  • Use the throw statement to handle custom errors
  • Use JavaScript comments detailing the intended purpose of your scripts
  • Set delay and call a function after a specific time interval
  • Debug a program by using the Error object
  • Encode and decode URIs to a readable format by using JavaScript

JavaScript Essentials: JavaScript In Depth

  • Use var keyword in JavaScript to create private properties and methods
  • Use the "this" keyword in JavaScript code
  • Create custom functions to compare objects in JavaScript
  • Create a custom function for cloning JavaScript objects
  • Use the XSLTProcessor object along with the importstylesheet to perform transformations
  • Use the XSLTProcessor object along with the transformToFragment method to perform transformations on document fragments
  • Use JavaScript and an XSLT stylesheet to transform an XML document in Internet Explorer
  • Use JavaScript with XPath to select specific nodes in an XML document
  • Use JavaScript with XPath to select specific nodes in an HTML document
  • Use the XPath result object to select a single node in an XML document
  • Use the XPath result object to select simple types in an XML document
  • Use the XPath result object to return an iterator type of node
  • Use the XPath result object to return a snapshot
  • Use the XPath result object to select the first matching node in an XML document
  • Work with strings in JavaScript
  • Use Escape sequences in JavaScript strings
  • Use the match string method in JavaScript
  • Use special string characters in JavaScript
  • Use the Web Storage API and the localStorage object to store objects with no expiration date
  • Use the Web Storage API and the sessionStorage object
  • Change elements using innerHTML in JavaScript
  • Use the window.open method
  • Use the document.write and document.writeln methods in JavaScript
  • Use the print method in JavaScript to display specific parts of a web page

JavaScript Essentials: Basic Browser Interaction

  • Access the document object model and use it to set CSS properties
  • Add and manipulate CSS styles by using JavaScript code
  • Access a CSS style sheet using JavaScript
  • Add a CSS style to a style sheet using JavaScript
  • Remove a CSS style from a style sheet using JavaScript
  • Disable and enable a style sheet
  • Use getElementById to get and change the content of elements
  • Use the window object to create new browser windows
  • Use the History object to navigate the browser's history
  • Use the Alert, Prompt, and Confirm dialog boxes in JavaScript codes
  • Use JavaScript to refer to and manipulate form values
  • Use the navigator object to retrieve and display browser properties
  • Obtain user information by using JavaScript
  • Retrieve a user's location and redirect the user to another page
  • Detect screen features using JavaScript
  • Use document.cookie to store values for later use
  • Find the value of a specific cookie
  • Resize windows by using the resizeBy and resizeTo methods in JavaScript
  • Use the moveBy method in JavaScript to move a window, relative to its current location
  • Use the moveTo method in JavaScript to move the window to a particular location
  • Use JavaScript to close browser windows
  • Use the replace method to change the document being used in a browser
  • Use the scrollTo method to automatically scroll to a specific location

JavaScript Essentials: Date and Math Functions

  • Subtract dates and times in JavaScript
  • Compare dates to one another in JavaScript
  • Calculate elapsed time in JavaScript
  • Use the getDay method and an array in JavaScript to figure out the days of the week
  • Use the date object in JavaScript
  • Work with bitwise logical operators to perform operations on binary numbers
  • Use JavaScript to perform bit shifting operations
  • Describe Increment and Decrement prefix and postfix operators
  • Check equality and use the triple equal operator in JavaScript
  • Use Euler's number and the logarithm math object properties
  • Use the log2 and the log1 math object properties
  • Use the PI math object property
  • Use the Square Root Half and Square Root 2 math object properties
  • Use the cosine, sine, and tangent math object methods
  • Use the Arccosine, Arcsine, Arctangent, and Arctangent2 math object methods
  • Use the absolute math object method
  • Use the floor and ceiling math object methods
  • Use the power and square root math object methods
  • Use the exponent and log math object methods
  • Use the min and max math object methods
  • Use the round math object method
  • Generate a random number between a range of values by using JavaScript

JavaScript Essentials: Working with Strings

  • Change the font style of strings by using JavaScript
  • Change the font color in strings by using JavaScript
  • Change the size of fonts in strings by using JavaScript
  • Generate hyperlinks from strings by using JavaScript
  • Generate superscripts and subscripts in strings by using JavaScript
  • Locate a string within a string by using indexOf
  • Use charAt to locate a specific character in a string
  • Locate the Last Known Position of a substring using lastIndexOf
  • Search strings using the JavaScript search method
  • Search strings using the JavaScript match method
  • Search and replace strings by using the JavaScript replace method
  • Search strings using the JavaScript slice method
  • Split a string using JavaScript
  • Convert strings to upper or lower case
  • Convert strings to upper or lower case based on the user's location
  • Convert numbers to strings
  • Convert strings to numbers
  • Get a Unicode value from a string by using JavaScript
  • Generate a character from Unicode by using JavaScript
  • Make string text bigger and smaller by using JavaScript
  • Concatenate strings by using the concat method
  • Set and use localeCompare
  • Remove white space from strings using JavaScript
  • Determine the function that created a string using JavaScript
  • Determine the length of a string
  • Recursively store input in a string

JavaScript Essentials: Working with Page Elements

  • 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

  • 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

  • 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

  • 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

Prerequisites

TOP

The way we view the web is rapidly changing with many users moving away from the traditional desktop or laptop computers and adopting tablets and smart phones. With that changeover come many new different design challenges that developers have to take into account when they build websites. In this path, you will be introduced to the different technologies and terminologies that will start building your web designing skill sets.

Who Should Attend

TOP

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

Follow-On Courses

TOP

HTML, or HyperText Markup Language, is used to allow the building of a webpage that can be viewed using a web browser. HTML is created by formatting text using the Markup language, which consists of a set of elements, also called tags, and attributes. In this path, you'll learn how to create HTML5 compliant webpages based on the W3 HTML5 specification.

Course Delivery

This course is available in the following formats:

On-Demand

Train at your own pace with 24/7 access to courses that help you acquire must-have technology skills.



Request this course in a different delivery format.
Enroll