Training

 

 

Popular Courses

Browse Our Free Resources

  • whitepapers
  • whitepapers
  • webinars
  • blogs

Our Locations

Training Centres

Vancouver, BC
Calgary, AB
Edmonton, AB
Toronto, ON
Ottawa, ON
Montreal, QC
Hunt Valley
Columbia

locations map

Calgary

550 6th Av SW
Suite 475
Calgary, AB
T2P 0S2

Toronto

821A Bloor Street West
Toronto, ON
M6G 1M1

Vancouver

409 Granville St
Suite 902
Vancouver, BC
V6C 1T2

U.S. Office

436 York Road
Suite 1
Jenkintown, PA
19046

Other Locations

Dallas, TX
Miami, FL

Home > Training > Web Development, HTML, and JavaScript > HTML and JavaScript Training

HTML and JavaScript Training

Course#: WA1062

This course teaches the skills, techniques, and strategies needed to successfully create and promote a presence on the Web. It explores the leading-edge HTML techniques needed to enhance Web pages with frames, targets, columns, image maps, and meta tags. Learn how to create HTML forms, as well as scripts that process form results. In addition, discover how to use JavaScript to ensure that users complete all the appropriate fields. As the course progresses, the student will learn ways to produce DynamicHTML and explore techniques for developing browser-independent script.

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 of WA1062 HTML and JavaScript Training

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
We regularly offer classes in these and other cities. Atlanta, Austin, Baltimore, Calgary, Chicago, Cleveland, Dallas, Denver, Detroit, Houston, Jacksonville, Miami, Montreal, New York City, Orlando, Ottawa, Philadelphia, Phoenix, Pittsburgh, Seattle, Toronto, Vancouver, Washington DC.
*Your name:

*Your e-mail:

*Phone:

*Company name:

Additional notes:

We have received your message. A sales representative will contact you soon.

Thank you!.

more details
buy this course

Register for a courseware sample

It's simple, and free.

 

Thank You!

You will receive an email shortly containing a link to download the requested sample of the labs for this course.