Alive Online HOME Page
Training
Courses Teachers Location Tuition Are You Interested in these Courses Register Here Related Course Info

 

Dynamic HTML (DHTML) & Javascript

Do you want to learn how to build:

  • Interactive pages
  • Mouse-overs, image animation's
  • Form validations
  • How Javascript can integrate with XML

Then this is the course for you.

Cutting-edge Web design requires more than knowing how to make attractive graphics and well-designed text. From mouse-overs to page animation and expanding menus, sharp Web design increasingly incorporates elements of Dynamic HTML (DHTML). DHTML gives you the skills you need to make crisp, elegant pages that respond dynamically to the actions of the users and make the most effective use of the limited space available in a browser window.

You will learn the JavaScript programming techniques needed to develop cutting-edge, interactive Web sites. From opening windows to image-flipping and form validation, this course gives you the skills imperative to building exciting, dynamic Web pages.

Understand JavaScript Commands and Program Structure
Through discussion and hands-on exercises, you will learn to write compact, efficient scripts in JavaScript. Master JavaScript's program structure, syntax, and most important commands, including arithmetic and logical operators, scalar and array variables, control structures, and functions

Use Interactive Design Theory
Web users no longer expect pages they visit to load as static documents and respond only to clicks on links. Elements now change in response to user actions, highlighting and explaining paths to the information on the site. Interactive design will play an increasingly important role in the coming years.

Position Elements Dynamically
Traditional desktop publishing enables you to position elements either absolutely (with respect to one of the borders of the page) or relatively (with respect to other page elements). With the advent of CSS and JavaScript, you can now desktop-publish on the Web, building sophisticated, attractive layouts that adapt to the browser.

Use Style Sheets and Templates for a Uniform Design
Like styles in word processors, CSS lets you define certain attributes and apply that style to multiple pages. CSS allows text indents and precise line spacing, as well as removing underlines from links, specifying fonts by point size, and capitalizing or making text lowercase automatically. Background colors and images can be applied to individual elements of the page. Page elements can be overlaid and overlapped to create effects such as drop shadows and other design elements.

Centralize Style Specifications
When it's time to change the appearance of your site, it's no fun to edit every page by hand. CSS allows you to specify default styles for every element on a page, then share these defaults with some or all of the pages on your site.

Toggle Information On and Off
Often, it is an effective design tool to create menus and directories of information that are hidden but quickly accessible from the main page. This can be accomplished using JavaScript to toggle information on and off the screen.

Perform Advanced Form Validation
Most form validations are performed only after the user submits the form. You will learn how to have validations performed immediately after a user fills in a field and how to automatically highlight the sections that need to be corrected.

Control Cookies with JavaScript
Cookies act as persistent variables, enabling your pages to save information on the user's hard drive, from which it can later be retrieved by other pages on your site (but not pages on other sites). For example, let's say you have a site that sells hardware. As the user goes from page to page and selects the items she wishes to order from you, these items could be recorded as cookies. Later, when she chooses to check out, these cookies could be retrieved and processed as part of the order, and a cookie with her order number could be saved. Cookies can be saved even after the browser session ends or the computer shuts down. When a user visits your site two days later to check on the status of her order, pages on your site can read the cookie with her order number and use this to immediately alert her of the order's status, without her having to click on a link or enter her order number.

Regular Expressions
Regular expressions enable your scripts to interactively check whether a string of characters matches a specific pattern. For example, a regular expression could check whether a ABN number entered in a form is "11 digits " or whether a user's full name includes at least two words separated by a space. You'll learn the basics of regular expressions for form validations.

Build Adaptive Forms
Most forms on the Web are static forms that do not change as the user enters data into them. With JavaScript, however, you can build forms that change automatically as the user enters data. For example, after the user selects "Queensland" for the state option, you may wish to automatically populate a "Suburb" menu with prominent Brisbane Suburbs.

Learn Complex Control Structures
JavaScript supports a complete set of powerful control structures, including break, continue, do-while, for-in, switch-case, and more. You will learn how to use these structures to make your scripts run more quickly with less code.

Create Reusable Code with Object-Oriented Programming Techniques
JavaScript allows you to define new classes and objects. These classes and objects can be reused across multiple programs, saving you hours of development time over the course of a year. You will master object-oriented programming concepts such as inheritance, classes, and objects and discover how to apply them to accelerate your JavaScript development.

Discover the Full Capabilities of the Date and Location Objects
The Date and Location objects are two of the most powerful objects in JavaScript, allowing you to perform time calculations and control what the user's browser displays. You will master their full capabilities and use them to time stamp form submissions, create navigation menus, and more.

Generate Page Animation
CSS, in conjunction with JavaScript, enables you to move page elements gradually to specific locations on the page. You can also dynamically change the visibility of page elements, having sections appear and disappear in response to user actions. This allows you to have control over how and when a page element appears, rather than being restricted to the default, sequential appearance of HTML.

Understand Cross-Browser Compatibility
Although Netscape Communicator and Internet Explorer use different Document Object Models (DOM), you will learn to use several simple techniques to ensure that your pages work smoothly in both browsers. You will master these techniques, as well as techniques for ensuring that your pages do not break when viewed in future browsers.

Develop Advanced JavaScript Skills
Learn to use the event model and the mouse, keyboard, and window event handlers to build dynamic pages that respond to selecting text, pressing keys, dragging and dropping of page elements, resizing of windows, and more.
Other topics
The other topics that will be covered include:

  • how to create your own objects with JS
  • cross-platform Javascript and different versions of Javascript and DHTML objects
  • DOM 1 and Netscape 6 vs IE 4, 5, 6
  • use for online application design
  • integration with JAVA, Flash, etc.
  • debugging your scripts, CSS, HTML
Find out about the teacher.
Find out more about DHTML, SQL, XML, Javascript.
Find out about our other courses.

Course Details:

Pre-requisites Knowledge of HTML
Knowledge of Internet technologies, FTP, Email, Web browsing
Comfortable using Windows
No prior programming experience required

Course tuition
before 21 Sept
AUD $2090.00 (inc GST)
AUD $1900.00 (ex GST)

Course tuition
after 21 Sept
AUD $2299.40 (inc GST)
AUD $2094.00 (ex GST)
Refund policy NO refund after 21 Sept
Course length 10 weeks - 1 full day a week
Times Mondays 9am - 4.30pm
Start date Monday 1 October 2002
Places Strictly limited 10 -20
Location Inner City Brisbane, Qld
Inner City Melbourne, Vic

Register yourself into the course.

Or, register your interest.

 

 

© 1996-2002 Alive Online (Qld) Pty Ltd    PHONE: +61 7 3366 7342     MOBILE: 0414 807 751     EMAIL: info@alive.com.au