JavaScript Programming
Price: Contact SST for pricing. Duration: 3 days
Prerequisites: Basic computer skills and knowledge of HTML fundamentals including use of Cascading Style Sheets.
Description: This hands on JavaScript training course provides the knowledge necessary to design and develop dynamic web pages using JavaScript. It introduces students to JavaScript and how the language can be used to turn static HTML pages into dynamic, interactive web pages. Students will learn the syntax of the JavaScript language and how client-side scripts interact with server-side programs. Additional topics include the Document Object Model, form validation, cookies, how to create functions, how to find and manipulate existing JavaScripts, and how to create your own JavaScripts. Hands-on exercises are performed throughout each day to demonstrate key concepts. At the end of this class, participants will have the knowledge necessary to utilize the power of JavaScript to provide dynamic content on their web sites.
Introduction to JavaScript
- Utility of JavaScript
- Evolution of the JavaScript Language
- JavaScript Versions and Browser Support
- Differences Between Client-Side vs. Server-Side JavaScript
|
|
Statements and Operators
- Variable Declarations
- Assignment Operators and Statements
- Arithmetic Operators
- Logical Operators
- Comparison Operators
- String Operators
- Conditional Operators
- Operator Precedence
|
Foundations of Dynamic HTML
- DHTML Capabilities
- Introduction to the Document Object Model (DOM)
- <link> Tags and External Styles
- Creating Custom Styles (classes)
- Positioning Layers
|
|
Implementing Functions
- Defining Functions
- Calling Functions
- Passing Arguments
- Local vs. Global Variables
- Using the Return Statement
- Nested Functions
|
Implementing Control Constructs
- Conditional and Looping Constructs
- The if else Statements
- The do while Statements
- The for in Statements
- The switch Statement
|
|
JavaScript Objects
- The JavaScript Object Model and Hierarchy
- JavaScript Object Properties
- Object Methods
- The new Keyword
- The this Keyword
- Creating New Object Instances Using Constructor Functions
- String, Date and Array Objects
- Construction of Custom Objects with Individual Properties and Methods
|
Fundamental JavaScript Directives
- In-Line JavaScript
- Linking Web Pages to External JavaScript Files
- JavaScript Using <script> Tags and Attributes
- Utilizing the <head> Tags
- <noscript> Tags
|
|
Implementing Arrays
- What are Arrays?
- The Purpose of Arrays
- Creating Arrays
- Reading and Writing to an Array
- Array Methods and Properties
- The delete Keyword
|
Cookies
- What is a Cookie
- Cookie Uses
- Components of a Cookie
- Cookie Controversy
- Using Cookies on a Web Page
- Cookie Examples
|
|
Common Applications
- Form Validation and Testing
- Specific Form Methods and Event Handlers
- User Interaction
- Local Form Processing
- Creating New Windows
- Writing to the Window Object
- Browser Awareness Using the Navigator Object
- Interactive Graphics
|
Event Handling
- Event-Driven Programming Model
- How JavaScript Handles Events
- Handling Link Events
- Handling Window Events
- Handling Image Events
- Handling Form Events
- Setting Event Handlers In-Line or Referencing Scripts
|
|
|