Introduction to JavaScript - 4 Day
CLASS DATE(s):
Request a Class

COURSE LENGTH: 4 Days

COURSE COST: $1995.00

COURSE TIMES: 9:00am - 4:30pm

Printable version of this course
print

COURSE OVERVIEW

In this JavaScript training course, students learn to use JavaScript effectively to make their web pages more dynamic and functional and to reduce the number of roundtrips to the server.

AUDIENCE AND PREREQUISITES

Individuals who need to learn the advanced features of JavaScript. Experience is required in HTML and experience in CSS and programming would be helpful.

  

*Course Cost listed does not include the cost of courseware, required in your registration. If you have any questions, please contact us (learn@vtec.org or 207-775-0244). Course to run is subject to minimum enrollment. If minimum enrollment is not met course may run as a virtual instructor led course.

COURSE TOPICS:


JavaScript Basics
The Name "JavaScript"
What is ECMAScript?
The HTML DOM
JavaScript Syntax
Accessing Elements
Where Is JavaScript Code Written?
The "javascript" Pseudo-Protocol
. JavaScript Objects, Methods and Properties

Variables, Arrays and Operators
JavaScript Variables
Arrays
JavaScript Operators

JavaScript Functions
Global Functions
User-defined Functions
Returning Values from Functions

Event Handlers
Event Handlers
Dot Notation and Square Bracket Notation
querySelector()

Built-In JavaScript Objects
String
Math
Date
The typeof Operator
Helper Functions

Conditionals and Loops
Conditionals
Loops

JavaScript Form Validation
Accessing Form Data
Basics of Form Validation
Validating Radio Buttons
Validating Check Boxes
Validating Select Menus
Focus, Blur, and Change Events
Validating Textareas

The HTML Document Object Model
The innerHTML Property
Accessing Element Nodes, Attaching Events
Event Propagation: Capturing and Bubbling
Accessing Attribute Nodes, getAttribute()
attributes[], hasAttribute(), setAttribute()
removeAttribute()
Accessing Nodes by Type, Name or Value
Removing Nodes from the DOM
Creating New Nodes
Identifying the Target of an Event

CSS Object Model
Changing CSS with JavaScript
Hiding and Showing Elements
Manipulating Tables
Dynamically Changing Dimensions
Positioning Elements Dynamically
Changing the Z-Index
The CSS Object Model

10. Images, Windows and Timers
Image Rollovers
Preloading Images
Windows
Timers

Debugging and Testing with Chrome
Chrome DevTools
The Panels
The Sources Panel
Other DevTools Panels
Chrome DevTools API and Extensions