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

Does this course cover how to write scripts for PDF or Adobe environments?

This course covers basic JavaScript syntax and focuses on enhancing Web pages. While it does not explicitly cover writing scripts for Adobe or PDF environments, JavaScript can be used in those environments. The JavaScript syntax learned in this course will apply to those environments as well.

Does this course cover EXT-JS?

No, we do not cover EXT-JS in this course. Please see Course 986: Developing Ajax Web 2.0 Applications: Hands-On and Course 1610: jQuery: A Comprehensive Hands-On Introduction for JQuery coverage.

Does this course fit into a specific curriculum?

Yes, this course is part of the Learning Tree Web Development curriculum. The Web Development curriculum is a set of courses designed to provide you with the knowledge and skills critical to establishing and maintaining an effective presence on the Web. This curriculum teaches participants a wide variety of skills, including designing Web pages and sites, maximizing efficiency, adding intricate design details, learning the latest scripting languages, and employing the most recent Web development tools.

Does this course offer training on creating accessible web pages?

For training on creating accessible web pages, please see Course 522: Cascading Style Sheets (CSS) for Web Page Development: Hands-On, and Course 2320: HTML5: Next Generation Web Development.

What systems and software are used with this course?

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

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

How does this course relate to other Learning Tree courses?

• 470: Developing a Website: 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
• 2320: HTML5: Next Generation Web Development provides the knowledge and skills to build standards-compliant, responsive Web pages with the next generation of Application Programming Interfaces (APIs) to improve the performance and user experience of their sites.
• 2315: Designing Websites for Mobile Devices: Hands-On offers the necessary skills to design and construct a Web site that fully exploits the sophisticated capabilities of Web browsers on mobile devices.

US Dates