|
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.
|