Home About Courses Schedule Services Webinars Contact Search

JavaScript Web Page Programming

SEE SCHEDULE

Duration: 3 Days

Method: Instructor led, Hands-on workshops

Price: $1625.00

Course Code: JA1060



Audience

This course is intended for beginning JavaScript coders and programmers who wish to deploy logic and the features of JavaScript in JavaScript-enabled web browsers to create attractive, interactive web pages.

Description

Are you a web page developer who wants to use the JavaScript programming language and it's concepts to expand the capabilities and interactivity of web pages on your web sites? JavaScript functions can validate user input to web forms and provide feedback to users via dialog boxes and alert controls, and much more.

Participants in this seminar will distinguish between local and global variables, JavaScript objects and math objects, and JavaScript strings and arrays. Clear and attractive web pages will be designed using forms, tables, windows, and interactive HTML objects. Testing web pages will be performed with a browser like Chrome or Internet Explorer in offline mode. Where applicable, web pages are uploaded and installed on a real website.

Objectives

Upon successful completion of this course, the student will be able to:

  • Understand and use JavaScript syntax
  • Deploy JavaScript to add logic to a web page
  • Code expressions with numbers, strings, dates and use Arrays
  • Code and use JavaScript control statements
  • Code and use JavaScript functions
  • Code and use JavaScript objects and JavaScript Object Notation (JSON)
  • Use events to enhance HTML form elements such as text boxes, check boxes, list boxes and command buttons
  • Understand JavaScript's exception handling and validation features
  • Use JavaScript to control Images and Timers
  • Test and debug a JavaScript Application

Prerequisites

Familiarity with an internet browser such as Internet Explorer, Chrome, or Firefox is recommended. Familiarity with HTML is required. Familiarity with programming concepts, especially with object oriented programming concepts, is strongly advised.

Topics

  1. Introduction to Web Development
    • How Web Applications Work
    • Components of a JavaScript Application
    • An Introduction to HTML and CSS
    • How to Test Deployed Web Pages
  2. JavaScript Basics
    • Including JavaScript in an HTML document
    • JavaScript syntax
    • Working with JavaScript data
  3. Essential JavaScript Statements
    • Basic control statements
    • Working with arrays
  4. JavaScript Objects, Functions and Events
    • Using objects to work with data
    • Using functions
    • Handling events
  5. Scripting Forms and Controls
    • DOM Scripting properties and methods
    • Scripting forms and controls
    • Adding new nodes to the DOM
  6. Testing and debugging a JavaScript Application
    • Introduction to testing and debugging
    • Debugging with Chrome‚Äôs developer tools
    • Other debugging methods
  7. Working with Numbers, Strings and Dates
    • Working with numbers
    • Working with strings
    • Working with dates and times
  8. Coding Control Statements
    • Conditional expressions
    • Selection structures
    • Iteration structures
  9. Arrays and Web Storage
    • Creating and using arrays
    • Methods of the Array object
    • Additional array capabilities
    • Web storage
  10. Creating and Using JavaScript Functions
    • Basic skills
    • Object oriented skills
  11. Creating and Using JavaScript Objects
    • Basic skills
    • JavaScript prototypes
    • Advanced skills
  12. . Regular Expressions, Exceptions and Validation
    • Using Regular Expressions
    • Handling Exceptions
    • Field validation
  13. Events, Images and Timers
    • Working with events
    • Working with images
    • Callbacks
    • Recursion
  14. Namespaces, Modules and Custom Properties
    • Working with namespaces
    • Working with modules
    • Customizing Properties
  15. JavaScript Object Notation (JSON)
    • Introduction to JSON
    • Working with JSON in JavaScript
    • Customizing the stringify method
    • Customizing the parse method
  16. Introduction to jQuery
    • What is jQuery
    • jQuery UI
    • jQuery plugins
    • Creating plugins