Capella IT3215 All Assignments Latest 2019 December

Question # 00609655
Course Code : IT3215
Subject: Computer Science
Due on: 03/16/2020
Posted On: 03/16/2020 09:38 AM
Tutorials: 1
Rating:
4.9/5
Question Dot Image

IT3215 Introduction to JavaScript

Unit 1 Assignment

Using Variables in a Form

Expectations

The JavaScript that you use in the course assignments should:

Render and function properly in at least two of the following browsers: Chrome, Firefox, Edge, and Safari.

Be verified to be error free, well documented with comments, and appropriately constructed.

Overview

In this assignment, use the Web page called “invitation.html” found in the Required Resources (in the zip file called IT-FP3215.zip) to add functionality to an interactive form that generates an invitation to volunteers for an event. The file will have the following invitation message placeholder and a form below it. You will add JavaScript functionality to the form that will allow a user to dynamically fill out the invitation.

Hello __recipientName_____!

You have been invited to volunteer for an event held on July 1st. Please respond to this email to sign up as a volunteer.

Thanks!

___hostName___

Hints:

The placeholders (for example the “recipientName”) will need to be set up as elements with an assigned id attribute. Prompt the user to enter in the recipient’s name, and host name (Your name). Using JavaScript, replace those elements dynamically with what the user has entered in the form.

Use the form’s input fields (once submitted) to store the values to JavaScript variables. Then manipulate the DOM to replace the element content dynamically.

To get you started, in your .js file, you need to first declare the variable names such as:

varmyRecipientName;

Then, you would need to set the variable to the input field’s value:

myRecipientName = document.getElementById(“recipientNameInput”).value;

Next, you would then need to set the innerHTML of the span element of the corresponding name like:

document.getElementById(“recipientNamePlaceholder”).innerHTML = myRecipientName;

Note on your submit button, a JavaScript event handler has been defined on the submit of the form. Notice that it has a return false to prevent the form from actually submitting.

Hint: See what happens when you remove the “return false” from the JavaScript code.

Tip: Variable names cannot include any special characters or spaces. They cannot start with a number. They also cannot be any of JavaScript’s reserved words. Remember as well that JavaScript is case sensitive.

Preparation

Download and unzip the IT-FP3215.zip file found in the Required Resources. It contains the initial framework for the site. All of the HTML files are located in the root directory. Images are placed in the images subdirectory; CSS files are placed under the css subdirectory. Your JavaScript external files should be placed under the “js” subdirector. When you submit your work, be sure to zip up the entire folder, including all of the ancillary files such as the images, CSS, and JavaScript code.

Note: This course requires you to use a text editor to complete your work. There are many free open source options on the Internet from which you may choose. See the Suggested Resources for links to free, open source text editors.

Directions

Read the Overview. Use the invitation.html file in the Resources as a template for completing this assessment.

Write JavaScript that enables the invitation to be dynamically completed using the form. Make sure to do each of the following:

Declare variables to store the input field data.

Store the input field data into the variables on form submit.

Manipulate the DOM to replace placeholder data with the variables.

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

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.

Example assignments: You may use the assignment examples, linked in the Resources, to give you an idea of what a Proficient or higher rating on the scoring guide would look like.

Submission Requirements

Upload all your website files to a hosting service of your choice. Two free sites to consider are Freehosting.com or 000webhost.com. See the Suggested Resources for links.

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

Your entire Web site (including the updated “invitation.html” file).

A Word document with:

The url to your Web site so faculty can view your site on a live host.

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

 

IT3215 Introduction to JavaScript

Unit 2 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 volunteer list by using arrays and loops. The web application will make use of the volunteer.js file and allow the user to add volunteers, delete volunteers, clear the list of volunteers as well as sort the volunteers. Some of the functionality has been created to start you off so that you can see how it is all integrated. You will be focusing on the code to delete the volunteer as well as alter the volunteer list to add some formatting on the output. Functionality is also included to be able to sort based on the volunteer’s last name.

Directions

Use the volunteer.html file to add functionality to our form. This new functionality should allow the user to enter in volunteers to be added as well as delete volunteers from the list by re-entering in their name. The volunteer list should also be altered to use a looping structure to display a running count of volunteers beside each name (starting at 1) beside each name similar to the following display:

1. John Smith

2. Jane Willow

3. Randolph Jack

4. Jen Stevens

Hint: Use the splice function in order to remove a specific item from the array.

Tip: The array index starts at 0, so when displaying the index, you will need to add 1 to the index value when it is displayed.

Make sure to do the following:

Write JavaScript to delete a specific volunteer by using loop.

Write JavaScript that loops through the volunteer list to display the index value.

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.

Example assignments: You may use the assignment examples, linked in the Resources, to give you an idea of what a Proficient or higher rating on the scoring guide would look like.

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 faculty can view your site on a live host.

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

 

IT3215 Introduction to JavaScript

Unit 3 Assignment

Dynamic Images, Events, 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.

Example assignments: You may use the assignment examples, linked in the Resources, to give you an idea of what a Proficient or higher rating on the scoring guide would look like.

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.

 

IT3215 Introduction to JavaScript

Unit 4 Assignment

Form Field Validation and Error Messages

Overview

You have created a basic form and added interactivity to images using JavaScript. Now it is time to validate information entered into your form fields. You will use the "registration.html" file found in your Zip file. You will see that the page has a form with the following fields to allow users to register for an account. The items in parentheses are defined formatting instructions to be observed for each field.

Username* (must only contain letters and numbers)

Password* (minimum of 8 characters)

PasswordVerify* (minimum of 8 characters, must match password)

FirstName* (text string)

LastName* (text string)

Email (uses xxx@xxx.xxx format)

PhoneNumber (uses (xxx) xxx-xxxx format)

SignUpNewsletter (radio box for yes/no)

Tips:

JavaScript is case sensitive, so a variable named myVar is different from MyVar and myvar.

Perform your form validation testing as you go rather than all at the end. It will be much easier to fix the error if you have a smaller sequence of code to review.

Directions

Read the assignment overview.

Use the registration.html file to add functionality to the form found on the page. The JavaScript that you write should validate each field and, if errors are made, display appropriate error messages that direct the user to complete the form properly. Once the form is completed, your script should open the confirmation page (confirmation.php).

Note: The input fields in the form with an asterisk are required fields.

Make sure to do the following:

Write JavaScript that defines that a field is required and generates an appropriate error message if the field has not been completed.

Write JavaScript to validate all input fields per the formatting definitions that the field values should be checked against (found in the overview) after each field.

Write JavaScript that displays an appropriate error correction message (next to the field) in the event a form entry error has been made.

Write a JavaScript that will default the user’s cursor to the first erroneous input field in the event that there is an input error.

Create a submit button that executes the validation when submitted.

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.

Example assignments: You may use the assignment examples, linked in the Resources, to give you an idea of what a Proficient or higher rating on the scoring guide would look like.

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 and 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 found in the Resources.

 

IT3215 Introduction to JavaScript

Unit 5 Assignment

Query Strings and Storing Persistent Information

Overview

As Web forms get longer, we very commonly see them split across multiple pages to collect all of the necessary information. There are different reasons for this. A long form can be daunting for users and a large/long form can be difficult for users to fill out on a mobile device. These forms need to be designed so that the data entered by the user on the forms on each page will be submitted to the Web server simultaneously. This makes more sense as they are part of the same data set. The problem with stateless pages is that if the user moves from one page to the next, the data entered is lost. To bypass this issue, you will need to use query strings, hidden input fields, and cookies.

In this assignment you will use the previously created registration.html file to send information to a second page named confirm.html. You will write a script on that page that will save the information from the form to a cookie and then display it on a same page. If the user goes back to this confirm.html page, the page should display the user form data from the registration entry that was last entered.

Tips:

It will help to output the array into the browser console so that you can verify that the string is being correctly parsed. Details on the browser console can be found in the Resources.

To skip having to enter data into the form each time to test, it may help to create a JavaScript function that automatically fills in the fields for you and comment it out when completed.

Directions

Read the Overview.

Modify the "registration.html" page created in the prior assessment to send a query (that has all input field information from that form) to a second page. When the user presses submit, all of the input fields from the registration.html form will be saved into a cookie. The user should then be forwarded to a second page (confirm.html (created by you)) that will read the cookie information and display it in a name/value pair using JavaScript.

Make sure to do the following:

Create and integrate a script on the registration.html page passes all of the input fields from the form when the submit button is pressed.

Create a confirm.html page will read in the input from the query string data from the registration.html page and store them into variables first.

Write a script that runs in response to the submit event, that saves the input from the registration.html  page to a series of cookies to store each input, and opens a second page called confirm.html that reads and displays information from all the fields.

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.

Example assignments: You may use the assignment examples, linked in the Resources, to give you an idea of what a Proficient or higher rating on the scoring guide would look like.

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 and all associated files.

A Word document with:

The url to your Web site so faculty can view your site on a live host.

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

Dot Image
GlobalTutor Posted By :
Questions: 3706 Tutorials: 3600
Tutorials for this Question

Capella IT3215 All Assignments Latest 2019 December

Tutorial # 00608131
Posted On: 03/16/2020 09:51 AM
Feedback Score: Not rated yet!
Purchased By: 2
GlobalTutor
Posted By:
Questions:
3706
Tutorials:
3600
Report this Tutorial as Inappropriate
Tutorial Preview
The solution of Capella IT3215 All Assignments Latest 2019 December...
Attachments
Capella_IT3215_All_Assignments_Latest_2019_December.ZIP (18.96 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
Week 11 Abnormal - What was your initial reaction
Week 11 Abnormal After watching the video please write a two (2)-three (3) paragraph reflection about what you saw. Specifically, your reflection should include a discussion addressing the followin …
Psychology - SPSS homework paired-samples t test
Psychology Question SPSS HOMEWORK:PAIRED-SAMPLES T TEST ASSIGNMENT INSTRUCTIONS OVERVIEW This assignment is designed to increase your statistical literacy and proficiency in conducting and …
Business Process Management - Paradigms in Business Process Management
BUSINESS PROCESS MANAGEMENT To prepare: Read the article, “Paradigms in Business Process Management Specifications: A Critical Review.” Pay particular attention to the descriptions o …
Operant Conditioning In Everyday Life
Operant Conditioning In Everyday Life In your own words, discuss what is meant by operant conditioning.  In your opinion, can the principles of operant conditioning be used to explain many typ …
The audience for this, and other deliverables, is a policymaker
Create a Policy Brief A 4–5-page brief that presents a policy problem and suggests a solution. The audience for this, and other deliverables, is a policymaker – who may be an elected of …
Discussion - what was your perception of people with mental illnesses
250 word discussion post 1. Watch videos 2. https://www.learner.org/series/discovering-psychology/psychopathology/ 3. https://www.youtube.com/watch?v=48YJMOcykvc 4. Go to the following web …
Psychology - What ethics were violated in this experiment
Psychology Question Watch the Milgram Experiment Answer the following: What ethics were violated in this experiment? What would happen if this experiment was conducted today? What are …
Week 12 - Design a comprehensive ethics training
Week 12 eba ethical Written communication should be free of errors that detract from the overall message. Please include a title page, reference page, and in-text citations as needed. Desi …
ABA507 Ethics Code for Behavior Analyst
Ethics Code for Behavior Analyst 1 Ethics Code for Behavior Analyst   Course: ABA 507 Interview Questions 1. What made you interested in the field of behavior analysis? 2. What …
What are the Committee Reports to which the USSC
Reread the USSC opinion in the case of Dickman v. Commissioner, 465 U.S. 330 (1980). The edited opinion can be found beginning on page 48 of the text. You can find (but do not need to find) the f …