Capella IT3215 Unit 3 Assignment Latest 2019 March

Question # 00601401
Course Code : IT3215
Subject: Computer Science
Due on: 05/16/2019
Posted On: 05/16/2019 06:11 AM
Tutorials: 1
Rating:
4.9/5
Question Dot Image

IT3215 Introduction to JavaScript

Unit 03 Assignment

Dynamic Images, E

vents, and the DOM

Overview

Images, both static and dynamic, appear on most Web sites. There are many different features and functionalities that we can add through the use of JavaScript, including preloading, rollovers, and cycling banner ads. In this assignment, you will work with JavaScript, images, events, and manipulating the DOM to create an interactive image gallery.

Hint: Preloading your images will only work on a hosting server and not your local drive, as there is no load time for your images locally. Once you have preloaded those images, you should clear your cache to test your loading of the images again.

Tip: In a smaller JavaScript program such as this one, each function is created for a specific purpose. However, in more complex sites, it is better to build functions that are applicable to multiple situations. For example, rather than specifying an element name or ID, we can use a variable that is passed into the function.

Directions

Use the gallery.html and index.html files from the supplied course Zip file. Create functionality using JavaScript on the following pages:

index.html

Preload the images (banner1.jpg, banner2.jpg, and banner3.jpg in the images folder) for the banner at the top of the page.

Create a cycling two-state banner that cycles every three seconds.

gallery.html

Preload the gallery images.

Create roll-over functionality for each of the thumbnails in your image gallery. Use appropriate images found in the images folder.

Write developer comments to describe the variables being declared and explain the functions and logical blocks of JavaScript code pertaining to the gallery.

Make sure to do the following:

Create an onpageload function to preload all of your images.

Create a modularized function to cycle the homepage banner.

Create a modularized rollover function for gallery images.

Once completed, view your pages in each of your two selected Web browsers to see if the content renders appropriately and consistently within each. Next, verify that your code is error free using the appropriate browser specific development tool found in the Resources.

Take a screen capture of each of your validation results and save it for submission.

Note: Modularized refers to creating components that can be repurposed without significant changes to coding. Modularized components have no "hard coding" of image names, URLs, and so on, in the functions. Samples of modularized and nonmodularized JavaScript are provided in the Example Code file linked in Resources.

Submission Requirements

Upload your Web site files to your Web host.

Submit your work in the courseroom using a single Zip file containing the following:

Your entire Web site including all associated files.

A Word document with:

The URL to your Web site so the instructor can view your site on a live host.

A screen capture of each of your two validations that you completed using the developer tools linked in Resources.

Resources

Dynamic Images, Events, and the DOM Scoring Guide.

Chrome DevTools.

Safari Web Inspector Guide.

Microsoft Edge Dev Tools.

IT3215 Web Site Zip Files.

Example Code.

Toggle Drawer

Dot Image
expertguy Posted By :
Questions: 34513 Tutorials: 33884
Tutorials for this Question

Capella IT3215 Unit 3 Assignment Latest 2019 March

Tutorial # 00599499
Posted On: 05/16/2019 06:11 AM
Feedback Score: Not rated yet!
Purchased By: 2
expertguy
Posted By:
Questions:
34513
Tutorials:
33884
Report this Tutorial as Inappropriate
Tutorial Preview
The solution of Capella IT3215 Unit 3 Assignment Latest 2019 March...
Attachments
ASSIGNMENT_3.docx (1121.09 KB)

Great! We have found the solution of this question!

Related Questions
Capella IT3215 Unit 2 Assignment Latest 2019 March
IT3215 Introduction to JavaScript Unit 02 Assignment Using Arrays and Loops Overview For this assignment, you will use the volunteer.html file to create a more effective process for managing the …
Capella IT3215 Unit 5 Discussion (dq1+dq2) Latest 2019 December
IT3215 Introduction to JavaScript Unit 5 Discussion DQ1 Cookies: Storing and Passing Information On their own, HTML and CSS are unable to store user information, so once the Web browser is c …
Capella IT3215 Unit 3 Discussion (dq1+dq2) Latest 2019 December
IT3215 Introduction to JavaScript Unit 3 Discussion DQ Events, Dynamic Images, and Modularization The ability to animate graphics with JavaScript has resulted in increased interactivity of W …
Capella IT3215 Unit 2 Discussion (dq1+dq2) Latest 2019 December
IT3215 Introduction to JavaScript Unit 2 Discussion         DQ1 Arrays, Loops, and the DOM You have learned about working with the DOM with CSS, but you can …
Capella IT3215 Unit 3 Discussion (DQ1 ONLY) Latest 2019 March
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 s …
Capella IT3215 Unit 2 Discussion (DQ1 ONLY) Latest 2019 March
IT3215 Introduction to JavaScript Unit 02 Discussion DQ1 Arrays, Loops, and the DOM You have learned about working with the DOM with CSS, but you can also work with the DOM using JavaScript. You w …
Capella IT3215 Unit 1 Discussion (dq1+dq2) Latest 2019 December
IT3215 Introduction to JavaScript Unit 1 Discussion DQ1 Getting Started With JavaScript JavaScript has been one of the most popular scripting languages for dynamic interactivity. It is a com …
Capella IT3215 Unit 3 Assignment Latest 2019 March
IT3215 Introduction to JavaScript Unit 03 Assignment Dynamic Images, E vents, and the DOM Overview Images, both static and dynamic, appear on most Web sites. There are many different features an …
Capella IT3215 Unit 4 Discussion (DQ1 ONLY) Latest 2019 March
IT3215 Introduction to JavaScript Unit 04 Discussion DQ1 Validating Form Input Data Working with and processing bad data generally means that a lot of work will have to be done to clean up the dat …
Capella IT3215 Unit 4 Discussion (dq1+dq2) Latest 2019 December
IT3215 Introduction to JavaScript Unit 4 Discussion DQ1 Validating Form Input Data Working with and processing bad data generally means that a lot of work will have to be done to clean up th …
Recent Questions
Aspen DNP850 All Assignments Latest 2024
DNP850 Sect1 Nursing Practice, Professionalism Module 1 Assignment Write a 1000-1500 word essay addressing each of the following points. Be sure to completely address each bullet point. Separate …
Aspen DNP850 Module 8 Assignment Latest 2024
DNP850 Sect1 Nursing Practice, Professionalism Module 8 Assignment Advanced Nursing Leadership Reflection Reflecting on the readings and lessons from the course, your assignment is to explor …
Aspen DNP850 Module 7 Assignment Latest 2024
DNP850 Sect1 Nursing Practice, Professionalism Module 7 Assignment Proctored Assessment - Key Stakeholders Assignment Proctored Assessments are administered at predetermined points during a …
Aspen DNP850 Module 6 Assignment Latest 2024
DNP850 Sect1 Nursing Practice, Professionalism Module 6 Assignment DNP Essential PowerPoint Based on what you have learned so far in this course, create a PowerPoint presentation that addres …
Aspen DNP850 Module 5 Assignment Latest 2024
DNP850 Sect1 Nursing Practice, Professionalism Module 5 Assignment Current Health Issue Essay Write a 2000-2500 word essay addressing each of the following points/questions. Be sure to compl …
Aspen DNP850 Module 4 Assignment Latest 2024
DNP850 Sect1 Nursing Practice, Professionalism Module 4 Assignment Doctoral Prepared Nursing Educators Write a 1500-2000 word essay addressing each of the following points/questions. Be sure …
Aspen DNP850 Module 3 Assignment Latest 2024
DNP850 Sect1 Nursing Practice, Professionalism Module 3 Assignment Nursing Ethic Paper Write a 1500-2000 word essay addressing each of the following points/questions. Be sure to completely a …
Aspen DNP850 Module 2 Assignment Latest 2024
DNP850 Sect1 Nursing Practice, Professionalism Module 2 Assignment Healthcare Problem PowerPoint Based on what you have learned so far in this course, create a PowerPoint presentation that a …
Aspen DNP850 Module 1 Assignment Latest 2024
DNP850 Sect1 Nursing Practice, Professionalism Module 1 Assignment Write a 1000-1500 word essay addressing each of the following points. Be sure to completely address each bullet point. Separate …
Aspen DNP850 All Journals Latest 2024
DNP850 Sect1 Nursing Practice, Professionalism Module 1 Journal Essence of Doctoral Nursing Considering the history of nursing and how it has evolved to the development of the DNP degree, dis …