Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Chapter: 180
Q2001:
How are indicators added to a Bootstrap carousel?
A. By using a <div> with class .carousel-indicators
B. By using an ordered list with class .carousel-indicators
C. By adding a class .carousel-buttons
D. By including a <span> with class .carousel-indicator
Correct Answer:
B
Chapter: 180
Q2002:
What class is used to add a caption to each slide in the carousel?
A. .carousel-caption
B. .carousel-item
C. .carousel-text
D. .carousel-label
Correct Answer:
A
Chapter: 180
Q2003:
Fill in the blank: The .left.carousel-control class adds a ____ button to the carousel.
A. right
B. next
C. previous
D. stop
Correct Answer:
C
Chapter: 180
Q2004:
Which attribute in the carousel control links determines the direction of the slide movement?
A. data-slide
B. data-target
C. data-slide-to
D. data-move
Correct Answer:
A
Chapter: 180
Q2005:
What does the .carousel("pause") method do?
A. Activates the carousel
B. Goes through the carousel items from left to right
C. Stops the carousel from going through items
D. Moves to a specified item
Correct Answer:
C
Chapter: 180
Q2006:
Fill in the blank: To go to the next item in the carousel, use the method ____.
A. .carousel("prev")
B. .carousel("next")
C. .carousel("pause")
D. .carousel("cycle")
Correct Answer:
B
Chapter: 180
Q2007:
How do you add a caption to a slide in the carousel?
A. By adding a <span> with class .carousel-caption
B. By including a <div> with class .carousel-caption inside each .item
C. By applying the .carousel-caption class directly to the slide
D. By using .carousel-caption in the <ol> element
Correct Answer:
B
Chapter: 180
Q2008:
Fill in the blank: The class .carousel is used to create a ____.
A. control
B. indicator
C. slide
D. carousel
Correct Answer:
D
Chapter: 181
Q2009:
What is a simple method to test responsiveness of a web design?
A. Testing on all devices available
B. Resizing the browser window
C. Using a physical mobile device
D. Using a dedicated testing device
Correct Answer:
B
Chapter: 181
Q2010:
Fill in the blank: Chrome DevTools' device mode allows for ____ simulation.
A. media queries
B. network
C. mobile device
D. touch events
Correct Answer:
C
Chapter: 181
Q2011:
Which of the following is NOT a feature of Chrome Device Mode?
A. Mobile device emulation
B. Touch events emulation
C. Hover events emulation
D. Media queries inspector
Correct Answer:
C
Chapter: 181
Q2012:
Fill in the blank: For desktop responsive testing, you can use ____ events.
A. Swipes
B. Hover
C. Pinch to Zoom
D. Right Click
Correct Answer:
B
Chapter: 181
Q2013:
Which online service is used to test responsive web designs?
A. Ami.responsivedesign.is
B. Mattkersley.com/responsive
C. Chrome DevTools
D. ResponsiveDesignChecker.com
Correct Answer:
A
Chapter: 181
Q2014:
What does the media queries inspector feature in Chrome DevTools help with?
A. Simulating touch events
B. Emulating mobile devices
C. Inspecting CSS media queries
D. Testing network speed
Correct Answer:
C
Chapter: 181
Q2015:
Fill in the blank: Testing swipes is relevant for ____ responsive design testing.
A. Desktop
B. Mobile
C. Both desktop and mobile
D. Neither
Correct Answer:
B
Chapter: 181
Q2016:
Which feature of Chrome DevTools emulates the experience of using a mobile device?
A. Touch events emulation
B. Hover events
C. Media queries inspector
D. Network simulation
Correct Answer:
A
Chapter: 181
Q2017:
Fill in the blank: For visual resizing of responsive designs, you should use ____ resizing.
A. Browser window
B. Device mode
C. Media queries
D. Online testing services
Correct Answer:
A
Chapter: 181
Q2018:
What is a limitation of testing responsive designs by resizing the browser window?
A. It does not cater to visual resizing
B. It does not simulate mobile experiences
C. It is time-consuming
D. It requires specialized software
Correct Answer:
B
Chapter: 182
Q2019:
What does the W3C Validator do?
A. Validates HTML, XHTML, SMIL documents
B. Provides web hosting services
C. Creates web standards
D. Designs web pages
Correct Answer:
A
Chapter: 182
Q2020:
Fill in the blank: The W3C Validator is an online tool used to validate documents against ____ standards.
A. Web design
B. Programming
C. Security
D. Web
Correct Answer:
D