JavaScript: Handling Page and Form Events

Overview/Description
One of the greatest attractions for creating interactive Web pages is the ability to accept and process user input. For any Web page, JavaScript offers this type of interactivity. Web forms built with pure HTML cannot offer users any feedback, nor can HTML be used to validate information that users submit. This course is an interactive introduction to complex, conditional statements and JavaScript loop applications. The learner will gain skills to add interactivity and validation functions to Web forms.

Target Audience
This course is designed for Web developers who need to increase their developing skills. No prior experience with JavaScript or any language is necessary; however you should have experience with HTML and Web page development.

Expected Duration
This course, including the practice interactions, will take up to 4 hours to complete.

Objectives:

Using Conditional Statements and Loops

  • Define conditional statements
  • Structure If/Else blocks
  • Nest conditional statements
  • Create complex conditions
  • Define Switch statements
  • Create Switch blocks
  • Define loops
  • Create a For loop
  • Create a While loop
  • Create a Do While loop

    • Responding to Events

  • Explore events and event handlers
  • Create an event handler
  • Handle a click event
  • Work with mouseover and mouseout events
  • Create a page load event
  • Control the user with the unload event
  • Identify the submit event
  • Create an onfocus event handler
  • Respond to the blur event
  • Handle changes with the change event

    • Developing and Validating Forms

  • Define FORM and INPUT tags
  • Declare a form's ACTION and METHOD attributes
  • Work with multiple forms on a page
  • Position the user's cursor with the focus() method
  • Select text with the select() method
  • Deny focus with the blur() method
  • Submit a form without clicking using the submit() method
  • Define form validation
  • Validate a form using click and submit events
  • Create functions to validate forms


    • Course Number: WDEV0232