Front End Development

FREE Front-End Development Sample Questions and Answers

A video on your website does not play, and the console reports a mixed content issue. What is occurring?

Your browser does not support HTML5 video

The web page employs a DOCTYPE, which prevents it from displaying video alongside other web content.

The page is loaded safely via HTTPS, but the video is being served insecurely over HTTP, and the browser is blocking it.

The video is from a source that cannot be displayed in your location for legal reasons

Correct!
Wrong!

Explanation:
When a website is loaded over HTTPS, all resources, including videos, must also be loaded securely via HTTPS. If a video on the website is loaded via HTTP, the browser will block it due to security concerns.

Which option correctly uses JavaScript’s parseInt() method to return an integer after parsing a string?

parse_int(‘6’);

parseInt(“six”);

parseint(“6”);

parseInt(“6”);

Correct!
Wrong!

Explanation:
The parseInt() method in JavaScript is used to parse a string and return an integer.

What purpose does the label> element serve?

To explain what needs to be entered into a form field

To identify the difference parts of a figure

As a heading for tables

As a caption for images

Correct!
Wrong!

Explanation:
The element in HTML provides a title or caption for a form input element, such as a text box, a drop-down list, or a radio button. A brand is an important part of a form as it gives the user information about what information is expected to be entered into the input field. (Valium online)

How do you properly initialize an array of galaxies using JavaScript?

let galaxies = {Milky Way, Whirlpool, Andromeda};

String[] galaxies = new Array(“Milky Way”, “Whirlpool”, “Andromeda”);

var galaxies = {“Milky Way”, “Whirlpool”, “Andromeda”};

galaxies = [“Milky Way”, “Whirlpool”, “Andromeda”];

Correct!
Wrong!

You’ve used the display: none property in your CSS. Who will be able to view or listen to this content?

Users who can see the content on screen

All users

Screen reader users

No users

Correct!
Wrong!

Explanation:
When the display: none property is used in CSS, the selected element is removed from the visual collection on the webpage and hidden from view. This means the content will not be visible or accessible to any users, including those using assistive technologies such as screen readers.

Which CSS property does not cause the layout to be recalculated?

Opacity

Top

Height

Width

Correct!
Wrong!

Explanation:
While changing the opacity property will not trigger a layout recalculation, it can still trigger repaints and compositing calculations which can impact performance.

How many columns will there be if this code is followed?
.container {
width: 600px;
column-width: 20px;
column-gap: 50px;

Three

One

Two

Four

Correct!
Wrong!

FREE Front-End Development Sample Questions and Answers

A video on your website does not play, and the console reports a mixed content issue. What is occurring?

Which option correctly uses JavaScript’s parseInt() method to return an integer after parsing a string?

What purpose does the label> element serve?

How do you properly initialize an array of galaxies using JavaScript?

You’ve used the display: none property in your CSS. Who will be able to view or listen to this content?

Which CSS property does not cause the layout to be recalculated?

How many columns will there be if this code is followed? .container { width: 600px; column-width: 20px; column-gap: 50px;

Related Post

How many columns will there be if this code is followed?
.container {
width: 600px;
column-width: 20px;
column-gap: 50px;