Midterm Review

Question 1

What part of the Spring family of software products will we be using for server-side development?

Answer 1

Spring Boot

Question 2

T/F The Spring Framework contains Java EE APIs

Answer 2

True

Question 3

T/F The Spring Framework can replace the need for Java EE

Answer 3

True

Question 4

What framework will be installed next class to look after the client-side programming?

Answer 4

Angular

Question 5

What is different about the architecture this course will use than what was used in a traditional Java EE app?

Answer 5

Traditional was server-side rendering using JSF or equivalent, SPA for the view in this course

Question 6

What is Spring Initialzr?

Answer 6

A web application that can generate a Spring Boot project structure for you

Question 7

What 5 templates did we choose for Spring Initialzr?

Answer 7

Spring Web, Lombok, Spring Data JPA, H2 Database, Rest Repositories

Question 8

What extension was added to make our Employee class code more concise?

Answer 8

Lombok

Question 9

What annotations were found in the Employee domain class?

Answer 9

@Entity, @Data, @RequiredArgsConstructor, @Id, @GeneratedValue

Question 10

What annotations were found in the EmployeeRepository class?

Answer 10

@Repository, @RepositoryRestResource

Question 11

What relational database are we using in this course?

Answer 11

H2

Question 12

What are some characteristics of this database?

Answer 12

In memory, fast, doesn’t retain changes

Question 13

What intrinsic file did we use to house the populating of the employee data into the database?

Answer 13

data.sql

Question 14

What file was populated to provide the datasource meta-data (e.g., username, password…) for the H2 database?

Answer 14

application.properties

Question 15

What is Maven?

Answer 15

Java Build Tool

Question 16

What is the file pom.xml used for?

Answer 16

Houses dependencies for build

Question 17

What Maven step created the executable .jar file that can be run outside of the IDE?

Answer 17

package

Question 18

What was the name of the .jar file it created, and where did the name come from?

Answer 18

exercises-0.0.1-SNAPSHOT.jar, pom.xml

Question 19

T/F: We can run a Spring Boot application without VSCode?

Answer 19

True

Question 20

What framework will you be using client side?

Answer 20

Angular

Question 21

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

Answer 21

TypeScript

Question 22

What does the language from q2 get compiled to?

Answer 22

JavaScript

Question 23

What command did you use to create the initial project?

Answer 23

ng new clientexercises –no-standalone

Question 24

How do you tell what version of the CLI you are using?

Answer 24

ng version

Question 25

What is the root "module" for an angular application typically called?

Answer 25

app.module.ts

Question 26

The notes describe a property called "selector" in the app.component.ts file, what other file is used in conjunction with this property?

Answer 26

index.html

Question 27

What styling framework will we be using?

Answer 27

Material-UI

Question 28

What command was used to install the needed Material-UI packages

Answer 28

ng add @angular/material

Question 29

How do I know I am using a material design component in my app's html?

Answer 29

tag starts with

Question 30

What was added to the project so that app.module.ts didn’t get cluttered with material-ui modules?

Answer 30

a separate module to house just the material components

Question 31

What 3 colour names are found in a typical “Theme”?

Answer 31

primary, accent, warn

Question 32

What styling syntax is used to work with Themes?

Answer 32

scss

Question 33

Explain the difference between a module and a component in Angular

Answer 33

modules are made up from components tell what components can be used and how, components control the View

Question 34

Explain this line of code in employee.service.ts: providedIn: 'root',

Answer 34

allows a service to be injected with the root application injector, allowing global usage

Question 35

What part of the application returns an Observable?

Answer 35

HttpClient call in Service

Question 36

What is also required along with the constant BASE_URL to make a complete REST call?

Answer 36

endpoint e.g. employees

Question 37

What did the EmployeeService expect to get back from the url: `${BASE_URL}/employees` when doing an HTTP GET?

Answer 37

an observable

Question 38

What syntax can we use to iterate through an array in the template (html) code?

Answer 38

*ngFor ="let employee of employees"

Question 39

What syntax is used to dump an Angular expression to the browser?

Answer 39

{{ .. }}

Question 40

What is the syntax from q7 commonly known as?

Answer 40

interpolation

Question 41

What is the @Input annotation in Angular used for?

Answer 41

receive data in a child component from a parent

Question 42

Where and what did we use the @Input annotation for?

Answer 42

place the employee array in the employee list component

Question 43

What syntax did we use to load the data for the @Input (in the parent component)?

Answer 43

this.employees = payload._embedded.employees;

Question 44

What sub method did we run on EmployeeService.get in the EmployeeHomeComponent to obtain the actual data from the service?

Answer 44

.subscribe()

Question 45

What file did we edit to allow Cypress to utilize a mobile footprint?

Answer 45

cypress.config.ts

Question 46

What element did we alter as the loading point for our SPA?

Question 47

What error did we get when we first made the REST call from the client project to the server project?

Answer 47

CORS

Question 48

How did we solve it?

Answer 48

Added @CrossOrigin annotation on server repository

Question 49

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

Answer 49

Routes

Question 50

What 2 properties are defined in each route in the routes array?

Answer 50

path, component

Question 51

What routing properties were bound with one way binding ([]) to the anchors in the menu (app.component.html)?

Answer 51

routerLink and state

Question 52

What is the purpose of this tag:

Answer 52

Where routes get rendered

Question 53

Explain how the title is set in the toolbar

Answer 53

using setTitle (new in Angular 14), that we set in app.component.ts

Question 54

Explain how all the employee parts of the application are related

Answer 54

Employee service retrieves data from server, employee home component calls get method on service to obtain employee data with subscribe. Employee home html loads list data via @Input annotation. List component displays all items. EmployeeHome and EmployeeList are declared in the employee module.