Scribd
Upload
29 views28 pages

Frontend Dev Quiz Questions

The document contains a series of questions related to Frontend Development, covering topics such as HTML, CSS, Debugging, Accessibility, Responsive Design, JavaScript, Flexbox, ES6, Grid, and DOM. Each question includes options, the correct answer, an explanation, and details about marks and difficulty level. The questions vary in type, including single correct, fill in the blank, numerical, and multiple correct answers.

Uploaded by

pp4810795
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
29 views28 pages

Frontend Dev Quiz Questions

The document contains a series of questions related to Frontend Development, covering topics such as HTML, CSS, Debugging, Accessibility, Responsive Design, JavaScript, Flexbox, ES6, Grid, and DOM. Each question includes options, the correct answer, an explanation, and details about marks and difficulty level. The questions vary in type, including single correct, fill in the blank, numerical, and multiple correct answers.

Uploaded by

pp4810795
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 28

{QUESTION BEGINS}

{QUESTION NUMBER} 1

{SUBJECT} Frontend Development

{TOPIC} HTML

{TAGS} html, easy

{QUESTION TYPE} SINGLECORRECT

{QUESTION TEXT} What does HTML stand for?

{OPTION 1} HyperText Markup Language

{OPTION 2} HighText Machine Language

{OPTION 3} HyperTabular Markup Language

{OPTION 4} None of these

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 1

{EXPLANATION} HTML stands for HyperText Markup Language

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Easy

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 2
{SUBJECT} Frontend Development

{TOPIC} CSS

{TAGS} css, easy

{QUESTION TYPE} SINGLECORRECT

{QUESTION TEXT} Which property is used to change the background color?

{OPTION 1} color

{OPTION 2} background-color

{OPTION 3} bgcolor

{OPTION 4} backgroundImage

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 2

{EXPLANATION} background-color is used to change the background color in CSS

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Easy

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 3

{SUBJECT} Frontend Development

{TOPIC} Debugging
{TAGS} debugging, medium

{QUESTION TYPE} FILLINTHEBLANK

{QUESTION TEXT} Sample question about Debugging?

{OPTION 1} True

{OPTION 2} False

{OPTION 3} Sometimes

{OPTION 4} Never

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} Viewport

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Hard

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 4

{SUBJECT} Frontend Development

{TOPIC} Accessibility

{TAGS} accessibility, medium

{QUESTION TYPE} NUMERICAL


{QUESTION TEXT} Sample question about Accessibility?

{OPTION 1} Option A

{OPTION 2} Option B

{OPTION 3} Option C

{OPTION 4} Option D

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 4

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Hard

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 5

{SUBJECT} Frontend Development

{TOPIC} Accessibility

{TAGS} accessibility, medium

{QUESTION TYPE} FILLINTHEBLANK

{QUESTION TEXT} Sample question about Accessibility?

{OPTION 1} Option A
{OPTION 2} Option B

{OPTION 3} Option C

{OPTION 4} Option D

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} Viewport

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Hard

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 6

{SUBJECT} Frontend Development

{TOPIC} Responsive Design

{TAGS} responsive design, medium

{QUESTION TYPE} MULTICORRECT

{QUESTION TEXT} Sample question about Responsive Design?

{OPTION 1} 1

{OPTION 2} 2

{OPTION 3} 3
{OPTION 4} 4

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 2,3

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Easy

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 7

{SUBJECT} Frontend Development

{TOPIC} JavaScript

{TAGS} javascript, medium

{QUESTION TYPE} SINGLECORRECT

{QUESTION TEXT} Sample question about JavaScript?

{OPTION 1} 1

{OPTION 2} 2

{OPTION 3} 3

{OPTION 4} 4

{OPTION 5}
{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 1

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Hard

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 8

{SUBJECT} Frontend Development

{TOPIC} Flexbox

{TAGS} flexbox, medium

{QUESTION TYPE} FILLINTHEBLANK

{QUESTION TEXT} Sample question about Flexbox?

{OPTION 1} Option A

{OPTION 2} Option B

{OPTION 3} Option C

{OPTION 4} Option D

{OPTION 5}

{OPTION 6}

{OPTION 7}
{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} Viewport

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Hard

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 9

{SUBJECT} Frontend Development

{TOPIC} ES6

{TAGS} es6, medium

{QUESTION TYPE} NUMERICAL

{QUESTION TEXT} Sample question about ES6?

{OPTION 1} Option A

{OPTION 2} Option B

{OPTION 3} Option C

{OPTION 4} Option D

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}
{OPTION 10}

{RIGHT ANSWER} 4

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Easy

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 10

{SUBJECT} Frontend Development

{TOPIC} CSS

{TAGS} css, medium

{QUESTION TYPE} NUMERICAL

{QUESTION TEXT} Sample question about CSS?

{OPTION 1} Option A

{OPTION 2} Option B

{OPTION 3} Option C

{OPTION 4} Option D

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 4
{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Medium

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 11

{SUBJECT} Frontend Development

{TOPIC} Accessibility

{TAGS} accessibility, medium

{QUESTION TYPE} NUMERICAL

{QUESTION TEXT} Sample question about Accessibility?

{OPTION 1} 1

{OPTION 2} 2

{OPTION 3} 3

{OPTION 4} 4

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 4

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2
{NEGATIVE MARKS} 1

{DIFFICULTY} Easy

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 12

{SUBJECT} Frontend Development

{TOPIC} Accessibility

{TAGS} accessibility, medium

{QUESTION TYPE} SINGLECORRECT

{QUESTION TEXT} Sample question about Accessibility?

{OPTION 1} 1

{OPTION 2} 2

{OPTION 3} 3

{OPTION 4} 4

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 1

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Medium
{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 13

{SUBJECT} Frontend Development

{TOPIC} HTML

{TAGS} html, medium

{QUESTION TYPE} MULTICORRECT

{QUESTION TEXT} Sample question about HTML?

{OPTION 1} True

{OPTION 2} False

{OPTION 3} Sometimes

{OPTION 4} Never

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 2,3

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Easy

{QUESTION ENDS}
{QUESTION BEGINS}

{QUESTION NUMBER} 14

{SUBJECT} Frontend Development

{TOPIC} HTML

{TAGS} html, medium

{QUESTION TYPE} SINGLECORRECT

{QUESTION TEXT} Sample question about HTML?

{OPTION 1} Option A

{OPTION 2} Option B

{OPTION 3} Option C

{OPTION 4} Option D

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 1

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Easy

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 15
{SUBJECT} Frontend Development

{TOPIC} Responsive Design

{TAGS} responsive design, medium

{QUESTION TYPE} FILLINTHEBLANK

{QUESTION TEXT} Sample question about Responsive Design?

{OPTION 1} 1

{OPTION 2} 2

{OPTION 3} 3

{OPTION 4} 4

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} Viewport

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Medium

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 16

{SUBJECT} Frontend Development

{TOPIC} Debugging
{TAGS} debugging, medium

{QUESTION TYPE} MULTICORRECT

{QUESTION TEXT} Sample question about Debugging?

{OPTION 1} 1

{OPTION 2} 2

{OPTION 3} 3

{OPTION 4} 4

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 2,3

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Medium

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 17

{SUBJECT} Frontend Development

{TOPIC} Grid

{TAGS} grid, medium

{QUESTION TYPE} SINGLECORRECT


{QUESTION TEXT} Sample question about Grid?

{OPTION 1} Option A

{OPTION 2} Option B

{OPTION 3} Option C

{OPTION 4} Option D

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 1

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Hard

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 18

{SUBJECT} Frontend Development

{TOPIC} DOM

{TAGS} dom, medium

{QUESTION TYPE} MULTICORRECT

{QUESTION TEXT} Sample question about DOM?

{OPTION 1} True
{OPTION 2} False

{OPTION 3} Sometimes

{OPTION 4} Never

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 2,3

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Easy

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 19

{SUBJECT} Frontend Development

{TOPIC} CSS

{TAGS} css, medium

{QUESTION TYPE} FILLINTHEBLANK

{QUESTION TEXT} Sample question about CSS?

{OPTION 1} True

{OPTION 2} False

{OPTION 3} Sometimes
{OPTION 4} Never

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} Viewport

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Easy

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 20

{SUBJECT} Frontend Development

{TOPIC} Grid

{TAGS} grid, medium

{QUESTION TYPE} NUMERICAL

{QUESTION TEXT} Sample question about Grid?

{OPTION 1} True

{OPTION 2} False

{OPTION 3} Sometimes

{OPTION 4} Never

{OPTION 5}
{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 4

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Medium

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 21

{SUBJECT} Frontend Development

{TOPIC} Flexbox

{TAGS} flexbox, medium

{QUESTION TYPE} FILLINTHEBLANK

{QUESTION TEXT} Sample question about Flexbox?

{OPTION 1} Option A

{OPTION 2} Option B

{OPTION 3} Option C

{OPTION 4} Option D

{OPTION 5}

{OPTION 6}

{OPTION 7}
{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} Viewport

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Medium

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 22

{SUBJECT} Frontend Development

{TOPIC} Flexbox

{TAGS} flexbox, medium

{QUESTION TYPE} NUMERICAL

{QUESTION TEXT} Sample question about Flexbox?

{OPTION 1} 1

{OPTION 2} 2

{OPTION 3} 3

{OPTION 4} 4

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}
{OPTION 10}

{RIGHT ANSWER} 4

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Easy

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 23

{SUBJECT} Frontend Development

{TOPIC} Accessibility

{TAGS} accessibility, medium

{QUESTION TYPE} SINGLECORRECT

{QUESTION TEXT} Sample question about Accessibility?

{OPTION 1} 1

{OPTION 2} 2

{OPTION 3} 3

{OPTION 4} 4

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 1
{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Medium

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 24

{SUBJECT} Frontend Development

{TOPIC} DOM

{TAGS} dom, medium

{QUESTION TYPE} SINGLECORRECT

{QUESTION TEXT} Sample question about DOM?

{OPTION 1} True

{OPTION 2} False

{OPTION 3} Sometimes

{OPTION 4} Never

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 1

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2
{NEGATIVE MARKS} 1

{DIFFICULTY} Easy

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 25

{SUBJECT} Frontend Development

{TOPIC} Grid

{TAGS} grid, medium

{QUESTION TYPE} MULTICORRECT

{QUESTION TEXT} Sample question about Grid?

{OPTION 1} Option A

{OPTION 2} Option B

{OPTION 3} Option C

{OPTION 4} Option D

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 2,3

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Hard
{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 26

{SUBJECT} Frontend Development

{TOPIC} CSS

{TAGS} css, medium

{QUESTION TYPE} NUMERICAL

{QUESTION TEXT} Sample question about CSS?

{OPTION 1} 1

{OPTION 2} 2

{OPTION 3} 3

{OPTION 4} 4

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} 4

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Hard

{QUESTION ENDS}
{QUESTION BEGINS}

{QUESTION NUMBER} 27

{SUBJECT} Frontend Development

{TOPIC} CSS

{TAGS} css, medium

{QUESTION TYPE} FILLINTHEBLANK

{QUESTION TEXT} Sample question about CSS?

{OPTION 1} True

{OPTION 2} False

{OPTION 3} Sometimes

{OPTION 4} Never

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} Viewport

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Medium

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 28
{SUBJECT} Frontend Development

{TOPIC} Accessibility

{TAGS} accessibility, medium

{QUESTION TYPE} FILLINTHEBLANK

{QUESTION TEXT} Sample question about Accessibility?

{OPTION 1} 1

{OPTION 2} 2

{OPTION 3} 3

{OPTION 4} 4

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} Viewport

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Easy

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 29

{SUBJECT} Frontend Development

{TOPIC} Grid
{TAGS} grid, medium

{QUESTION TYPE} FILLINTHEBLANK

{QUESTION TEXT} Sample question about Grid?

{OPTION 1} True

{OPTION 2} False

{OPTION 3} Sometimes

{OPTION 4} Never

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} Viewport

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Medium

{QUESTION ENDS}

{QUESTION BEGINS}

{QUESTION NUMBER} 30

{SUBJECT} Frontend Development

{TOPIC} ES6

{TAGS} es6, medium

{QUESTION TYPE} FILLINTHEBLANK


{QUESTION TEXT} Sample question about ES6?

{OPTION 1} 1

{OPTION 2} 2

{OPTION 3} 3

{OPTION 4} 4

{OPTION 5}

{OPTION 6}

{OPTION 7}

{OPTION 8}

{OPTION 9}

{OPTION 10}

{RIGHT ANSWER} Viewport

{EXPLANATION} Auto-generated sample explanation.

{CORRECT MARKS} 2

{NEGATIVE MARKS} 1

{DIFFICULTY} Medium

{QUESTION ENDS}

You might also like