JavaScript for Web Development: Hands-On

What is this course about?

In this course, you learn to write client-side JavaScript to create dynamic Web pages. You develop the skills needed to create interactive forms with built-in validation, active links using rollover graphics, and to exploit Dynamic HTML (DHTML) for Visually exciting and compelling Web pages. Although it borrows many features from Java and despite their similar names, it is important to remember that JavaScript is not Java.

What version of JavaScript is covered?

JavaScript version 1.1 contains the "core" functionality used in all later releases and is the basis of the ECMA and ISO standards. This course covers the core JavaScript syntax and functionality. All material in this course is applicable to versions 1.1 to 1.5.

Will I learn Ajax in this course?

This course provides a brief introduction to Ajax programming along with a working example. However, since Ajax requires JavaScript programming, everything covered in this course will prepare you for developing Ajax-powered Web applications.

Who will benefit from this course?

This course benefits those who are in the process of building, contributing to and/or maintaining a Web site for themselves or their organizations, including Webmasters, Web site managers, system administrators and Web developers.

What background do I need?

Experience developing Web pages with HTML is required. Specifically, you should know how to create a basic HTML document that includes the use of anchors, images, tables, frames, and forms.

You can learn enough HTML to be ready for this course by completing Course 470, Developing a Web Site: Hands-On.

An understanding of programming concepts is also helpful.

Is form validation covered in this course?

Yes. This course provides in-depth coverage of how to create interactive, self-validating forms for Web sites.

Will I learn about interactive graphics?

Yes. This course covers rollover graphics applied to links as well as images that can be dynamically manipulated.

Is Dynamic HTML covered?

Yes. Topics include dynamic positioning of images and text, handling browser events, dynamic manipulation of style rules and hidden menus.

How much time is devoted to each topic?

What kinds of hands-on exercises are in the course?

Approximately 40 percent of class time is spent participating in hands-on exercises structured around an evolving case study. You gain practical skills transforming a static Web site into a dynamic and interactive site using JavaScript. Exercises include:

• Creating rollover graphics
• Building interactive, self-validating forms
• Incorporating DHTML effects
• Implementing animation using JavaScript
• Constructing drop-down menus
• Employing cookies to personalize pages
• Converting a page from embedded JavaScript to unobtrusive JavaScript

What systems and software are used with this course?

The normal classroom setup uses PCs running Windows XP with the latest Web browsers. Everything you learn about JavaScript applies equally to UNIX, Macintosh, Windows and other operating systems.

How does this course relate to other Learning Tree courses?

• 470, Developing a Web Site: Hands-On covers the core technologies of Web site development. Participants build a Web site from the ground up, mastering HTML, Web servers, server-side scripting and database integration
• 522, Cascading Style Sheets (CSS) for Web Page Development: Hands-On provides the skills to design and develop efficient, accessible, cross-browser compatible and visually attractive Web pages using CSS and HTML
• 986, Developing Ajax Web 2.0 Applications: Hands-On provides the knowledge and practical skills required to effectively design, create and implement Ajax-enabled Web sites
• 471, Java Programming: A Comprehensive Hands-On Introduction offers extensive experience with the Java language and its run-time development environment