Hi Ivsivs, here’s this weeks assignment. Please format the same as the previous ones.. Thanks again.

For this exercise you should open both the Lab Instructions, and Lab Report documents.  Following the provided instructions, you should complete activities and fill in the appropriate section of the lab report.

Instructions:  IS312 - PE07 - Generic Types

Student Lab Report Template (Must Use):  IS312 - PE07 Lab Report Template

Start DateNov 10, 2022 11:59 PMDue DateNov 20, 2022 11:59 PMAttachments

Note: below is the downloaded copy of the above IS312 – PE07 – Generic Type.docx (Document)

IS 312: Web Design and Programming

PE07: Programming Exercise

Revised: Fall 2022

By: Tj Scharlau

Objective: Creating Interfaces and Classes with generic types.

For this exercise you will be using the materials from this week’s course materials, in addition to online resources (self-located), to implement generic types via interfaces and classes.

Task #1: Declare an interface using Generic Type.

When creating an interface declaration, you can use a generic variable instead of type notations in TypeScript. 

• 1)Open your IDE and start a new file. 
• 2) Declare a simple interface called Identity with two properties: value and message, which use two generic type variables ( T, and U ) for the property types.
• 3)Paste your source code into the Lab Report document, under Task 1-2. 
• 4)Declare two variables, using the Identity interface as an object type. They should use the following parameters in the declaration: number & string for object 1, and string & number for object two. The parameters should be listed in opposite order for each object. 
• 5)Paste your source code into the lab report, under Task 1-4. 

Task #2: Generic Interface as a function type in Declarations.

For this task you will continue to build on the previous source code file, by completing the following steps:

• 1)Declare a new interface called ProcessIdentity that includes the generic signature of a method, (value: T, message: U): T.  Notice that this method doesn’t have a name. Why do you think you would write it this way? What benefits does it have?
• 2)Paste your source code into the report under Task 2 – 1.
• 3)Declare a function called processIdentity that has the same type signature as the ProcessIdentity interface. It should output the message to the console, and return the contents of value.
• 4)Paste your source code  into your lab report under Task 2-3. 
• 5)Declare a function type variable called processor with the ProcessIdentity interface as the variable type, passing in number for the T type and string for the U type. 
• 6)Assign the ProcessIdentity function to it.  
• 7)What does this allow you to do?  How does TypeScript handle it?  Place your answers in your in your lab report under Task 2 - 7
• 8)Set two variables: returnNumber1 and returnNumber2 that call the processor function with the following parameters: 
  1. returnNumber1 should pass 100 and ‘Hello’ to the processor function in that order.
  2. returnNumber2 should pass ‘Hello’ and 100 to the processor function in that order.
• 9)What results do these two items return when executed? Why? Place your response under Task 2 – 9 in your lab report.

Task #3:  Declare a generic interface as a class type.

We will now declare a generic interface as a class type.  First start with an empty source code file.

• 1)Declare an interface called ProcessIdentity that has two properties: value and message, and two generic type variables T and U, for the property types. 
• 2)Add a generic signature of a method called process that returns a value of type T.
• 3)Paste your source code into your lab report under Task 3-2.
• 4)Define a generic class called processIdentity that implements the interface from Task 3 – 1. 
• 5)Name the variable types in the processIdentity class X and Y.  
• 6)Why can you use X and Y here when the interface uses T and U? Place your answer in Task 3 – 6 in your lab report.
• 7)Declare a new variable named process and assign a new processIdentity object to it, passing in number and string for the X and Y variable types, and a number and string as the argument values.
• 8)Paste your source code into your lab report under Taks 3-7.
• 9)Execute the following commands: 
  1. processor.process();
  2. processor.value = ‘100’;
• 10)What did the above two commands produce when you executed them?  Why do you believe that you got those results? Place your response in Task3-10 in your lab report.

Task 4: Defining a Generic Class

For this task you will be defining a generic class.  You will start from a blank file and do the following:

• 1)Declare processIdentity as a generic class, without implementing the ProcessIdentity interface.  This will include the appropriate private values, a constructor, and the method getIdentity(), that all use generics in an appropriate manner. The variables in the object should be value and message.  The method getIdentity()should output the message variable to the console, and return the value variables contents.
• 2)Declare a new variable named processor and assign a new processIdentity object to it, passing in numberand string for the T and U variable types, and a number and string as the argument values.
• 3)Paste your source code into your lab report under Task 4 – 1.
• 4)Run the following code: processor.getIdentity();
• 5)What output does that return?  Place your response under Task 4 - 5

Submission:

To submit this assignment, you should submit your completed lab report to Brightspace.

Note: below is the downloaded copy of the above IS312 – PE07 – Lab Report Templete.docx (Document)

IS312 – Web Design and Programming

Student Name: Tony Butler

Quarter: Fall & 2022

PE07 Lab Report

Please complete this document per the lab instructions.

Task #1 - 2 Source Code: 

Task #1 - 4 Source Code: 

Task #2 - 1 Source Code: 

Task #2 - 3 Source Code: 

Task #2 – 7 Response to prompts:

Task #2 – 9 Response to prompts:

Task #3 – 2 Source Code:

Task #3 – 6 Response to prompts:

Task #3 – 7 Source Code:

Task #3 – 10 Response to prompts:

Task #4 – 1 Source Code:

Task #4 – 5 Response to prompts:

Once you have completed this document please submit per instructions.