Font size
S
M
L
XL
Worksheetswebdev ii
Total questions: 52
Worksheet time: 26mins
Name
Class
Date
1.
Which of the following is a popular front-end web development framework?
a)
Django
b)
Ruby on Rails
c)
Angular
d)
Express.js
2.
What does CSS stand for in the context of web development?
a)
Computer Style Sheets
b)
Creative Style Sheets
c)
Cascading Style Sheets
d)
Colorful Style Sheets
3.
Which programming language is commonly used with the React.js library?
a)
Python
b)
JavaScript
c)
Java
d)
C++
4.
Which of the following is NOT a feature of Bootstrap?
a)
Grid system
b)
Pre-built components
c)
Animation effects
d)
Typography utilities
5.
Vue.js is known for its progressive nature and is commonly used for building what?
a)
Single-page applications
b)
E-commerce platform
c)
Blogs
d)
Mobile games
6.
What does MVC stand for in the context of web application development?
a)
Model View Connection
b)
Minimum Viable Code
c)
Most Vexing Cases
d)
Model View Controller
7.
Which of the following is a feature of a web development framework?
a)
Database management
b)
Graphic design tools
c)
Hosting services
d)
Project management
8.
What is Vuetify?
a)
A JavaScript library
b)
A CSS framework
c)
A PHP framework
d)
A Python library
9.
Which command can be used to install Vuetify in a Vue project?
a)
npm install vuetify
b)
npm add vuetify
c)
vue install vuetify
d)
vuetify install
10.
None
4 lines
11.
What is Vue.js?
a)
A JavaScript framework
b)
A styling language
c)
A database management system
d)
A video editing software
12.
Which directive is used to bind an attribute to a Vue instance data?
a)
v-bind
b)
v-style
c)
v-if
d)
v-for
13.
What is the correct way to declare a Vue instance?
a)
new Vue()
b)
create Vue()
c)
declare Vue()
d)
Vue Instance()
14.
In Vue.js, what does v-model do?
a)
Creates a new Vue instance
b)
Binds form input to a data property
c)
Modifies the DOM directly
d)
Adds a new CSS class
15.
What does {{ message }} represent in Vue.js?
a)
A method call
b)
A computed property
c)
Data binding
d)
Event handler
16.
What is the purpose of computed properties in Vue.js?
a)
to modify methods
b)
to update the DOM directly
c)
to add new data properties
d)
to perform complex calculations
17.
How can you conditionally render an element in Vue.js?
a)
v-if
b)
v-show
c)
v-render
d)
v-change
18.
What is the Vue CLI used for?
a)
Managing database connections
b)
Boostrapping Vue.js projects
c)
Create animations
d)
hosting websites
19.
What does the directive v-for do in Vue.js?
a)
Renders a list of items based on an array
b)
filters data in an array
c)
sorts data in reverse order
d)
performs a loop operation
20.
Which Vue.js feature allows for event handling?
a)
v-click
b)
v-bind
c)
v-on
d)
v-change
21.
None
4 lines
22.
What is the purpose of a 'v-if' directive in Vue.js?
a)
to conditionally render an element
b)
to bind an attribute to an element
c)
to loop through a list of items
d)
to emit an event
23.
In Vue.js, what does the 'v-on' directive do?
a)
two way data binding
b)
conditional rendering
c)
event handling
d)
list rendering
24.
How can you pass an argument to an event handler using 'v-on'?
a)
v-on:click="methodName"
b)
v-on:click="methodName(Argument)"
c)
v-on:click="methodName=argument"
d)
v-on:click="methodName.argument"
25.
What does the 'v-bind' directive do in Vue.js?
a)
Conditionally render an element
b)
Bind an attribute to an element
c)
Loop through a list of items
d)
Emit an event
26.
Which directive can be used to loop through an array in Vue.js?
a)
v-loop
b)
v-for
c)
v-repeat
d)
v-each
27.
What is the purpose of the 'v-model' directive in Vue.js?
a)
to create a new Vue instance
b)
to bind form input values to data
c)
to conditionally render elements
d)
to import components
28.
Which directive is used to listen to an element's scroll event in Vue.js?
a)
v-scroll
b)
v-listen
c)
v-on:scroll
d)
v-scroll:listen
29.
How is one-way data flow achieved in Vue.js?
a)
using 'v-model' directive
b)
using 'v-bind' directive
c)
using 'v-on' directive
d)
using props
30.
Which directive is used to bind an image 'src' in Vue.js?
a)
v-source
b)
v-image
c)
v-src
d)
v-bind:src
31.
What is the purpose of 'v-show' directive in Vue.js?
a)
to conditionally render an element
b)
to bind an attribute to an element
c)
to loop through a list of items
d)
to emit an event
32.
How can you loop through key-value pairs of an object using 'v-for' directive in Vue.js?
a)
v-for="(value,key) in object"
b)
v-for"(key, value) in object"
c)
v-for="value in object"
d)
v-for="key in object"
33.
Which directive can be used to bind a dynamic class in Vue.js?
a)
v-dynamic
b)
v-class
c)
v-bind:class
d)
v-style
34.
In Vue.js, how can you stop event propagation?
a)
event.stop()
b)
event.preventDefault()
c)
event.stopPropagation()
d)
event.cease()
35.
What is the purpose of 'v-pre' directive in Vue.js?
a)
to prevent an element from being compiled
b)
to print out raw HTML content
c)
to skip compilation for the element and all its children
d)
to preserve whitespace in the element
36.
Which directive can be used to bind inline styles in Vue.js?
a)
v-css
b)
v-inline-style
c)
v-bind:style
d)
v-dynamic-style
37.
How can you conditionally apply styles based on a value in Vue.js?
a)
v-if-style
b)
v-toggle-style
c)
v-bind:style
d)
v-style-condition
38.
What is the purpose of the 'v-cloak' directive in Vue.js?
a)
to hide elements until the vue instance is mounted
b)
to fade out elements
c)
to apply animation to elements
d)
to display loading spinner
39.
Which directive is commonly used for transitioning elements in Vue.js?
a)
v-animate
b)
v-transition
c)
v-move
d)
v-fade
40.
How do you conditionally render an element based on the truthiness of a value in Vue.js?
a)
v-show
b)
v-if
c)
v-else
d)
v-then
41.
What directive is used to bind values to the 'alt' attribute of an image in Vue.js?
a)
v-alt
b)
v-bind:alt
c)
v-attribute
d)
v-img-alt
42.
None
4 lines
43.
What directive is used in Vuetify to apply a margin to an element?
a)
v-margin
b)
v-space
c)
v-spacer
d)
v-mt
44.
Which Vuetify component is used to create a responsive grid system?
a)
v-container
b)
v-row
c)
v-col
d)
v-layout
45.
In Vuetify, what is the primary color class?
a)
primary-color
b)
v-primary
c)
v-color-primary
d)
primary
46.
How can you create a button in Vuetify?
a)
<v-btn> My Button
b)
<button v-btn> My Button
c)
<v-button> My Button
d)
<button> My Button
47.
Which directive is used to conditionally display content in Vuetify?
a)
v-show
b)
v-if
c)
v-else
d)
v-display
48.
What does the v-dialog component do in Vuetify?
a)
display a dialog box
b)
manages routes
c)
creates a sidebar menu
d)
provides form validation
49.
What is the purpose of the v-spacer component in Vuetify?
a)
adds space between elements
b)
centers elements
c)
justifies content
d)
resizes elements
50.
How do you create a card in Vuetify?
a)
<v-card>
b)
<v-box>
c)
<v-panel>
d)
<v-container>
51.
Which Vuetify component is used for displaying images?
a)
v-images
b)
v-img
c)
v-picture
d)
v-photo
52.
What does the v-footer component do in Vuetify?
a)
displays a footer at the bottom of the page
b)
adds extra padding to elements
c)
creates a floating action button
d)
provides a navigation menu
Reset
