Course Code: 5684

Introduction to JavaScript - 4 Day

Class Dates:
12/10/2018
Length:
4 Days
Cost:
$1995.00
Class Time:
Technology:
Developer
Delivery:

Overview

  • 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
  • Individuals who need to learn the advanced features of JavaScript.

Prerequisites

  • Experience is required in HTML and experience in CSS and programming would be helpful.
  • Recommended Courses:

Course Details

  • 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