NEW
Font size
WorksheetsFE Chapter 3 quiz
Total questions: 56
Worksheet time: 53mins
Identify the command which is used to remove files.
delete
rm
dm
erase
Identify the command which is used to remove directory.
rd
remove
rmdir
rdir
Which of the following sign is used to represent the user home directory?
/
.
~
..
Which of the following command is used to change the working directory?
changed
chdr
dr
cd
Which of the following commands is used to display and create files?
cat
lyrix
vi
ed
Which one is not text editor
Visual Studio Code
Sublime
Bash
Atom
String path written start from root directory is called
Relative path
Absolute path
Inline path
Root path
Which command is used to go back from a folder to the folder before that?
cd ..
cd
cd /
chdir
Which command is used to create a new file?
create
file
tch
touch
Which command is used to move files through the command line?
move
mv
ren
loc
Which Command is used to show limited number of commits?
git status
git config
git log -n
git fetch
Which command defines the author email to be used for all commits by the current user:
git config --global user.email
git email--amend
git merge --no-ff
git clean -f
Command to download all the objects and references from a specified repository:
git log -n
git config --list
git help
git fetch
Which following git command that clone your repository from your Github
git clone
git commit
git fork
git push
Which of the following shortcut to staging all the changes you have?
git add .
git commit
git commit add
git push -am "Message"
What is full form of VCS?
Version Configuration Solutions
Version Configuration System
Version Control System
Version Consolidated Solutions
Git is a
Localized version control system
Distributed version control system
Centralized version control system
None
The files that can be committed are always present in git in ...
staging area
unstaged area
working directory
none
Git can be used for which project?
.net project
file version management
java enterprise project
All of the above
Which command helps us to see the tracked, untracked files and changes but does not show any commit records?
git diff
git status
git log
None of these
Git log command contains following data:
commit date metadata
commit hash
commit author metadata
All of the above
After you add a file, it becomes
Commited
Modified
Staged
Untracked
Which of the following is true you when you use the following command? git add -A
All new and updated files are staged
Files are staged in alphabetical order.
All new files are staged
Only updated files are staged
How do you supply a commit message to a commit?
Git message "My first commit"
Git add "My first commit"
Git commit "My first commit"
Git commit -m "I'm coding!"
Which two configuration properties does the tool expect to be configured after installing Git and prior to issuing the first commit?
email address and password
username and password
username and IP address
username and email address
What's a shortcut to staging all the changes you have?
Git commit add .
Git commit .
Git add .
Git stage -a
Which of the following commands is used in switching between branches?
Git branch
Git checkout
Git switch
Git merge
Which command should you use to initialize a new git repository?
git bash
git install
git init
git start
What command removes untracked files from your working directory.
git commit
git clean -f <path>
git clean
git reset
Command to add particular file changes to staging area from working directory?
git pull
git add .
git add filename
git commit -m
To use flexbox we define a container as a flexbox. What is the CSS to do this?
position:absolute;
display:flex;
float:left;
display:block;
flex-direction allows you to do what?
define the direction of how elements are positioned based on either row or column
define how elements will wrap when the browser width is changed
define how to position elements vertically
defines how position elements horizontally
flex-wrap allows you to do what?
define the direction of how elements are positioned based on either row or column
define how to position elements vertically
define how elements will wrap when the browser width is changed
defines how position elements horizontally
justify-content allows you to do what?
define the direction of how elements are positioned based on either row or column
define how to position elements vertically
define how elements will wrap when the browser width is changed
defines how position elements horizontally
align-items allows you to do what?
define the direction of how elements are positioned based on either row or column
define how to position elements vertically
define how elements will wrap when the browser width is changed
defines how position elements horizontally
flex-basis defines
the width of the flex element
the boldness of the flex element
the base of the flex element
if the flex element is visible
flex-grow is applied to the flex element, not the whole flexbox
true
false
flex-direction is applied to a flex element not the whole flex box
true
false
the css property "order" for flex items allows you to
specify in what order the flex items appear
specify at what time flex items appear
specify in what direction the flex items appear
none of the above.
flex-flow is a shortcut to define flex-direction and flex-wrap
true
false
Which of the following is most suitable for a grid layout?
toolbar
menu
form
complex layout, like a newspaper
Which model includes margin, border, padding, and content?
CSS Box model
CSS3 Grid Layout model
CSS3 Flexbox Box model
CSS Grid Template Layout Module
Which model defines structures similar to tables using 2 dimensions?
CSS Box model
CSS3 Grid Layout model
CSS3 Flexbox Box model
CSS float
You are creating a grid layout. What does 1fr mean in the following code?
grid-template-columns: 150px 150px 1fr 1fr;
The first two columns will be two fraction units of the stated width.
The third and fourth columns is 1 fraction unit of the remaining space in the grid.
The second column will be double the stated width.
The second column will be half of the remaining space in the grid.
How many columns and rows are defined in the following code?
section {
display: grid;
grid-template-columns: 100px 1fr 1fr 250px;
grid-rows: 50px 1fr 1fr ;
}
section header {
grid-column: 1 / 4;
grid-row: 1;
}
section nav {
grid-column: 1;
grid-row: 2 / 3;
}
section article {
grid-column: 2;
grid-row: 2;
}
section aside {
grid-column: 3;
grid-row: 2;
}
section footer {
grid-column: 1 / 4;
grid-row: 3;
}
1 rows and 2 columns
3 rows and 2 columns
2 rows and 3 columns
3 rows and 4 columns
What do we use to define the display type, width, height, orientation and resolution of media devices?
HTML tag
Viewport meta tag
CSS media queries
Javascript script
Which one of the following items will not achieve a responsive website?
Media queries
Fixed layout.
Flexible media
Flexible layout
In responsive design, which one of the following screen sizes should you start with in planning your design?
Small screen size of mobile phones.
Medium screen size of phablets
Standard screen size of laptops.
Wide screen size of LCD monitors
Responsive web design enables web page layouts to adapt to a variety of screen sizes. Which one of the following items are used to achieve this adaptive capability?
Use fluid grid layout.
Use fixed and fluid grid layout
Use fixed grid layout
Use fixed, fluid and elastic layout
Which one of the following viewport meta tags is the default meta tag that adapts to different devices in responsive web design?
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=1024">
<meta name="viewport" content="width=500, initial-scale=1">
<meta name="viewport" content="width=720”>
What is/are the unit/s of grids in fluid layouts?
123
123
pixel
percentages
Where do you place the viewport metatag?
<head> section.
Anywhere in an html page.
<body> section.
At the start before the <html> tag.
Refer to the CSS media queries, what does the min-width of 480px mean?
<style>
body {
background-color: lightblue;
}
@media screen and (min-width: 480px) {
body {
background-color: lightgreen;
}
}
</style>
The CSS code will apply if the viewport is 480px and below.
The CSS code will apply if the viewport is 480px and above.
The CSS code will apply on device with width of less than 480px.
The CSS code will apply on device with width of more than 480px.
Refer to the CSS media queries below, how many breakpoints are there?
<style>
body {
background-color: grey;
}
@media screen and (max-width: 960px) {
body {
background-color: red;
}
}@media screen and (max-width: 768px) {
body {
background-color: orange;
}
}
@media screen and (max-width: 550px) {
body {
background-color: yellow;
}
}@media screen and (max-width: 320px) {
body {
background-color: green;
}
}</style>
2
1
3
4
What is a viewport?
It is the user's visible area of a web page on any display device.
It is the width and height of a mobile device.
It is the width of any display device.
It is the width and height of a tablet device.
In responsive web design, what are breakpoints?
They are browser widths where the web page layout changes once the browser is within the declared range.
They are the widths of sidebars and main content areas of websites.
They are signals that tell the debugger to temporarily suspend execution of your program at various set points.
They are the different device widths.
