Font size
S
M
L
XL
WorksheetsCP10 Q4 Recitation
Total questions: 100
Worksheet time: 50mins
Name
Class
Date
1.
The .container class provides a full width container, spanning the entire width of the screen
a)
True
b)
False
2.
Which class provides a responsive fixed width container?
a)
.container-fixed
b)
.container-fluid
c)
.container
d)
.container-responsive
3.
Which contextual class is used to create an orange text color?
a)
.bg-warning
b)
.txt-warning
c)
.txt-orange
d)
.text-warning
4.
The Bootstrap grid system is based on how many columns?
a)
3
b)
9
c)
6
d)
12
5.
Which class adds zebra-stripes to a table?
a)
.table-zebra
b)
.table-bordered
c)
.table-striped
d)
.even and .odd
6.
Which class shapes an image to a circle?
a)
.rounded-circle
b)
.img-round
c)
.img-rounded
d)
.img-circle
7.
Which class is used to create a big box for calling extra attention?
a)
.container
b)
There is no such class
c)
.bigbox
d)
.jumbotron
8.
Which class is used to create a button group?
a)
.group-btn
b)
.button-group
c)
.group-button
d)
.btn-group
9.
Which button class is used to create a large button?
a)
.btn-l2
b)
.btn-lg
c)
.btn-l
d)
.btn-large
10.
Which class is used to create a badge?
a)
.badge-item
b)
.label-badge
c)
.badge
d)
.badge-label
11.
Which class is used to create a loader?
a)
.spinner-border
b)
.loader
c)
.spinner
d)
.spinner-loader
12.
Which class is used to create a basic pagination?
a)
.navigation
b)
.pagination
c)
.page
d)
.pages
13.
Which class is used to create a basic list group?
a)
.grouped-list
b)
.group-list
c)
.list-group
14.
Which class adds a heading to a card?
a)
.card-head
b)
.card-heading
c)
.card-footer
d)
.card-header
15.
Which class indicates a dropdown menu?
a)
.dropdown
b)
.dropdown-list
c)
.select
16.
Which class is used to create a vertical navigation bar?
a)
navbar-vertical
b)
.navbar-inverse
c)
.navbar navbar-vertical
d)
.navbar
17.
Which component is used to cycle through elements, like a slideshow?
a)
Carousel
b)
Orbit
c)
Scrollspy
d)
Slideshow
18.
Which contextual class indicates a succesful or positive action?
a)
.bg-primary
b)
.bg-info
c)
.bg-success
d)
.bg-warning
19.
Which contextual class indicates a dangerous or potentially negative action?
a)
.bg-info
b)
.bg-dark
c)
.bg-primary
d)
.bg-danger
20.
Which class indicates uppercased text?
a)
.text-capitalize
b)
.ucase
c)
.text-uppercase
d)
.uppercase
21.
Which attribute is used to create a tooltip?
a)
data-bs-toggle="popup"
b)
data-bs-toggle="tooltip"
c)
data-bs-toggle="collapse"
d)
data-bs-toggle="modal"
22.
A standard navigation tab is created with:
a)
b)
c)
d)
23.
A standard navigation bar is created with:
a)
b)
c)
d)
24.
Which class is used to style a close icon?
a)
.x
b)
.btn-close
c)
.close-icon
d)
.btn-x
25.
Which class can be used to float an element to the right of the page?
a)
.float-r
b)
.float-start
c)
.float-right
d)
.float-end
26.
Which of the following is correct?
a)
jQuery is a JSON Library
b)
jQuery is a JavaScript Library
27.
jQuery uses CSS selectors to select elements?
a)
False
b)
True
28.
Which sign does jQuery use as a shortcut for jQuery?
a)
the $ sign
b)
the ? Sign
c)
the % sign
29.
Look at the following selector: $("div"). What does it select?
a)
The first div element
b)
All div elements
30.
Is jQuery a library for client scripting or server scripting?
a)
Server scripting
b)
Client scripting
31.
Is it possible to use jQuery together with AJAX?
a)
No
b)
Yes
32.
The jQuery html() method works for both HTML and XML documents
a)
True
b)
False
33.
What is the correct jQuery code to set the background color of all p elements to red?
a)
$("p").layout("background-color","red");
b)
$("p").style("background-color","red");
c)
$("p").css("background-color","red");
d)
$("p").manipulate("background-color","red");
34.
With jQuery, look at the following selector: $("div.intro"). What does it select?
a)
he first div element with class="intro"
b)
The first div element with id="intro"
c)
All div elements with class="intro"
d)
All div elements with id="intro"
35.
Which jQuery method is used to hide selected elements?
a)
visible(false)
b)
hidden()
c)
display(none)
d)
hide()
36.
Which jQuery method is used to set one or more style properties for selected elements?
a)
style()
b)
css()
c)
html()
37.
Which jQuery method is used to perform an asynchronous HTTP request?
a)
jQuery.ajaxSetup()
b)
jQuery.ajaxAsync()
c)
jQuery.ajax()
38.
What is the correct jQuery code for making all div elements 100 pixels high?
a)
$("div").yPos(100)
b)
$("div").height="100"
c)
$("div").height(100)
39.
Which statement is true?
a)
To use jQuery, you must buy the jQuery library at www.jquery.com
b)
To use jQuery, you do not have to do anything. Most browsers (Internet Explorer, Chrome, Firefox and Opera) have the jQuery library built in the browser
c)
To use jQuery, you can refer to a hosted jQuery library at Google
40.
What scripting language is jQuery written in?
a)
C++
b)
JavaScript
c)
VBScript
d)
C#
41.
Which jQuery function is used to prevent code from running, before the document is finished loading?
a)
$(body).onload()
b)
$(document).load()
c)
$(document).ready()
42.
Which jQuery method should be used to deal with name conflicts?
a)
conflict()
b)
nameConflict()
c)
noConflict()
d)
noNameConflict()
43.
Which jQuery method is used to switch between adding/removing one or more classes (for CSS) from selected elements?
a)
switch()
b)
altClass()
c)
switchClass()
d)
toggleClass()
44.
Look at the following selector: $("div p"). What does it select?
a)
The first p element inside a div element
b)
All div elements with a p element
c)
All p elements inside a div element
45.
Is jQuery a W3C standard?
a)
Yes
b)
No
46.
Look at the following selector: $("p#intro"). What does it select?
a)
All p elements with class="intro"
b)
The p element with id="intro"
47.
Which jQuery method is used to remove selected elements?
a)
remove()
b)
detach()
c)
Both methods can be used
48.
Look at the following selector: $(":disabled"). What does it select?
a)
All disabled input elements
b)
All elements that does not contain the text "disabled"
c)
All hidden elements
d)
All elements containing the text "disabled"
49.
Which jQuery method returns the direct parent element of the selected element?
a)
parent()
b)
parents()
c)
ancestors()
d)
ancestor()
50.
The jQuery animate() method can be used to animate ANY CSS property?
a)
All properties except the shorthand properties
b)
Yes
c)
Only properties containing numeric values
51.
What is the correct way to write a comment in JavaScript and JQuery?
a)
b)
// This is a comment
c)
/* This is a comment */
d)
52.
Which of the following JavaScript or JQuery methods is used to select an HTML element by its ID myInput?
a)
getElementById("myInput")
b)
getElementByClass("myInput")
c)
getElementByTag("myInput")
d)
getElementByName("myInput")
53.
What is the correct JavaScript syntax to change the content of the HTML element below?
This is a Test Paragraph.
a)
document.getElementByName("p").innerHTML = "TLE 10 ICT Computer Programming!";
b)
document.getElement("p").innerHTML = "TLE 10 ICT Computer Programming";
c)
document.getElementById("test").innerHTML = "TLE 10 ICT Computer Programming";
d)
#test.innerHTML = "Hello World!";
54.
How do you create a named "convertTemperature"?
a)
function convertTemperatures()
b)
function CONVERTTEMPERATURE()
c)
function convertTemperature()
d)
function ConvertTemperature()
55.
Which event occurs when the user clicks on an HTML element?
a)
onmouseclick
b)
onmouseover
c)
onchange
d)
onclick
56.
How do you declare a JavaScript variable name result?
a)
var result;
b)
variable result;
c)
name result;
d)
variable name result;
57.
What scripting language is jQuery written in?
a)
PHP
b)
JavaScript
c)
VBScript
d)
C#
58.
Which of the following is correct?
a)
jQuery is a JSON Library
b)
jQuery is a JavaScript Library
c)
jQuery is a CSS Library
d)
jQuery is a HTML Library
59.
What is the purpose of the "addEventListener" method in JavaScript?
a)
It is used to modify the CSS properties of an element.
b)
It is used to add event handlers to an element.
c)
It is used to fetch data from an external API.
d)
It is used to create animations on a webpage.
60.
Which jQuery method is used to perform an asynchronous HTTP request?
a)
jQuery.ajaxSetup()
b)
jQuery.ajaxAsync()
c)
jQuery.ajax()
d)
jQuery.xml()
61.
Look at the following selector: $(":disabled"). What does it select?
a)
All disabled input elements
b)
All elements that does not contain the text "disabled"
c)
All elements containing the text "disabled"
d)
All hidden elements
62.
Look at the following selector: $("div p"). What does it select?
a)
All p elements inside a div element
b)
All div elements with a p element
c)
The first p element inside a div element
d)
All elements that does not contain the text "disabled"
63.
Which jQuery method is used to remove selected elements?
a)
Both methods can be used
b)
detach()
c)
remove()
d)
none of the above
64.
What is the correct jQuery code for making all div elements 100 pixels high?
a)
$("div").yPos(100)
b)
$("div").height="100"
c)
$("div").height(100)
d)
$("div").xPos(100)
65.
Look at the following selector: $(":disabled"). What does it select?
a)
All disabled input elements
b)
All elements that does not contain the text "disabled"
c)
All hidden elements
d)
All elements containing the text "disabled"
66.
Which jQuery method returns the direct parent element of the selected element?
a)
ancestors()
b)
ancestor()
c)
parent()
d)
parents()
67.
Which jQuery method is used to switch between adding/removing one or more classes (for CSS) from selected elements?
a)
altClass()
b)
switch()
c)
switchClass()
d)
toggleClass()
68.
Which jQuery method should be used to deal with name conflicts?
a)
noConflict()
b)
conflict()
c)
nameConflict()
d)
noNameConflict()
69.
Which jQuery function is used to prevent code from running, before the document is finished loading?
a)
$(document).load()
b)
$(body).onload()
c)
$(document).ready()
d)
$(document.ready)
70.
Which statement is true?
a)
To use jQuery, you can refer to a hosted jQuery library at Google
b)
To use jQuery, you must buy the jQuery library at www.jquery.com
c)
To use jQuery, you do not have to do anything. Most browsers (Internet Explorer, Chrome, Firefox and Opera) have the jQuery library built in the browser
d)
All of the above
71.
Which HTTP method is commonly used to perform the "Read" operation in CRUD operations?
a)
GET
b)
POST
c)
DELETE
d)
PUT
72.
Which CRUD operation is associated with retrieving data from a database in PHP?
a)
Create
b)
Read
c)
Update
d)
Delete
73.
Which SQL statement is typically used to perform the "Delete" operation in CRUD operations?
a)
SELECT
b)
INSERT
c)
UPDATE
d)
DELETE
74.
Which PHP function is commonly used to execute SQL queries for the "Create" operation in CRUD operations?
a)
mysqli_query()
b)
mysqli_fetch_array()
c)
mysqli_connect()
d)
mysqli_close()
75.
In PHP, which method is commonly used to perform the "Update" operation on a database?
a)
PUT
b)
PATCH
c)
POST
d)
UPDATE
76.
What is the name of the default web page that is created in the "C:\wamp\www" folder?
a)
index.php
b)
home.html
c)
default.php
d)
default.html
77.
In web development, what is the significance of the file path "C:\wamp\www"?
a)
It represents the root directory of a WAMP server installation.
b)
It is a common path for storing website assets such as images and stylesheets.
c)
It is the default location for HTML files in a web project.
d)
It is a reserved folder for temporary files generated during web development.
78.
What does API stand for in the context of software development?
a)
Application Programming Interface
b)
Advanced Program Interaction
c)
Automatic Protocol Integration
d)
Application Processing Interface
79.
What is the purpose of an API?
a)
To provide a graphical user interface
b)
To facilitate communication between software applications
c)
To manage system resources
d)
To secure network connections
80.
Which type of API allows web applications to communicate with each other?
a)
Web API
b)
Operating System API
c)
Database API
d)
Library API
81.
What is the primary purpose of a database API?
a)
To retrieve data from a database
b)
To style and format web pages
c)
To manage system resources
d)
To connect to external services
82.
Which role does an API play in software integration?
a)
Enabling communication and data exchange between applications
b)
Ensuring high availability and performance of applications
c)
Implementing user interfaces for applications
d)
Managing database connections
83.
What is the role of API documentation?
a)
To secure API endpoints
b)
To provide authentication mechanisms
c)
To guide developers on how to use the API effectively
d)
To manage API versioning
84.
Why would developers choose to expose a Web API rather than directly accessing a database?
a)
To improve security
b)
To centralize data management
c)
To minimize network traffic
d)
To simplify authentication
85.
What advantage does a Web API offer in terms of application integration?
a)
It enables seamless integration with external services
b)
It reduces the need for database management
c)
It eliminates the need for user interfaces
d)
It improves application scalability
86.
How can a Web API enhance the user experience of an application?
a)
By providing real-time updates
b)
By optimizing database queries
c)
By improving application security
d)
By automating deployment processes
87.
What benefit does a Web API provide for third-party developers?
a)
It simplifies application deployment
b)
It enables monetization opportunities
c)
It reduces API management overhead
d)
It improves application security
88.
What role does a Web API play in a microservices architecture?
a)
It acts as a centralized data store for all services
b)
It enables communication between independent services
c)
It eliminates the need for server-side processing
d)
It improves application performance by reducing network traffic
89.
Why is documentation crucial for a Web API?
a)
To enhance user interfaces
b)
To simplify authentication processes
c)
To facilitate integration with external services
d)
To ensure developers understand how to use the API effectively
90.
What is the primary reason why developers might add a Web API to an application?
a)
To enhance the user interface
b)
To provide access to application data and functionality
c)
To improve application performance
d)
To simplify the deployment process
91.
What are the steps involved in building a RESTful Web API?
a)
Design the API
b)
Implement the API
c)
Test and Deploy the API
d)
All of the above
92.
How can I consume a RESTful Web API from JQuery?
a)
Use the $.ajax() method
b)
Use the XMLHttpRequest object
c)
Use the Fetch API
d)
All of the above
93.
What is the purpose of a RESTful Web API?
a)
To provide a way for different applications to communicate with each other.
b)
To provide a way for users to interact with a web application.
c)
To provide a way for web applications to store data.
d)
To provide a way for web applications to generate reports.
94.
What is the difference between a RESTful Web API and a SOAP API?
a)
RESTful Web APIs are more efficient.
b)
RESTful Web APIs are more secure.
c)
RESTful Web APIs are easier to use.
d)
RESTful Web APIs are more flexible.
95.
What is the most common way to consume a RESTful Web API from JQuery?
a)
Using the $.ajax() method.
b)
Using the $.get() method.
c)
Using the $.post() method.
d)
Using the $.put() method.
96.
What is the benefit of using Bootstrap 5 in a Web service application?
a)
It provides a consistent look and feel for all of the application's pages.
b)
It makes it easier to create responsive web pages.
c)
It provides a number of pre-built components that can be used to create web pages.
d)
All of the above
97.
What is the name of the method that you use to call the web service?
a)
Get
b)
Post
c)
Put
d)
None of the above
98.
What method is used to listen to the web service response?
a)
open()
b)
send()
c)
onload()
d)
fetch()
99.
Which of the following code snippets will hide the current list item when a user clicks on a close button?
a)
div.style.display = "none";
b)
div.style.display = "deleted";
c)
div.style.display = "closed";
d)
div.style.display = "block";
100.
Which of the following functions calls the showPage function after 3 seconds using the setTimeout function?
a)
function myFunction() { myVar = setTimeout(showPage, 3000); }
b)
function myFunction() { myVar = setTimeout(showPage, 300); }
c)
function myFunction() { myVar = setTimeout(showPage, 30); }
d)
function myFunction() { myVar = setTimeout(showPage, 3); }
Reset
