DQ1 Events, Dynamic Images, and Modularization The ability to animate graphics with JavaScript has resulted i

IT3215 Introduction to JavaScript

Unit 03 Discussion

DQ1 Events, Dynamic Images, and Modularization

The ability to animate graphics with JavaScript has resulted in increased interactivity of Web sites. As we add more functionality into our scripts, it is important that we take the time to modularize our code to make it more efficient. We want to ensure our functions are split up for reuse.

Research and describe some tips and suggestions for someone new to JavaScript to get started. In particular, focus on at least two of the following points while providing sample code (with comments) of each

Explain which events and methods we can use to handle user interaction with images.

Distinguish among HTML events, mouse events, and keyboard events.

Describe the use of cross-browser compatible functions or methods for attaching and detaching event handlers.

Describe the use of images and preloaded images in applications like image rollovers and slide shows.

Describe setTimeout, setInterval, clearTimeout, and clearInterval.

Explain why modularizing a program makes it more efficient.

Identify the advantages and disadvantages of modularization.

Response Guidelines

Comment on the posts of at least two other learners, offering insights, solutions, examples, or opinions that add depth and value to the conversation.

Learning Components

This activity will help you achieve the following learning components:

View examples of effective JavaScript comments that describe and explain variables and functions.

Examine how JavaScript functions can assist in creating fast-loading image galleries.

Understand the use of the settimeout function.

Understand principles of modular code.

Understand JavaScript timers including how the setInterval timer is used.

Resources

Discussion Participation Scoring Guide.

Toggle Drawer

DQ2 Challenges With Dynamic Images, Events, and the DOM

Note: The second discussion in each unit of this course is dedicated to community sharing of challenges and solutions you have encountered while completing your weekly assignment. You are encouraged to post and respond early in the week to share experiences that you are having, and to help others with theirs. This is how coders solve tough issues: they rely on one another!

Dynamic images and events can make a Web page pop. For some, creating this interactivity is a snap; for others it can be a bit of a challenge.

Discuss one or more of the challenges or experiences that you encountered when trying to complete this week’s assignment. How did you try to address it or solve it?

Response Guidelines

Comment on the post of at least two other learners. Share suggestions to help the posters address their challenges.

Resources