(Midterms) Web Systems an Technologies Mocktest BSIT 604

87 questions • 3 d ago

Question list

It is a modern solution for creating flexible layouts that work correctly on different screen sizes as it organizes content into two (2) dimensions: rows and columns.

CSS Grid

Which statement is NOT TRUE about CSS Grid?

It is the exact area of the screen that is rendering the website.

What is the correct syntax in creating a CSS Grid?

main { display: grid; grid-template-columns: 30% 30% 30%; }

This property can be used to space the rows and columns.

Gap

This tag specifies independent and self-content and encloses various elements such as header and paragraphs.

This tag specifies some content besides the content it is placed in and is usually presented as sidebars.

<aside>

It is the exact area of the screen that is rendering the website. In mobile devices, it is the full screen of a device, while it is the width and height of a browser window.

Viewport

Which is the correct syntax of a Viewport?

This viewport element should be included in all HTML webpages and always go inside the <head> element. It gives the browser instructions on controlling the page's dimension and scaling.

<meta>

This sets the page width to follow the screen width depending on the device,

width=device-width

It sets the initial zoom level when the webpage is loaded by the browser.

initial-scale=1.0

These are not just sets of properties and values but containers for other rulesets implemented based on the media query results.

Media Queries

Which is the correct syntax in declaring a media query in HTML?

Which is the correct syntax in declaring a media query in CSS?

@media screen and (min-width: 600px) { main { display: flex; } }

In HTML, this attribute is declared inside a link tag

media

In Media Queries, It is one of the logics in a media query and is used to combine media types or features.

And

It is one of the logics in a media query which is used if both conditions are true

Only

It is one of the logics in a media query which is used to revert the media query that will return false if the output is true.

Not

It is when the layout changes to adjust to the viewport.

Breakpoint

It is a flexible one that can be viewed on small devices up to larger screens.

Responsive image

Which is the correct syntax in creating a responsive Image?

It is a video player that can be viewed on small screens up to larger screen devices. The syntax and placement are the same as those used to make responsive images.

Responsive video

Which is the correct syntax in creating a responsive Video?

It makes the website interactive and complex through the implementation of intricate features such as displaying timely content updates and determining what happens when users click, hover, or type within specific elements in the website.

JavaScript

Which statement is NOT TRUE about JavaScript?

It is the line of code that browsers ignore and is used on a specific line or block of codes to add notes such as the program name and date or notes for future programmers that might modify the program

Wha extension does JavaScript Use?

.js

JS code is placed and can appear multiple times inside the <head> or <body> tags of an HTML document using <script> tags that encloses the JavaScript codes.

Internal JavaScript

Which is the correct syntax for internal JavaScript?

It is when the separated .js file is linked using <script> tags with the src attribute are usually placed within the <head> tags. It applies the JavaScript code to the webpage so that it can have an effect on the HTML document and anything else on it.

External JavaScript

Which is the correct syntax for external JavaScript?

JavaScript Comment

"It is used by adding two (2) slashes ( // ) before the note or comment" What type of JavaScript comment is being described?

Line comment

"These are used to hide multiple lines of codes by adding /* to the first line of the block and enclosed by a */ after the last character in the block." What type of JavaScript comment is being described?

Block comments

It is an individual line of code that is enclosed within the <script> tags.

JavaScript Statement

It is a programming code that can be treated as an individual unit or component.

JavaScript Object

What does DOM stand for?

Document Object Model

What does BOM Stand for?

Browser Object Model

Statements such as this are often grouped into logical units that perform specific tasks.

Procedures

These are actions that can be performed on an object.

Methods

These are used and placed inside the parentheses beside it to provide more specific information about the method.

Arguments

bankLoan.calcPayments(60); Which is the Argument in this statement?

(60)

bankLoan.calcPayments(60); Which is the Object in this statement?

bankLoan

bankLoan.calcPayments(60); Which is the Method in this statement?

calcPayments

Any text, graphics, and other information displayed on the webpage is part of the Document object, which is one of the most commonly used objects in DOM.

JavaScript Output Methods

Which is the correct syntax for document.write()?

document.write("<p>Best choices</p>");

This method of the Document object is used to write custom information such as username or address.

write()

It is a basic method used to write text to the console.

console.log()

It is a basic method used to write text to the console.

console.log()

It is where messages are displayed that are invisible to users and are separated from the HTML/CSS environment. However, this can be visible in a browser’s developer tool console.

Console

This method is used to display an alert box that has amessage and an OK button. The text in the argument is the information users are forced to see, so it is better not to overuse this method.

alert()

Which is the correct syntax for console.log?

console.log("Hello, World!");

Which is the correct syntax for alert()

It is used to perform specific actions on arguments called operands, which can be both values and variables.

JavaScript Operator

operators allow assigning of values to variables and constants. It commonly uses the equal sign (=).

Assignment

operators express mathematical operations and accept numerical values and variables. It includes addition, subtraction, multiplication, division, remainder, power, and increment that adds one (1) in the operand and decrement (--) that subtracts one (1).

Arithmetic

operators work with Boolean-type values such as true or false. It includes a conjunction that performs logical AND (&&), an alternative that performs logical OR (||), and a negation that performs logical NOT (!).

Logical

operators compare two (2) variables or operands. It includes not equal or equal to the value of the variable or operand (!=, ==), equal value and equal type (===), less than and greater than (<, >), and less than or equal to and greater than or equal to (<=, >=),

Comparison

It is the value that the program stores in a computer’s memory. It is used by writing a statement first that creates the variable and assigning a name for it.

JavaScript Variable

The assigned name to a variable is called what?

identifier

Which statement is NOT TRUE about JavaScript naming conventions?

It must include spaces.

These are unique words that are already part of the JavaScript language syntax.

Keywords or reserved words

"It represents textual data." What data type is being described?

String

"It contains a logical entity that may return a TRUE or FALSE value." What data type is being described?

Boolean

"Any digit that is either an integer or a decimal." What data type is being described?

Number

"an unknown or missing value." What data type is being described?

Null

"refers to a variable with no value." What data type is being described?

Undefined

Which is NOT a JavaScript data type?

Decimal

Which is the correct syntax for declaring variables in JavaScript?

let taxRate = 0.05;

This is used to declare a set of data represented by a single variable name.

Array

Which is the correct syntax in creating an Array?

let months = ["Jan", "Feb", "Mar", "Apr", "May",];

It breaks up the execution flow using decision-making, branching, and looping to enable programs to conditionally execute specific code blocks.

Control flow

It is the simplest control flow instruction in JavaScript. It checks a given condition and, depending on its Boolean value, either executes a code block or skips it. The code block should be separated using curly brackets.

If statement

Which is the correct syntax for an If statement?

if (isUserReady) { alert("User is ready!"); }

Which is the correct syntax in an If...else statement?

if (isUserReady) { console.log("User is ready!"); } else { console.log("User is not ready!"); }

This keyword is an optional part of the if statement, and it allows the addition of a second code block that will be executed only when the initial condition is NOT met.

else

Which is the correct syntax for Else...if statement?

if (number < 20) { alert("Less than 20"); } else if (number < 40) { alert("Less than 40"); } else if (number < 60) { alert("Less than 60"); } else { alert(">100") }

These are the second form of control flow statement. While control flow statements can change code behavior, loops are an easy way to repeat any fragment of the code as many times as possible, or until a stopping condition is met.

Loops

It is where a code block is executed while a given condition is true but stops once the condition is false.

While loop

In a loop, when a code block is repeated, it is referred to as an?

Iteration

This is avoided by including at least one statement that eventually results in a false value for the condition.

Infinite loop

A code block uses this, whose value changes with each iteration, and once that counter fails to match the condition, the loop ends.

Counter

Which is the correct syntax for a While loop?

let j = 1; while (j <= 5) { document.write(j + "<br>"); j++; }

It is used to loop the statement until it evaluates to false. It evaluates a condition after executing the command block at least once.

Do while loop

In the parentheses after the word for, there will be no single condition this time, unlike in the while loop. Here, it is divided into three fields by semicolons, and each field is assigned a different meaning.

For Loop

Which statement is NOT TRUE about For Loop syntax?

The third expression cannot be left empty.

Which is the correct syntax for a for loop?

for (let i = 5; i < 31; i++) { console.log(i); }

The Contemporary World Mock test (Prelims)

Xai Alexandrei Delos Reyes · 58 questions · 2 y ago

The Contemporary World Mock test (Prelims)