Revised Evan's Midterm

Front 1

What language will you be coding the client side project in?

Back 1

Typescript

Front 2

What does the typescript language get compiled to?

Back 2

Regular JavaScript

Front 3

What file in the client side project specified the underlying technologies to be incorporated in the client side project?

Back 3

Package.json

Front 4

What software actually uses the package.json file?

Back 4

Node.js/npm

Front 5

What is the minimum version to use for node.js?

Back 5

6.3.1

Front 6

What file did we add to the client project to specify where the typescript compilation output gets placed?

Back 6

tsconfig.json

Front 7

What is the purpose of the typings.json file?

Back 7

Provides type definitions for the 3 libraries we're using in the index.html file from the typings registry

Front 8

What is SystemJS known as?

Back 8

JavaScript Module Loader

Front 9

What html tag did we add in the index.html to provide the starting point for our application?

Back 9

<basehref= "/" />

Front 10

What is the purpose of the
<exercises-app>...</exercises-app>

tag in index.html?

Back 10

placeholderwhere SPA will execute

Front 11

To use external modules in angular component, what typescript verb do we use?

Back 11

Import

Front 12

When we run the "npm start" script, what is happening in the background?

Back 12

2Things:

1) starts the lite web server, which starts loading our application

2) Monitors changes made to the files, there's a watch process happening on all of our .ts files, so if they're changed a recompilation occurs and the browser refreshes automatically

Front 13

What JAVA EE api is used server side to provide REST services to the client?

Back 13

JAX-RS - Java API for RESTful Web Services

Front 14

What data format does JAX-RS return to the client?

Back 14

JSON

Front 15

What WebStorm tool can you use to exercise these server side services?

Back 15

Test RESTful WebService

Front 16

What database is this course going to utilize?

Back 16

Java DB -Implementation of Apache Derby

Front 17

What JAVA EE server are we using in this course?

Back 17

Payara/Glassfish4.1

Front 18

What does the server side project get built into and deployed as?

Back 18

A web archive (WAR)

Front 19

What is a DTO?

Back 19

Data TransferObject - A collection class that will contain data going to/from server orbetween different packages on the server

Front 20

What JDBC class did we utilize to execute the employees query?

Back 20

PreparedStatement

e.g:
PreparedStatement pstmt;
Connection con = null;

con = ds.getConnection();

String sql = "SELECT * FROM Products";
pstmt = con.prepareStatement(sql);

try (ResultSet rs = pstmt.executeQuery()) { while (rs.next()) {

}

Front 21

What java class was used in the model to establish a connection?

Back 21

Datasource (instantiated in the resource class)

Front 22

Explain the purpose of this JAX-RS annotation: @Path

Back 22

The main route to the resource

Front 23

Explain the purpose of this JAX-RSannotation: @GET

Back 23

Designates the method usehttp gets

Front 24

Explain the purpose of this JAX-RS annotation: @Produces

Back 24

Used on themethod to convertresults to JSON

Front 25

Why did we need to add the class NewCrossOriginResourceSharingFilter class?

Back 25

The ClientExercises project uses a different web browser and such is considered a different domain than the NetBeans project. Different domains by default are not able to access data/services, this filter allows such access

Front 26

Given this URL: http://localhost:8080/ServerExercises/exercises/employee where does the "exercises" part get created in the server project?

Back 26

Known as the@ApplicationPath, found in the ApplicationConfig.java class

Front 27

What is an angular2 service?

Back 27

An angular2 class that provides non-visual functionality (eg employee.service.ts)

recall-- whereas a component doeshave a visual part to it

Front 28

What is rxjs?

Back 28

Reactive Extensions for JavaScript is a non-angular, 3rd party library for transforming, composing and querying streams of data.

The important part is it deals with streams (we'reusing it for streams of data in our project for the asynchronous calls over thenetwork). It creates something called observables

Front 29

What 2 rxjs methods did we utilize last class on those observables?

Back 29

Map, subscribe

Front 30

What is the purpose of the angular2 @Input annotation?

Back 30

It sets up a public property in achild component, that gets loaded from the parent

Front 31

What intrinsic angular2 function can we use to iterate through an array in the template code?

Back 31

*ngFor

Front 32

Describe the following component property:

Selector

Back 32

Htmltag to use in the SPA(single pg app) html page (wherethe html will get inserted)

Front 33

Describe the following component property:

Template

Back 33

Markupthat component will generate

Front 34

Describe the following component property:

Directives

Back 34

Othercomponents to be accessed by the current component

Front 35

Describe the following component property:

Providers

Back 35

Other non-components (eg. Services)to be accessed by the component

Front 36

What role does the ngOnInit method provide?

Back 36

Typically you should only usea constructor to initialize your class variables and anything else you want todo at startup time do it in the ngOnInit, it runs right after the constructor runs (before the view gets rendered)

Front 37

What did we do in the ngOnInit method last class (during a GET)?

Back 37

We subscribed to the load()method of the service's map command in the HomeComponents's ngOnInit() method

Front 38

To output data to the browser, we use something called interpolation. What syntax would I see in the template code to represent interpolation?

Back 38

{{…}}

Front 39

What method is used on the PreparedStatement to actually perform a database update?

Back 39

executeUpdate

Front 40

What annotation is used on the JAX-RS resource to facilitate an http update?

Back 40

@Put

Front 41

What gets returned as JSON from the JAX-RS update method?

Back 41

The number of rows updated by the database (an int in JSON format)

Front 42

What annotation did we use for the resource update method?

@Consumes

or

@Produces

Back 42

@Consumes (cuz ittakes a json object to update the db)

Front 43

What annotation is used in a component to pass data in from a parent component in angular2?

Back 43

@Input

Front 44

What annotation is used in a child component to raise events that can be handled by a parent component in angular2?

Back 44

@Output

Front 45

What Angular object is used to contain html form fields in angular2?

What attribute is used in the template code to link to it?

Back 45

ControlGroup, [formGroup]

Front 46

What Angular object is used to contain a single form element? What attribute is used in the html template code to link to it?

Back 46

FormControl, [(ngModel)]

Front 47

What syntax is used in the template markup to indicate: One way binding

Back 47

[. . . . ]

Front 48

What syntax is used in the template markup to indicate: Two way binding

Back 48

[( .. . )]

Front 49

What syntax is used in the template code to raise an event from the child component?

Back 49

(click)="saved.emit(selectedEmployee)"

Front 50

What syntax is used in the template code to handle an event like this: (click)="saved.emit(selectedEmployee)" in the parent component?

Back 50

(saved)="update($event)"

Front 51

Explain this line of typescript code: this.employees.map(

emp=> emp.id === employee.id

?

(Object).assign({}, emp, employee)

:

emp

);

Back 51

For eachemp in the employees collection, compare the id property to an externalvariable called employee.id,

If they'reequal, replace the current emp contents with an object named employee,

If they're not,leave everything the same. This was used in the update method.

Front 52

What is returned from the employee model class whenexecuting the Delete method?

Back 52

An intrepresenting the # of rows deleted

Front 53

What constant is passed in the initialization of a PreparedStatement that utilizes auto numbering by JavaDB?

Back 53

PreparedStatement.RETURN_GENERATED_KEYS

Front 54

What method is executed on the PreparedStatement when retrieving the new value of the PK when autonumbering is in effect?

Back 54

getGeneratedKeys()

Front 55

When coding an JAX-RS method, what additional annotation is added to the method in addition to the @DELETE annotation?

Back 55

@Path("/{id}")

Front 56

What annotation is used in the the deleteEmployee method of the JAX-RS class's argument list?

Back 56

@PathParam("id")int id

Front 57

How does a child component containing a html form notify the parent component that abutton has been clicked?

Back 57

@outputannotation (Event Emitter)

Front 58

What is the name of the operator used in this line of code (not the equal sign):

this.employee = […this.employees, employee];

Back 58

The spread operator- used to add to the array

Front 59

What was different between the delete method and the add/update methods in the employee.service class in how data was transmitted to the server?

Back 59

The deletepasses an int to the server, add/update pass an entire object

Front 60

Describe this attribute taken from a parent component's template code:

(saved) = "save ($event)"

Back 60

(saved) isthe name of the @Output annotation in the child component,

save is the name ofthe event handling method in the parent component

Front 61

How was the delete button hiding when doing the "add" scenario?

Back 61

We use thehidden property binding

"[hidden]=boolean" attribute on the button'smarkup, note you can also use

"bind-hidden=boolean"

Front 62

Did the save method handle an add or update scenario?

Back 62

Both (viathe save method)

Front 63

What JavaScript operator did the save method utilize to determine if we were doing an add or an update?

Back 63

? (ternaryoperator)

Front 64

What did we load in the Validators.compose method of employee-detail.component.ts?

Back 64

An array of validators

Front 65

How many *ngIf statements did we use in the original validation example, and what were they?

Back 65

Check if the field is valid, then checked for the required condition

Front 66

Explain how the save button was disabled if a field was in error on the form?

Back 66

[disabled] ="!employeeForm.valid"

Front 67

What programming construct is used in our custom phone# validator?

Back 67

A regular expression

Front 68

How is the actual error name created in a custom validator?

Back 68

We set it as a property in the return statement

return {invalidPhone: true};

Front 69

What did we add to the app.module.ts to make our custom validators available for use?

Back 69

A providers property - providers: [ValidatorService]

Front 70

How many *ngIfs are on the error div after adding acustom validator?

Back 70

3 - if fieldvalid, if required, if !required and custom

Front 71

How does the menu button of app-component.html.ts work?

Back 71

Uses a boolean menuIsCollapsed and

[ngClass]="{hide: menuIsCollapsed} property binding, the boolean gets toggled on the click of both the button and menu entry to hide and show the divs

Front 72

What type does the appRoute variable (array that contains all of the applications routing info) have in app.routes.ts?

Back 72

Routes

Front 73

What 2 properties are defined in the appRoute variable?

Back 73

Path and component

Front 74

What property binding was used on the anchors in the menu from last class?

Back 74

[routerLink]

Front 75

What is the purpose of this tag:

<router-outlet></router-outlet>

Back 75

In the template where the route contents (our application) should be rendered

Front 76

List the 3 server side classes to handle expense processing in the exercises project

Back 76

ExpenseDTO,

ExpenseModel,

ExpenseResource

Front 77

When adding the ExpenseResource class in the ServerExercises project, what other class was updated if using the NetBeans New Restful WebService from Patterns wizard?

Back 77

ApplicationConfig(needs an entry for the new resource in the addRestResources method)

Front 78

What did we replace the ListItem markup (employeeListComponent) with when listing out expenses? (ExpenseTableComponent)?

Back 78

<tr>...</tr>

Front 79

How did we toggle between ascending and descending sorts in the sort method?

Back 79

sortOrder =!sortOrder

Front 80

What standard html control was utilized last class to determine if a receipt was available or not?

Back 80

checkbox

Front 81

How did we populate the 2 html selects used in the expense details markup?

Back 81

For employees, *ngFor using employees array,

For categories, hard coded options

Front 82

What does this line of code do:

this.sortedExpenses =this.expenses.slice(0);

Back 82

Copies the entire expenses array to a new array called sortedExpenses

Front 83

What directive did we add to the markup in

app-component.html to incorporate expense processing?

Back 83

[routerLink] ="['expenses']"

Front 84

What file was modified to allow for the directive

[routerLink] ="['expenses']" to actually be usable?

Back 84

App.routing.ts

Front 85

What new validator was added to the amount field from last class?

Back 85

Decimal validator

Front 86

What typescript type did we use for the dateincurred field?

Back 86

any

Front 87

What html tag did we use for the datincurred field?

Back 87

<input type="date">

="date">

Front 88

What problem may happen when doing an add to the product table?

Back 88

May run into a duplicate PK error (pk is not generated)

Front 89

What was suggested as a fix for the potential problems from adding to the products table to avoid the duplicate PK error?

Back 89

Create a customvalidator to search the existing client side product array

Front 90

T/F the custom validator for assessing if a products id is unique or not, should be coded in the validators.ts code?

Back 90

F- we need to access the products array so we put it in product-home.component

Front 91

How many validators will be on the product code field?

Back 91

2 (required and the custom)

Front 92

If we’re not doing an add, what should we do via html/css on the PK field?

Back 92

Make it r/o (read only)

Front 93

What is the purpose of making the product id field read only when not doing an add?

Back 93

User's shouldn't be allowed to change existing PK's

Front 94

What bootstrap component are we using to divide up information on the product form?

Back 94

panel

Front 95

How many panels will we utilize?

Back 95

2 - product information, inventory information

Front 96

What other bootstrap construct are we utilizing in the panel headings?

Back 96

glyphicons

Front 97

What 2 glyphicons were utilized in the product panel headings?

Back 97

Chevron-down, chevron-right

Front 98

What ngClass property was used to collapse either of the panels?

Back 98

[ngClass] = "{hide: pIsCollapsed }"

Front 99

What do the acronyms EOQ and QOO stand for?

Back 99

EOQ - economic order quantity most feasible amount to order

QOO - quantity on order - goods we've ordered but haven't received yet

Front 100

How many FK's are in the ExpenseReportItem table and what are they?

Back 100

2 FKs - ReportId, ExpenseID

Front 101

Describe the relationship between the ReportDTO and the ReportItemDTO classes on the server

Back 101

ReportDTO contains an ArrayList property of ReportItemDTO's

Front 102

What java object was used last class to format the expense report's date with a format of "MM/dd/YYYY"

Back 102

SimpleDateFormat

Front 103

Why do we need a transaction in the report generator model?

Back 103

More than one row will be inserted in more than one table

Front 104

What java.sql class do all jdbc transation methods get invoked on?

Back 104

Connection

Front 105

How do we indicate when a transation is to begin with jdbc code?

Back 105

con.setAutoCommit(false);

Front 106

After we're done inserting data, how do we indicate the transaction is over?

Back 106

con.commit()

Front 107

What else should we code in one of the catch clauses?

Back 107

con.rollback()

Front 108

What http verb did we code in theExpenseReportResource.addExpenseReport?

Back 108

POST

Front 109

What do we return from the method ExpenseReportResource.addExpenseReport()

Back 109

The new report PK value (int)

Front 110

What path do we specify in the WebStorm ide Request panel to test the server side method ExpenseReportResource.addExpenseReport()

Back 110

/ServerExercises/exercises/expensereport

Front 111

What Name/Value pair should we add to the request header in order to pass example data over to the ExpenseReportResource?

Back 111

Content-Type, application/json

Front 112

If you want to hard code a default option for an html select, what syntax could you use?

Back 112

<option selected disabled>

Choose Employee

</option>

Front 113

What was the purpose of the boolean pickedEmployee in report-generator.html.ts?

Back 113

Whether or not the expenses dropdown was disabled

Front 114

What was the purpose of the boolean hasItems?

Back 114

Whether or not the lines/totals are displayed

Front 115

What is supposed to happen when the user switches employees when using the expense generator?

Back 115

The expensedropdown gets reloaded,

hasItems gets reset

and the bottom part of the display is suppressed.

Front 116

Describe this line of client side code

{{total |currency: 'USD':true:'1.2-2'}}

Back 116

Using interpolation display the variable total using the built-in currency pipe, U.S. dollars show the dollar sign and use a max of 2 and a min of 2 decimal places

Front 117

Other than locating the desired employee data, what else did we do in the pickEmployee method?

Back 117

Reset

items array,

selectedExpenses array,

hasItems boolean,

pickedExpenses boolean

Front 118

What services were added to the "providers" property in the report.model component last class?

Back 118

ExpenseService,EmployeeService, ReportService

Front 119

What rsjx verb was used to grab only the expenses for a particular employee?

Back 119

filter - this.employeeexpenses = this.expenses.filter(ex => ex.employeeid == id);

Front 120

What rsjx verb was used to locate a particular employeee in the employees array?

Back 120

Find -this.selectedEmployee = this.employees.find (e => e.id == id);

Front 121

What new dropdown was added to the case study generator that was not in the exercises generator?

Back 121

Qty

Front 122

What wrinkle do you need to account for with this extra drop down?

Back 122

The default value of EOQ, you need to determine this for each selected product

Front 123

How is a product removed from case study generator?

Back 123

Enter a qty of zero for the product you want to remove

Front 124

What is the name and version of the java pdf library we'll be utilizing?

Back 124

Itextpdf 5.5.9

Front 125

Where do we place the itext jar file so that glassfish is aware of it?

Back 125

Payara41\glassfish\domains\domain1\lib\ext

Front 126

T/F - Glassfish will be aware of the library once it has been copied to Payara41\glassfish\domains\domain1\lib\ext?

Back 126

F - we need to restart glassfish

Front 127

What other software do we need to make aware of the new jar?

Back 127

NetBeans - Library--> add external jar

Front 128

2 files from c:\temp were utilized in the sample pdf program, what were they?

Back 128

Input SomeLogo.png,

output FirstPdf.pdf

Front 129

What is a servlet?

Back 129

An extension of the web server

Front 130

What implementation of the Servlet Interface does Oracle provide for us to extend?

Back 130

HttpServlet

Front 131

In the provided servlet code, what does the parameter urlPatterns do?

Back 131

Provides an alias for the servlet

Front 132

What did we write the pdf to do instead of a local file in the sample servlet?

Back 132

ByeArrayOutputStream

Front 133

What servlet intrinsic object did we utilize to get the report id the server was interested in?

Back 133

request

Front 134

If all is working, how will the user end up seeing the pdf?

Back 134

It will download as an attachment

Front 135

What url would I provide to the browser to see report "20" in the exercises project?

Back 135

Http://localhost:8080/ServerExercises/ExpenseReportPDF?reportid=20