wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HCI CLASS

Total questions: 115

Worksheet time: 59mins

Name
Class
Date
1.

Human–Computer Interaction is defined as “the science concerned with designing effective interaction between users and _______ and the construction of interfaces that support this interaction”

a)

robots

b)

computers

c)

machines

d)

animals

2.

During what year is the emergence of the study of Human-Computer Interaction?

a)

1970's

b)

1980's

c)

1990's

d)

2000

3.

The following are parts of HCI, except -

a)

Computer

b)

System

c)

Interaction

d)

Human

4.

________________ between users and computers occurs at the user interface which includes both software and hardware.

a)

Interface

b)

Design

c)

Development

d)

Interaction

5.

In order to produce computer systems with good usability, developers must attempt to ______________________.

a)

designed with little regard to usability

b)

focus on the coding

c)

achieve efficient, effective and safe interaction

d)

capabilities and preferences for conducting various tasks

6.

_______________ play an important role in achieving the goal of designing HCI.

a)

Capability

b)

Assessibility

c)

Deliverability

d)

Usability

7.

Technology must facilitate humans in their activities

a)

True

b)

False

8.

Good Ideas are Easy to Find

a)

True

b)

False

9.

HCI is about making the interface look pretty

a)

True

b)

False

10.

The goal of HCI “is to develop or improve the safety, utility, effectiveness, efficiency and usability of system that include computers.”

a)

True

b)

False

11.

Two stages in human vision

a)

processing and interpretation of

stimulus

b)

preparing and implementing

c)

processing and implementing

d)

physical reception of stimulus

12.

How do you call this object-oriented programming concept that refers to hiding of data (attributes) and methods within an object?

a)

Interfaces

b)

Encapsulation

c)

Polymorphism

d)

Abstraction

13.

The following are parts of HCI, except -

a)

Computer

b)

System

c)

Interaction

d)

Human

14.

_______________ play an important role in achieving the goal of designing HCI.

a)

Capability

b)

Assessibility

c)

Deliverability

d)

Usability

15.

Technology must facilitate humans in their activities

a)

True

b)

False

16.

The goal of HCI “is to develop or improve the safety, utility, effectiveness, efficiency and usability of system that include computers.”

a)

True

b)

False

17.

HCI is about making the interface look pretty

a)

True

b)

False

18.

Two stages in human vision

a)

processing and interpretation of

stimulus

b)

preparing and implementing

c)

processing and implementing

d)

physical reception of stimulus

19.

LTM stands for

(a)  

20.

Types of error

a)

slips

b)

Wrong

c)

mistakes

d)

error

21.

What TypeScript does?

a)

Transforms Javascript into OO language.

b)

Compiles a typed superset of JavaScript to plain JavaScript

c)

Creates classes by itself

d)

Improve JavaScript performance

22.

Does TypeScript have "namespace"?

a)

Yes

b)

No

23.

What is the diference between AngularJS and Angular

a)

Nothing, are the same thing.

b)

AngularJS uses JavaScript and Angular don't

c)

AngularJS is the first Angular version.

d)

Angular is a Math stuff.

24.

What are NOT an AngularJS directive?

a)

ng-loop

b)

ng-if

c)

ng-bind

d)

ng-app

25.

How can we SET cookies using AngularJS?

a)

cookies.set

b)

Set($cookies)

c)

$cookies.set

d)

$cookiers.put

26.

What "Sass" means?

a)

Syntax available for style sheets

b)

Super access style sheets

c)

Singular access style sheets

d)

Syntactically awesome style sheets

27.

Check AngularJS features...

a)

Directives

b)

Templates

c)

Modules

d)

Scope

e)

Expressions

28.

What AngularJS module does?

a)

Defines a module

b)

Defines a scope

c)

Defines an application

d)

Defines a group

29.

What is scope in Angular JS?

a)

Scope is a JS object that refers to the application scope. It is the entire application context. Basically, it acts as the view manager.

b)

Scope is a JS object that refers to the application model. It acts as a context for evaluating angular expressions. Basically, it acts as glue between controller and view.

30.

Check below AngularJS filters?

a)

Number

b)

Date

c)

Decimal

d)

Lowecase

e)

OrderBy

31.

Why filters are used in AngularJS?

a)

To filter user typed information

b)

To filter not required data

c)

To filter data before displaying it to user

d)

To filter past dates and don't show to user

32.

What are directives in AngularJS?

a)

Directives are DOM elements that allow user to handle browser's cache

b)

Directives are markers on a DOM element that tell AngularJS’s HTML compiler to attach a specified behavior to that DOM element.

c)

Directives are DOM markers to help developers to debug application code.

d)

Directives are Angular markers that allows users to use an application with better performance

33.
HTML tags are enclosed with in which of the following brackets?
a)
Curly brackets {}
b)
brackets ()
c)
square brackets []
d)
angular brackets <>
34.
All Tags are HTML mandatory requires a closing tag?
a)
true
b)
false
35.

What is MVC

a)

Model View Controller

b)

Module View Controller

c)

Model View Control

d)

Module Viewer Controller

36.

ng-controller directive

a)

ng-controller directive tells AngularJS what controller to use with this view.

b)

ng-controller directive binds the AngularJS Application data to HTML tags

c)

ng-controller directive binds the values of AngularJS application data to HTML input controls

d)

ng-controller directive defines and links an AngularJS application to HTML

37.

Who was Angular developed by?

a)

Google

b)

Facebook

c)

Netflix

d)

Angular

38.

What mechanism is used to use a service in a component?

a)

Dependency injection

b)

Legacy

c)

Polymorphism

39.

Angular expressions are written in:

a)

[ [expresión ] ]

b)

"" expresión ""

c)

((expresión))

d)

{{ expresión}}

40.

Which tool allows you to manage the dependencies of a frontend project?

a)

NodeJS

b)

npm

c)

TypeScript

d)

webpack

41.

Predict the output:


<p id="test"></p>

<script>

var date = 10;

month = "July";

var year = 2020;


document.getElementById("test").innerHTML =

date + "<br>" + month + "<br>" + year

</script>

a)

No output

b)

44022

c)

10

July

2020

d)

10

2020

42.

What are directives in AngularJS?

a)

Directives are DOM elements that allow user to handle browser's cache

b)

Directives are markers on a DOM element that tell AngularJS’s HTML compiler to attach a specified behavior to that DOM element.

c)

Directives are DOM markers to help developers to debug application code.

d)

Directives are Angular markers that allows users to use an application with better performance

43.
<img> tag finds;
a)
finds the image located at the a URL and the src attribute and then displays it.
b)
finds the image located at the SRC in the URL attribute and then displays it.
c)
Adds a cool picture
d)
Does not work in HTML coding
44.
[Square brackets are used to define];
a)
An input attribute
b)
An export attribute
c)
A Function
d)
A Variable
45.
</html>
a)
Found after </h1>
b)
Found after </style>
c)
Found after </body>
d)
Found at bottom of written code
46.
<html>
a)
Gives you structure and text
b)
Not needed when creating HTML sites
c)
Goes after the <h1>
d)
Goes after the <body>
47.
A Header;
a)
Must include your name
b)
First Line of your code
c)
Found at bottom of your code
d)
Not needed in HTML
48.
</body>
a)
Body tag
b)
Paragraph tag
c)
Closing body tag
d)
Header tag
49.
<body>
a)
Body tag
b)
Paragraph tag
c)
Closing body tag
d)
Header tag
50.
Body tags are used;
a)
Used for only the header
b)
Used only for the paragraph
c)
element that wraps everything that is visible on the page.
d)
Not used in HTML
51.
</style>
a)
Found at the bottom of styling options
b)
Allows a heading to be written
c)
Allows the body to be written
d)
Allows attributes to be included
52.
Style tags are used to;
a)
Apply style to one line
b)
Not used in HTML
c)
Used at the top of the page to apply a style to the entire document
d)
Used sparingly
53.
<style>
a)
Found at top of styling options
b)
Allows a heading to be written
c)
Allows the body to be written
d)
Allows attributes to be included
54.
An attribute is a; 
a)
Applies changes to everything
b)
Different options for each tab
c)
Allows for no changes to the site
d)
Gives structure and text
55.
</p> is
a)
punctuation tag
b)
closing paragraph tag
c)
closing punctuation tag
d)
paragraph tag
56.
<p> is
a)
punctuation tag
b)
closing paragraph tag
c)
closing punctuation tag
d)
paragraph tag
57.
</h> is
a)
Header Tag
b)
Headline Tag
c)
Half of a tag
d)
Closing header tag
58.
New heading tags can be added by using;
a)
Letters (ie: ha; hb)
b)
Numbers (i.e: h1; h2)
c)
Quotations (ie: h'; h")
d)
You can't do this
59.
<h> is
a)
Header Tag
b)
Headline Tag
c)
Half of a tag
d)
Closing header tag
60.
A <tag>
a)
Is used to divide sections
b)
Is not needed in HTML
c)
Tells the browser how to format our content
d)
Is part of the title line in HTML
61.
What does HTML stand for?
a)
Hypertext Making Language
b)
Hyper Transfer Markup Language
c)
Hypertext Markup Language
d)
Hyper Transfer Making Language
62.
HTML Language uses
a)
Tabs
b)
Tags
c)
Punctuation
d)
Quotations
63.

Change the border size of the body or image

a)

border-style

b)

border-width

c)

border-color

d)

width

64.

To create a dotted border around the page

a)

border-style

b)

border-width

c)

border-color

d)

width

65.

Set the color of the border

a)

border-style

b)

border-width

c)

border-color

d)

width

66.

sets the element to one side of the page

a)

margin

b)

width

c)

float

d)

height

67.

sets the color of words in a paragraph

a)

h1 {

color: pink;

}

b)

img {

color: pink;

}

c)

body {

color: pink;

}

d)

p {

color: pink;

}

68.

What does a class do?

a)

adds color to words

b)

adds style to specific elements

c)

adds style to a whole page

d)

adds a lot more work

69.

Select the rule set to make all the text in your web page blue and centered.

a)

p {

color: blue;

}

b)

body {

text-align: left;

color: blue;

}

c)

p {

text-align: center;

color: blue;

}

d)

body {

text-align: center;

color: blue;

}

70.

Which selector will change the font of the text?

a)

font-size

b)

text-align

c)

font-famiy

d)

text-decoration

71.

What will this rule set create?


h1 {

text-decoration: underline overline dotted red;

}

a)

red waves under the heading

b)

red dots over and under the heading

c)

red waves over and under the heading

d)

red dots over the heading

72.

Which rule set would change the font size to 24?

a)

font-size: 24

b)

size: 24;

c)

font-size: 24;

d)

font size: 24;

73.

What is the correct way of assigning a variable to a class?

Without jQuery

a)

var ex = document.class("example");

b)

var ex = document.GetElementById("example");

c)

var ex = document.querySelector(".example");

d)

var ex = $(".example");

74.

Where's the error?


Line 1. $(document).load(function() {

Line 2. var names = ["Jeff","Bob","Rob"]

Line 3. console.log(names[1]);

Line 4. })

a)

Line 2

b)

Line 1

c)

Line 3

d)

Line 4

75.

$(".example").toggle(300);


What does this jQuery function do?

a)

Toggle a function in 300 seconds

b)

Toggle visibility in 300 seconds

c)

Toggle function in 300 milliseconds

d)

Toggle visibility in 300 milliseconds

e)

Toggle function in 300 hours

76.

How do you assign a variable that calls a function with a.run();

a)

var a = var run: function() {


};

b)

var a = run: function() {


};

c)

var a = run = function() {


};

d)

var a = {

run: function() {


}

};

77.

An individual instruction or step:

a)

Statement

b)

Array

c)

Value

d)

Variable

78.

Where a script stores bits of information:

a)

Variables

b)

Identifier

c)

Array

d)

Code blocks

79.

When a result is found using data stored in variables:

a)

Computed

b)

Undefined

c)

Debugging

d)

Concatenation

80.

Something a name can also be known as:

a)

Identifier

b)

Value

c)

Statement

d)

Array

81.

Where a list of values is stored:

a)

Array

b)

Identifier

c)

Code block

d)

Concatenation

82.

A value is undefined if it is not assigned to a(n):

a)

variable

b)

identifier

c)

name

d)

array

83.

camelCase is when the first word is all lowercase and any subsequent words:

a)

are also lowercase

b)

have their first letter capitalized

c)

are in all caps

d)

are in parentheses

84.

Concatenation is when _______ or more strings are joined together to create one new string.

a)

two

b)

three

c)

four

d)

five

85.

The ___________ sign is an assignment operator.

a)

equals

b)

plus

c)

minus

d)

multiply

86.

Statements end with a ______________, which tells the JavaScript interpreter when a step is over, indicating that it should move to the next step.

a)

semicolon

b)

colon

c)

period

d)

comma

87.

Programming is similar to ______________ because they both use variables to represent numbers or other data.

a)

Algebra

b)

Chemistry

c)

English

d)

Spanish

88.

How are programming and Algebra different?

a)

The equals sign does something different

b)

The variables mean something different

c)

The operators act differently

d)

The plus sign does something different

89.

Which of the following is not a type of data?

a)

Numeric

b)

String

c)

Boolean

d)

Arithmetic

90.

When your code can take more than one path, a ___________ might be run.

a)

Boolean

b)

String

c)

Numeric

d)

Arithmetic

91.

One type of expression is on that just assigns a value to a(n) ______________.

a)

variable

b)

script

c)

path

d)

array

92.

One type of expression is one that uses two or more values to return:

a)

a single value

b)

multiple values

c)

no values

93.

Which of the following is not a type of operator that is covered in chapter 2?

a)

Assignment

b)

Arithmetic

c)

String

d)

Numeric

94.

Thẻ <input type=”Submit” dùng để làm gì?

a)

Tạo một ô text để nhập dữ liệu

b)

Tạo một nút lệnh dùng để gửi tin trong form đi

c)

Tạo một nút lệnh dùng để xóa thông tin trong form

d)

Tất cả các ý trên

95.

Thẻ <textarea ></texterea> dùng để làm gì?

a)

Tạo một ô text để nhập dữ liệu 1 dòng

b)

Tạo một ô password

c)

Tạo một textbox cho phép nhập liệu nhiều dòng

d)

Tất cả các ý trên

96.

Thẻ <input type='Password'> dùng để làm gì?

a)

Tạo một ô text để nhập dữ liệu 1 dòng

b)

Tạo một ô password

c)

Tạo một textbox cho phép nhập liệu nhiều dòng

d)

Tất cả các ý trên

97.

Thẻ <input type='text'> dùng để làm gì?

a)

Tạo một ô text để nhập dữ liệu 1 dòng

b)

Tạo một ô password

c)

Tạo một textbox cho phép nhập liệu nhiều dòng

d)

Tất cả các ý trên

98.

Trong Javascript đoạn mã sau cho ra kết quả gì?

<script>


function kiemtra(){


window.open("http://Quantrimang.com","Chao");


}


</script>


</head>


<body onload ="kiemtra()"></body>

a)

Khi chạy thì một trang khác (VNN) được hiện ra

b)

Không chạy được vì sai

c)

Khi kết thúc thì một site khác hiện ra

d)

Hiện một trang vnn duy nhất

99.

Trong Javascript sự kiện Onchange thực hiện khi nào?

a)

Khi một đối tượng trong form mất focus

b)

Khi một đối tượng trong form có focus

c)

Xảy ra khi giá trị của một trường trong form được người dùng thay đổi

d)

Khi click chuột vào nút lệnh

100.

Trong Javascript sự kiện Onclick thực hiện khi nào?

a)

Khi một đối tượng trong form mất focus

b)

Khi một đối tượng trong form có focus

c)

Khi click chuột vào một đối tượng trong form

d)

Khi click chuột vào nút lệnh

101.

Trong Javascript sự kiện OnMouseOver thực hiện khi nào?

a)

Khi một đối tượng trong form mất focus

b)

Khi một đối tượng trong form có focus

c)

Khi di chuyển con chuột qua một đối tượng trong form

d)

Khi click chuột vào nút lệnh

102.

Trong Javascript sự kiện Onblur thực hiện khi nào?

a)

Khi một đối tượng trong form mất focus

b)

Khi một đối tượng trong form có focus

c)

Khi di chuyển con chuột qua form

d)

Khi click chuột vào nút lệnh

103.

Trong Javascript sự kiện OnUnload thực hiện khi nào?

a)

Khi bắt đầu chương trình chạy

b)

Khi click chuột

c)

Khi kết thúc một chương trình

d)

Khi di chuyển chuột qua

104.

What is server-side rendering?

a)

Server-side rendering is the process of generating the complete HTML of a web page on the server and sending it to the client.

b)

Server-side rendering is a method used to execute JavaScript code on the client side.

c)

Server-side rendering is a technique to optimize database operations on the server.

d)

Server-side rendering is a programming language used for server-side development.

105.

What is client-side rendering?

a)

Client-side rendering is a technique to enhance server performance in handling user requests.

b)

Client-side rendering is a method that prioritizes server-side processing for rendering web pages.

c)

Client-side rendering is the process of rendering web content using JavaScript on the client's browser.

d)

Client-side rendering is a programming approach that focuses on back-end logic and data processing.

106.

What does API mean?

a)

Automated prediction interface

b)

Automated programming interface

c)

Application programming interface

d)

Application preparator innovated

107.

What is an API?

a)

An API (Application Programming Interface) is a set of rules and protocols that allows different software applications to communicate with each other.

b)

An API is a programming language used for creating graphical user interfaces

c)

An API is a hardware component used for data storage and retrieval.

d)

An API is a software tool for debugging and testing code.

108.

What is a web-service?

a)

A web service is a graphical user interface for accessing web pages.

b)

A web service is a software system that allows different applications to communicate and exchange data over the internet using standard protocols such as HTTP.

c)

A web service is a physical server that hosts websites and applications.

d)

A web service is a programming language used for building web applications.

109.

What is a RESTful web application?

a)

A RESTful web application is a database management system tailored for storing and retrieving web-related data efficiently.

b)

A RESTful web application is a server-side scripting language specifically designed for building dynamic websites.

c)

A RESTful web application is a front-end framework that enables the creation of responsive user interfaces through client-side rendering

d)

A RESTful web application is a design approach for building scalable and stateless web services that adhere to standard HTTP methods.

110.

What is the most common response type that an API endpoint sends?

a)

CSV

b)

JSON

c)

String

d)

XML

111.

Which one out of the following is a JSON?

a)

[["name"],["Kare"]]

b)

{name: "Kare"}

c)

<name>Kare</name>

d)

{"name":"Kare"}

112.

What parts does an HTTP request consist of?

a)

An HTTP request consists of a request line, headers, and a body.

b)

An HTTP request consists of a request line, headers, and an optional body.

c)

An HTTP request consists of cookies and session information.

d)

An HTTP request consists of a database query and authentication credentials.

113.

What parts does an HTTP response consist of?

a)

An HTTP response consists of a status line, headers, and an optional body.

b)

An HTTP response consists of a request method and a response code.

c)

An HTTP response consists of a status line, headers, and a body.

d)

An HTTP response consists of a html page

114.

What is Postman used for?

a)

Postman is used for creating complex ui layouts from an HTTP response sent by a server

b)

Postman is used for managing the email accounts of the developer team

c)

Postman is used for testing the automatic email sending services of an application

d)

Postman is used for making HTTP requests, organizing APIs, and automating API testing.

115.

What is the Jackson Object mapper?

a)

The Jackson Object Mapper is a Java method that transforms a HashMap into a JSON (serialization) and a JSON to a HashMap (deserialization)

b)

The Jackson Object Mapper is a Java library used for converting Java objects to JSON (serialization) and JSON to Java objects (deserialization).

c)

The Jackson Object Mapper is an inbuilt annotation that allows the controller to send html templates as a response

d)

The Jackson Object Mapper is a Java library that can translate JS code to Java (deserialization) and Java to JS (serialization)