Font size
WorksheetsHCI CLASS
Total questions: 115
Worksheet time: 59mins
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”
robots
computers
machines
animals
During what year is the emergence of the study of Human-Computer Interaction?
1970's
1980's
1990's
2000
The following are parts of HCI, except -
Computer
System
Interaction
Human
________________ between users and computers occurs at the user interface which includes both software and hardware.
Interface
Design
Development
Interaction
In order to produce computer systems with good usability, developers must attempt to ______________________.
designed with little regard to usability
focus on the coding
achieve efficient, effective and safe interaction
capabilities and preferences for conducting various tasks
_______________ play an important role in achieving the goal of designing HCI.
Capability
Assessibility
Deliverability
Usability
Technology must facilitate humans in their activities
True
False
Good Ideas are Easy to Find
True
False
HCI is about making the interface look pretty
True
False
The goal of HCI “is to develop or improve the safety, utility, effectiveness, efficiency and usability of system that include computers.”
True
False
Two stages in human vision
processing and interpretation of
stimulus
preparing and implementing
processing and implementing
physical reception of stimulus
How do you call this object-oriented programming concept that refers to hiding of data (attributes) and methods within an object?
Interfaces
Encapsulation
Polymorphism
Abstraction
The following are parts of HCI, except -
Computer
System
Interaction
Human
_______________ play an important role in achieving the goal of designing HCI.
Capability
Assessibility
Deliverability
Usability
Technology must facilitate humans in their activities
True
False
The goal of HCI “is to develop or improve the safety, utility, effectiveness, efficiency and usability of system that include computers.”
True
False
HCI is about making the interface look pretty
True
False
Two stages in human vision
processing and interpretation of
stimulus
preparing and implementing
processing and implementing
physical reception of stimulus
LTM stands for
(a)
Types of error
slips
Wrong
mistakes
error
What TypeScript does?
Transforms Javascript into OO language.
Compiles a typed superset of JavaScript to plain JavaScript
Creates classes by itself
Improve JavaScript performance
Does TypeScript have "namespace"?
Yes
No
What is the diference between AngularJS and Angular
Nothing, are the same thing.
AngularJS uses JavaScript and Angular don't
AngularJS is the first Angular version.
Angular is a Math stuff.
What are NOT an AngularJS directive?
ng-loop
ng-if
ng-bind
ng-app
How can we SET cookies using AngularJS?
cookies.set
Set($cookies)
$cookies.set
$cookiers.put
What "Sass" means?
Syntax available for style sheets
Super access style sheets
Singular access style sheets
Syntactically awesome style sheets
Check AngularJS features...
Directives
Templates
Modules
Scope
Expressions
What AngularJS module does?
Defines a module
Defines a scope
Defines an application
Defines a group
What is scope in Angular JS?
Scope is a JS object that refers to the application scope. It is the entire application context. Basically, it acts as the view manager.
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.
Check below AngularJS filters?
Number
Date
Decimal
Lowecase
OrderBy
Why filters are used in AngularJS?
To filter user typed information
To filter not required data
To filter data before displaying it to user
To filter past dates and don't show to user
What are directives in AngularJS?
Directives are DOM elements that allow user to handle browser's cache
Directives are markers on a DOM element that tell AngularJS’s HTML compiler to attach a specified behavior to that DOM element.
Directives are DOM markers to help developers to debug application code.
Directives are Angular markers that allows users to use an application with better performance
What is MVC
Model View Controller
Module View Controller
Model View Control
Module Viewer Controller
ng-controller directive
ng-controller directive tells AngularJS what controller to use with this view.
ng-controller directive binds the AngularJS Application data to HTML tags
ng-controller directive binds the values of AngularJS application data to HTML input controls
ng-controller directive defines and links an AngularJS application to HTML
Who was Angular developed by?
Netflix
Angular
What mechanism is used to use a service in a component?
Dependency injection
Legacy
Polymorphism
Angular expressions are written in:
[ [expresión ] ]
"" expresión ""
((expresión))
{{ expresión}}
Which tool allows you to manage the dependencies of a frontend project?
NodeJS
npm
TypeScript
webpack
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>
No output
44022
10
July
2020
10
2020
What are directives in AngularJS?
Directives are DOM elements that allow user to handle browser's cache
Directives are markers on a DOM element that tell AngularJS’s HTML compiler to attach a specified behavior to that DOM element.
Directives are DOM markers to help developers to debug application code.
Directives are Angular markers that allows users to use an application with better performance
src attribute and then displays it.Change the border size of the body or image
border-style
border-width
border-color
width
To create a dotted border around the page
border-style
border-width
border-color
width
Set the color of the border
border-style
border-width
border-color
width
sets the element to one side of the page
margin
width
float
height
sets the color of words in a paragraph
h1 {
color: pink;
}
img {
color: pink;
}
body {
color: pink;
}
p {
color: pink;
}
What does a class do?
adds color to words
adds style to specific elements
adds style to a whole page
adds a lot more work
Select the rule set to make all the text in your web page blue and centered.
p {
color: blue;
}
body {
text-align: left;
color: blue;
}
p {
text-align: center;
color: blue;
}
body {
text-align: center;
color: blue;
}
Which selector will change the font of the text?
font-size
text-align
font-famiy
text-decoration
What will this rule set create?
h1 {
text-decoration: underline overline dotted red;
}
red waves under the heading
red dots over and under the heading
red waves over and under the heading
red dots over the heading
Which rule set would change the font size to 24?
font-size: 24
size: 24;
font-size: 24;
font size: 24;
What is the correct way of assigning a variable to a class?
Without jQuery
var ex = document.class("example");
var ex = document.GetElementById("example");
var ex = document.querySelector(".example");
var ex = $(".example");
Where's the error?
Line 1. $(document).load(function() {
Line 2. var names = ["Jeff","Bob","Rob"]
Line 3. console.log(names[1]);
Line 4. })
Line 2
Line 1
Line 3
Line 4
$(".example").toggle(300);
What does this jQuery function do?
Toggle a function in 300 seconds
Toggle visibility in 300 seconds
Toggle function in 300 milliseconds
Toggle visibility in 300 milliseconds
Toggle function in 300 hours
How do you assign a variable that calls a function with a.run();
var a = var run: function() {
};
var a = run: function() {
};
var a = run = function() {
};
var a = {
run: function() {
}
};
An individual instruction or step:
Statement
Array
Value
Variable
Where a script stores bits of information:
Variables
Identifier
Array
Code blocks
When a result is found using data stored in variables:
Computed
Undefined
Debugging
Concatenation
Something a name can also be known as:
Identifier
Value
Statement
Array
Where a list of values is stored:
Array
Identifier
Code block
Concatenation
A value is undefined if it is not assigned to a(n):
variable
identifier
name
array
camelCase is when the first word is all lowercase and any subsequent words:
are also lowercase
have their first letter capitalized
are in all caps
are in parentheses
Concatenation is when _______ or more strings are joined together to create one new string.
two
three
four
five
The ___________ sign is an assignment operator.
equals
plus
minus
multiply
Statements end with a ______________, which tells the JavaScript interpreter when a step is over, indicating that it should move to the next step.
semicolon
colon
period
comma
Programming is similar to ______________ because they both use variables to represent numbers or other data.
Algebra
Chemistry
English
Spanish
How are programming and Algebra different?
The equals sign does something different
The variables mean something different
The operators act differently
The plus sign does something different
Which of the following is not a type of data?
Numeric
String
Boolean
Arithmetic
When your code can take more than one path, a ___________ might be run.
Boolean
String
Numeric
Arithmetic
One type of expression is on that just assigns a value to a(n) ______________.
variable
script
path
array
One type of expression is one that uses two or more values to return:
a single value
multiple values
no values
Which of the following is not a type of operator that is covered in chapter 2?
Assignment
Arithmetic
String
Numeric
Thẻ <input type=”Submit” dùng để làm gì?
Tạo một ô text để nhập dữ liệu
Tạo một nút lệnh dùng để gửi tin trong form đi
Tạo một nút lệnh dùng để xóa thông tin trong form
Tất cả các ý trên
Thẻ <textarea ></texterea> dùng để làm gì?
Tạo một ô text để nhập dữ liệu 1 dòng
Tạo một ô password
Tạo một textbox cho phép nhập liệu nhiều dòng
Tất cả các ý trên
Thẻ <input type='Password'> dùng để làm gì?
Tạo một ô text để nhập dữ liệu 1 dòng
Tạo một ô password
Tạo một textbox cho phép nhập liệu nhiều dòng
Tất cả các ý trên
Thẻ <input type='text'> dùng để làm gì?
Tạo một ô text để nhập dữ liệu 1 dòng
Tạo một ô password
Tạo một textbox cho phép nhập liệu nhiều dòng
Tất cả các ý trên
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>
Khi chạy thì một trang khác (VNN) được hiện ra
Không chạy được vì sai
Khi kết thúc thì một site khác hiện ra
Hiện một trang vnn duy nhất
Trong Javascript sự kiện Onchange thực hiện khi nào?
Khi một đối tượng trong form mất focus
Khi một đối tượng trong form có focus
Xảy ra khi giá trị của một trường trong form được người dùng thay đổi
Khi click chuột vào nút lệnh
Trong Javascript sự kiện Onclick thực hiện khi nào?
Khi một đối tượng trong form mất focus
Khi một đối tượng trong form có focus
Khi click chuột vào một đối tượng trong form
Khi click chuột vào nút lệnh
Trong Javascript sự kiện OnMouseOver thực hiện khi nào?
Khi một đối tượng trong form mất focus
Khi một đối tượng trong form có focus
Khi di chuyển con chuột qua một đối tượng trong form
Khi click chuột vào nút lệnh
Trong Javascript sự kiện Onblur thực hiện khi nào?
Khi một đối tượng trong form mất focus
Khi một đối tượng trong form có focus
Khi di chuyển con chuột qua form
Khi click chuột vào nút lệnh
Trong Javascript sự kiện OnUnload thực hiện khi nào?
Khi bắt đầu chương trình chạy
Khi click chuột
Khi kết thúc một chương trình
Khi di chuyển chuột qua
What is server-side rendering?
Server-side rendering is the process of generating the complete HTML of a web page on the server and sending it to the client.
Server-side rendering is a method used to execute JavaScript code on the client side.
Server-side rendering is a technique to optimize database operations on the server.
Server-side rendering is a programming language used for server-side development.
What is client-side rendering?
Client-side rendering is a technique to enhance server performance in handling user requests.
Client-side rendering is a method that prioritizes server-side processing for rendering web pages.
Client-side rendering is the process of rendering web content using JavaScript on the client's browser.
Client-side rendering is a programming approach that focuses on back-end logic and data processing.
What does API mean?
Automated prediction interface
Automated programming interface
Application programming interface
Application preparator innovated
What is an API?
An API (Application Programming Interface) is a set of rules and protocols that allows different software applications to communicate with each other.
An API is a programming language used for creating graphical user interfaces
An API is a hardware component used for data storage and retrieval.
An API is a software tool for debugging and testing code.
What is a web-service?
A web service is a graphical user interface for accessing web pages.
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.
A web service is a physical server that hosts websites and applications.
A web service is a programming language used for building web applications.
What is a RESTful web application?
A RESTful web application is a database management system tailored for storing and retrieving web-related data efficiently.
A RESTful web application is a server-side scripting language specifically designed for building dynamic websites.
A RESTful web application is a front-end framework that enables the creation of responsive user interfaces through client-side rendering
A RESTful web application is a design approach for building scalable and stateless web services that adhere to standard HTTP methods.
What is the most common response type that an API endpoint sends?
CSV
JSON
String
XML
Which one out of the following is a JSON?
[["name"],["Kare"]]
{name: "Kare"}
<name>Kare</name>
{"name":"Kare"}
What parts does an HTTP request consist of?
An HTTP request consists of a request line, headers, and a body.
An HTTP request consists of a request line, headers, and an optional body.
An HTTP request consists of cookies and session information.
An HTTP request consists of a database query and authentication credentials.
What parts does an HTTP response consist of?
An HTTP response consists of a status line, headers, and an optional body.
An HTTP response consists of a request method and a response code.
An HTTP response consists of a status line, headers, and a body.
An HTTP response consists of a html page
What is Postman used for?
Postman is used for creating complex ui layouts from an HTTP response sent by a server
Postman is used for managing the email accounts of the developer team
Postman is used for testing the automatic email sending services of an application
Postman is used for making HTTP requests, organizing APIs, and automating API testing.
What is the Jackson Object mapper?
The Jackson Object Mapper is a Java method that transforms a HashMap into a JSON (serialization) and a JSON to a HashMap (deserialization)
The Jackson Object Mapper is a Java library used for converting Java objects to JSON (serialization) and JSON to Java objects (deserialization).
The Jackson Object Mapper is an inbuilt annotation that allows the controller to send html templates as a response
The Jackson Object Mapper is a Java library that can translate JS code to Java (deserialization) and Java to JS (serialization)
