English French German Italian Portuguese Russian Spanish

logo_old

  • Web Design Training

    InterSource offers live instructor-led courses on all important web design technologies, including Ajax, CSS, Dreamweaver, Expression, Google, HTML, JavaScript, and Web Accessibility.

    These live classes are offered both on client sites, at our Geneva training center, and via a Web interface.

  • About Web Design

    Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers.

    The intent of web design is to create a web site-a collection of electronic files that reside on a web server/servers and present content and interactive features/interfaces to the end user in form of Web pages once requested. Such elements as text, bit-mapped images (GIFs, JPEGs) and forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Adobe Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags.


    Read More
  • Course Details Web Design

    Classes are offered at client sites, at our Geneva training center, and via a live web conference. For detailed course outlines and scheduled classes, please see below.

    To book training, navigate to the course you need, then:

    • For scheduled online classes, register from the choices indicated.
    • If you need an alternative date, time or location, or if you want a live classroom course, click on “request an offer for this course,” to complete the form.

Advanced JavaScript Programming

 PDF PrintEmail

Course duration

  • 2 Days

Course Outline

In this Advanced JavaScript Programming class, you will learn advanced JavaScript techniques and good standard coding conventions. You will also learn advanced form validation with Regular Expressions, to manipulate the HTML DOM and to create jump menus and cascading select menus. Finally, you will learn to manipulate CSS with JavaScript to create applications using Dynamic HTML.

  • Review JavaScript functions and the DOM.
  • Introduce / Review XmlHttpRequest and JSON.
  • Learn to use advanced techniques, such as anonymous function.
  • Learn to use regular expressions for advanced form validation.
  • Learn to create dynamic forms with JavaScript.
  • Learn to create dynamic web applications with JavaScript and Dynamic HTML.
  • Learn to check for browser support on a feature by feature basis.
  • Learn to create dynamic menus.
  • Learn to create stunning visual effects with Dynamic HTML.
  • Learn to position elements dynamically.
  • Learn to modify content on the fly.
  • HTML
  • Basic JavaScript
  • CSS
  1. Quick JavaScript Recap
    1. Primitive data types
      1. Null
      2. Undefined
      3. Boolean
      4. Number
      5. String
    2. Native Types
      1. Date
      2. Array
      3. Object
      4. Regular Expressions
    3. Functions
    4. The DOM
      1. The DOM is not JavaScript
      2. JavaScript is not the DOM
      3. The window object
    5. The XMLHttpRequest object
    6. JSON
  2. Advanced Techniques
    1. Optional Function Arguments
    2. Truthy and Falsy
    3. Default Operator
      1. Default Operator Gotcha!
    4. Functions Passed as Arguments
    5. Anonymous Functions
    6. Inner Functions
    7. Observing and Capturing Events
    8. The eval() Function
    9. Variable Scope
    10. Error Handling
      1. Runtime Errors
    11. The delete Operator
  3. Regular Expressions
    1. Getting Started
      1. JavaScript's Regular Expression Methods
      2. Flags
      3. String Methods
    2. Regular Expression Syntax
      1. Start and End ( ^ $ )
      2. Number of Occurrences ( ? + * {} )
      3. Common Characters ( . \d \D \w \W \s \S )
      4. Grouping ( [] )
      5. Negation ( ^ )
      6. Subpatterns ( () )
      7. Alternatives ( | )
      8. Escape Character ( \ )
    3. Backreferences
    4. Form Validation with Regular Expressions
    5. Cleaning Up Form Entries
  4. The HTML Document Object Model
    1. innerHTML
    2. Accessing Element Nodes
      1. getElementById()
      2. getElementsByTagName()
      3. getElementsByClassName()
      4. querySelectorAll()
      5. querySelector()
    3. Accessing Element and Text Nodes Hierarchically
    4. Attaching Events
      1. Event Propagation: Capturing and Bubbling
      2. Detaching Events
    5. Accessing Attribute Nodes
      1. getAttribute()
      2. attributes[]
    6. Accessing Nodes by Type, Name or Value
      1. nodeType
      2. nodeName
    7. Removing Nodes from the DOM
      1. DOM Differences: The Whitespace Problem
    8. Creating New Nodes
    9. Identifying the Target of an Event
  5. Dynamic Forms
    1. Jump Menus
      1. The options[] Collection
      2. The selectedIndex Property
      3. Disabling Form Elements
    2. Adding Options to a Select Menu
    3. Cascading Select Menus
      1. Making the Code Modular
    4. Creating a JavaScript Timer
    5. A Sample Quiz Tool
  6. Dynamic HTML
    1. Introduction
    2. Accessing and Modifying Styles
    3. JavaScript style Properties
    4. Hiding and Showing Elements
    5. Manipulating Tables
    6. Dynamically Changing Dimensions
      1. Creating a Timed Slider
    7. Positioning Elements Dynamically
      1. Creating a Different Timed Slider
    8. Changing the Z-Index
    9. A Note on JavaScript Frameworks

InterSource Geneva, a premier Information Technology training firm, offers over 400 different courses on server, database and programming technologies, as well as end-user classes for the most popular office, graphics and design applications. We serve clients in Switzerland (Geneva, Lausanne, Bern, Basel, Zurich) and throughout Europe (France, Germany, Austria, Finland, Sweden, England, Netherlands, Spain, etc.).


InterSource offers custom, private courses at client sites, standard public courses in our Geneva classroom, and online training via live Web conference. Training is offered in English and many other languages (Francais, Deutsch, Espanol, Italiano.)


For an overall view of our offerings, please visit us at www.intersource.ch.