03/07/2022 - 03/11/2022
10:00 AM - 05:30 PM
Online Virtual Class
USD $2,895.00
Enroll
Topics
 
  • HTML basics
  • Introduce JavaScript as a scripting language
  • Create intelligent form validation processes
  • Show how the Document Object Model encapsulates the HTML document
  • Use the available Objects to create dynamic content
  • Understand the differences between the major browsers, and create browser recognition and compatible script
  • Utilize cookies to maintain session memory persistence
  • Examine other web development technologies
Audience
  Web developers, Web Masters and JavaScript programmers.
Prerequisites
  Comfort using the Internet.
Duration
  Five days.

Outline for HTML and JavaScript

1. INTRODUCTION TO HTML

  • The Internet
  • The History of HTML
  • The Building Blocks of a Web Page
  • A Simple HTML Document

2. FORMATTING TEXT

  • Modifying the Appearance of Text
  • Text Alignment
  • Creating Lists

3. GRAPHICS, COLOR, AND ANIMATION

  • Working with Images
  • Using Images with HTML
  • Custom Backgrounds
  • Animation
  • Adding Sound

4. ADVANCED LAYOUT WITH TABLES

  • Creating Tables
  • Advanced Layouts with Tables
  • Grouping Rows and Columns
  • Tips and Tricks

5. HYPERTEXT LINKS

  • Anatomy of a URL
  • Working with Anchors
  • Linking to Web Pages
  • Other Hypertext Links
  • Image Maps

6. FRAMES

  • What Are Frames?
  • Creating a Frameset Document
  • Frame Attributes
  • Using Hyperlinks
  • Frame Layout

7. CASCADING STYLE SHEETS

  • Cascading Style Sheets Overview
  • Using Style Sheets
  • Formatting and Layout
  • Advanced Techniques

8. HTML FORMS

  • Introduction to Forms
  • Form Controls
  • Implementing Forms
  • Advanced Form Design

9. CREATING INTERACTIVE WEB PAGES

  • Introduction to Scripting
  • JavaScript
  • Performing Field Validation
  • VBScript
  • Using Java Applets
  • Using ActiveX Controls

10. DHTML

  • What is DHTML?
  • Document Object Model (DOM)
  • Dynamic Styles
  • Dynamic Classes
  • Dynamic Content

11. Introduction

  • JavaScript’s Humble Beginning
  • JavaScript and ECMA
  • New Features of JavaScript 1.5
  • So Many Browsers
  • Internet Explorer vs. Netscape Navigator
  • Introducing the DOM
  • Recognize Methods, Properties, and Event Handlers
  • Script Placement
  • Hiding JavaScript from Older Browser
  • External Script Libraries
  • Viewing Errors in Browsers
  • Variables, Expressions, and Evaluations
  • Operators
  • Simple Conversions

12. JavaScript Conditions and Loops

  • The if/if…else Control Structure
  • else…if
  • The Switch Statement
  • Boolean Operators: NOT/AND/OR and Bitwise
  • NOT
  • AND
  • OR
  • Bitwise Booleans
  • Loops
  • for Loops
  • Breaking Out of the Loop
  • Skipping an Iteration
  • while Loops
  • do-while Loops
  • Using in for Property Looping
  • The with Statement
  • Labeled Statements

13. Strings and Functions

  • Strings
  • Manipulating Strings
  • String Concatenation
  • Changing String Case
  • Substring Searches
  • Substring Extraction
  • Functions
  • Creating Your Own Functions
  • Function Parameters
  • Returning Data from Functions
  • Variable Scope

14. Arrays

  • Introduction to Arrays
  • Simple Arrays
  • Arrays as Structures
  • Parallel Arrays
  • Multidimensional Arrays
  • Using the Array Object
  • Length
  • Concat
  • Join
  • Slice

15. Form Interaction

  • Working with Form Objects
  • Alternatives to Forms
  • Form Basics
  • Form.method Property
  • Form.action Property
  • Fieldsets
  • Form.Elements[]
  • Text Objects
  • Button Objects
  • Check Box Objects
  • Radio Objects
  • Select and File Objects
  • File Input Object
  • Validation and the onSubmit Event

16. Built-In Objects

  • String Object
  • Prototype Properties and Methods
  • charAt()
  • charCodeAt()
  • fromCharCode ()
  • String.match(RegExp)
  • String.replace(RegExp, string)
  • String.split(“delimiter”, [limit int]) or (RegExp)
  • Date() Object
  • Working with Other Dates
  • setInterval() and setTimeout()
  • setInterval
  • setTimeout
  • Math Objects.
  • The Number Object
  • The Boolean Object
  • The Math Object
  • Math Object Methods and Properties
  • Regular Expressions and the RegExp Object
  • Simple Pattern Expressions
  • The RegExp Object

17. Windows and Frames

  • The Window Object
  • Spawning a Window
  • Referencing the New Window
  • Creating Content in the New Window
  • Launching Functions and Passing Values
  • Modal and Modeless Dialog Boxes in Internet Explorer 5+
  • Creating a Frameset
  • Parents and Children
  • iframes

18. Event Handling

  • Popular Browser Event Models
  • The Sequence of Events
  • The Event Object
  • Bubbling vs. Capturing Events
  • Bubbling Events in Internet Explorer 4+
  • Netscape Navigator 4 Event Capture Model
  • Events in Netscape Navigator 6+ (W3C Compliant Version)
  • Event Objects
  • The Static Event Object
  • Standard Event Objects
  • Browser Differences
  • Capturing in a Compatible Fashion
  • Event Types
  • Mouse Event Types
  • Keyboard Event Types: text, password, & textarea
  • Loading/Unloading Event Types
  • Other Window Event Types
  • Form-Related Event Types

19. Error Handling

  • Reading Error Messages
  • Displaying Errors
  • Investigating Problems
  • Exception Handling
  • Try…Catch…Finally Blocks
  • Custom Error Objects
  • JavaScript Debugging
  • The Venkman Debugger
  • The Venkman Interface

20. Custom Objects

  • Functions
  • Functions as Objects
  • Functions on the Fly
  • Nested Functions
  • Variables and Arguments
  • Undefined Parameters
  • Objects and Properties
  • Objects and Methods
  • Arrays, Objects, or Object Arrays?
  • Prototypes
  • Method Overriding
  • Best Practices
  • Code Refactoring
  • Template Technique
  • Creating Organized Libraries