S 310 Collins Final/Daily Quizzes (Hell)

Pataasin ang iyong marka sa homework at exams ngayon gamit ang Quizwiz!

You want to setup four blocks of content on your page. Each of the four blocks of content is in a separate div. The layout you want is depicted below. Assuming you want this layout on a medium size screen, which of the following group of classes would you apply to achieve this? __________________________________ |_______________#1_______________| |_______#2______ | ______#3______| |_______________ #4 _____________| #1 col-md-4 | #2 col-md-4 | #3 col-md-6 | #4 col-md-6 #1 col-md-12 | #2 col-md-6 | #3 col-md-6 | #4 col-md-12 #1 col-md-6 | #2 col-md-6 | #3 col-md-6 | #4 col-md-6 #1 col-md-12 | #2 col-md-6 | #3 col-md-3 | #4 col-md-3

#1 col-md-12 | #2 col-md-6 | #3 col-md-6 | #4 col-md-12

You want to setup four blocks of content on your page. Each of the four blocks of content is in a separate div. The layout you want is depicted below. Assuming you want this layout on a medium size screen, which of the following group of classes would you apply to achieve this? __________________________________ |_______________#1_______________| |_______#2______ | ______#3______| #1 col-sm-6 | #2 col-sm-6 | #3 col-sm-6 | #4 col-sm-6 #1 col-sm-12 | #2 col-sm-6 | #3 col-sm-6 | #4 col-sm-12 #1 col-sm-4 | #2 col-sm-4 | #3 col-sm-6 | #4 col-sm-6 #1 col-sm-12 | #2 col-sm-6 | #3 col-sm-3 | #4 col-sm-3

#1 col-sm-6 | #2 col-sm-6 | #3 col-sm-6 | #4 col-sm-6

Given the HTML below: <p id="closing">You stay classy, San Diego.</p> how would you select it by its ID in your CSS? closing { } #closing { } .closing { } /closing {

#closing { }

Given the HTML below <p id="closing">You stay classy, San Diego.</p> how would you select it by its ID in your CSS? closing {} /closing {} .closing {} #closing {}

#closing {}

Consider the following HTML element: <input type="text" id="street"> Which of the following CSS rules would make the element span exactly half way across the form? text { width: 50%; } None of the options are correct .street { width: 50%; } #street { width: 50%; }

#street { width: 50%; }

Given the HTML below: <p class="callout" >Sixty percent of the time it works every time.</p> how would you select it by its Class in your CSS? callout{} #callout{} .callout{} /callout{}

.callout{}

How many columns make up a row in the Bootstrap grid system?

12

How many columns make up a row in the Bootstrap grid system? 12 20 10 6

12

If I told you that an open tag looked like this: <p id='mypara' class='myclass'> what would the closing tag look like? <close p id='mypara' class='myclass'> </p id='mypara' class='myclass'> </p> <close p>

</p>

Different documents can be linked together using the ______ element <hyperlink> <a> <link> <html>

<a>

Most of the form controls that we covered in class are actually different "types" of which element? <box> <textarea> <select> <input>

<input>

A <ul> element wouldn't be useful unless it contained one or more of these elements <p> <br> <li> <ol>

<li>

A <select> element would not be very useful without one or more of these elements inside of it. <item> <choice> <input> <option>

<option>

If you want to display one of the Bootstrap glyphicons, which html element did the video say to use?

<span>

In a sequence diagram, a lifeline is identified by: A dashed vertical line A vertical rectangular bar A solid horizontal line A dashed horizontal line

A dashed vertical line

Bootstrap is _____ A set of JavaScript code A set of CSS classes A set of custom HTML elements A set of CSS classes and JavaScript code

A set of CSS classes and JavaScript code

Consider the structure of an HTML5 table. Which of the following best describes how a table is organized? A table contains cells and each cell contains rows A table contains rows and each row contains cells A table contains columns and each column contains rows A table contains rows and each row has a header, body, and footer

A table contains rows and each row contains cells

Consider the structure of an HTML5 table. Which of the following best describes how a table is organized? A) A table contains rows and each row contains cells B) A table contains cells and each cell contains rows C) A table contains columns and each column contains rows D) A table contains rows and each row has a header, body, and footer

A) A table contains rows and each row contains cells

This type of frame in a sequence diagram is similar to an "IF...ELSE" structure in programming. Loop Opt Alt Ref

ALT

This is true about the boundary class: Boundary classes are optional in all sequence diagram A boundary class can send a message to another boundary class. Each entity class should be matched with one and only one boundary class An actor must interact with a boundary class

An actor must interact with a boundary class

Bootstrap provides a number of classes to style a table. As discussed in class, which of the following will require you to write your own CSS rules? Applying a stripped pattern in your rows Applying borders to your table cells Applying color styles to the header and footer sections Applying hover effects

Applying color styles to the header and footer sections

Actors in a use case diagram: Are those who interact with the system Are primarily responsible for identifying the use cases Only receive information from the system, but do not send any information to the system Only send information to the system, but do not receive any information from the system

Are those who interact with the system

How many HTML elements should your document have?

As many as you need or want to make it clear and organized

How many elements should your document have? As many as you need or want to make it clear and organized As few as possible Less than 128 42

As many as you need or want to make it clear and organized

An input-group in a Bootstrap form ____. A) groups together all the controls in a form B) groups together form controls of the same type such as radio buttons C) groups together a label and its related form control D) groups together a series of related form controls

C) groups together a label and its related form control

For which is CSS an acronym? Cascading Style Sheets Canvas Styling System Control and Show Symbolic language Color Size Selectors

Cascading Style Sheets

The attribute colspan="2" will do which of the following? Causes the cell to include its current position and extend into the column to the right The attribute colspan is not a valid HTML attribute Causes the cell to include its current position and extend down to the row below it Creates one column with two cells in it

Causes the cell to include its current position and extend into the column to the right

The scrum master: Decides what commitments the development team should make Is responsible for delivery of a product at the end of a sprint Coaches and protects the scrum team Works very closely with stakeholders to gather requirements

Coaches and protects the scrum team

In case of buying a system from a vendor, what are the typical activities during the construction phase of SDLC? Requirement documentation and modeling Configuring the system and customizing, if needed Change management and training User acceptance test and deployment planning

Configuring the system and customizing, if needed

In a sequence diagram, the class responsible for implementing the flow of logic is called: Boundary class Actor class Controller class Entity class

Controller class

If you have "Student" as an actor in a use case diagram interacting with a use case (i.e., pay tuition) and there are two types of students ("Undergraduate" and "Graduate") who can perform two different use case (i.e., enroll undergraduate course and enroll graduate courses, respectively), how should you present these actors in the use case diagram? Remove the "Student" actor from the diagram and only keep "Undergraduate" and "Graduate" student actors in the diagram Create a "generalize" relationship among "Student," "Undergraduate," and "Graduate" Create an "extend" relationship among "Student," "Undergraduate," and "Graduate" Create an "include" relationship among "Student," "Undergraduate," and "Graduate"

Create a "generalize" relationship among "Student," "Undergraduate," and "Graduate"

In scrum, the development team: Decides "how" things should be done Helps facilitate the process by coaching Signs off on how many items should be done at the end of the project Gathers the requirements from the stakeholders

Decides "how" things should be done

The sequence diagrams encapsulated in the "ref" frames can be thought of as equivalent to: Creating a single sequence diagram for the entire system Independent actors who do not have a role in a sequence diagram Entity classes that are outside the scope of a sequence diagram Extend and Include use cases

Extend and Include use cases

True/False: A sprint retrospective meeting is not necessary to hold if a product owner fully accepts the product during the sprint review meeting.

FALSE

True/False: Agile approaches such as Scrum do not encourage or allow heavy design upfront. Therefore, UML diagrams, such as use case, class, and sequence diagrams are only used in software development projects that follow an SDLC approach, such as waterfall.

FALSE

True/False: An advantage of generalization in a class diagram is that a super-class is able to inherit attributes and operations from a sub-class.

FALSE

True/False: An effective story time meeting in the beginning of a sprint can help reduce the number of daily scrum meetings during the sprint.

FALSE

True/False: Build vs. buy decisions are made during the planning phase of SDLC.

FALSE

True/False: Daily scrum is the most ideal time to discuss the details of impediments and seek guidance from scrum master about how to address these impediments.

FALSE

True/False: If a scrum master feels that the story time meeting has been very effective, he or she may decide to cancel the sprint planning meeting to save time and money

FALSE

True/False: Implementing an entire package software across a few select units of an organization first before deploying it for all the units is known as the big bang approach of deployment.

FALSE

True/False: Once I establish a row layout in my page, all other rows in the page must follow the exact same pattern.

FALSE

True/False: Once a sprint begins in a scrum project, spring backlog items, such as user stories (not the tasks), are locked down and do not change until the next sprint.

FALSE

True/False: Sprint review meetings take place in the beginning of a sprint in a scrum project to discuss how the tasks are distributed among the team members.

FALSE

True/False: The goal of SDLC is to produce a working product quickly to get buy-in from the key stakeholders before deploying it for all the users.

FALSE

True/False: The goal of a sprint in scrum is to produce a fully functional product even if it requires a few extra days beyond the sprint duration.

FALSE

True/False: <th> is just a shorter way to write <thead>

False

True/False: A daily scrum is the most ideal time to clarify user requirements from a product owner.

False

True/False: Every cell in a table will be the exact same size (height and width)

False

True/False: HTML elements are the same as tags

False

True/False: The closing tag for image is </img>

False

True/False: The padding property controls the spacing outside the border of an element

False

True/False: When creating a button, I can either use the btn orbtn-primary class but not both at the same time

False

True/False: When creating the base structure for navigation with Bootstrap, you no longer use a <ul> list with links inside the <li> element, and instead use Bootstrap's custom HTML navigation element <navigation>

False

True/False: bootstrap is a feature that comes with all major web server platforms

False

True/False: the HTML anchor element is only used to link from one page to another within the same site

False

The list items (li) in a unordered list (ul) each have bullet points next to them by default. What is the CSS declaration you would use to remove them? Bullet: none; This is not possible to do with CSS List: none; List-style-type: none;

List-style-type: none;

The list items (li) in an unordered list (ul) each have bullet points next to them by default. What is the CSS declaration you would use to remove them?

List-style-type: none;

Our primary goal when designing forms is to: Try to collect as much information as we possibly can from the user Make them as user-friendly as possible Make them look as good as possible Make it match the rest of the webpage

Make them as user-friendly as possible

Yes/No: Do the style rules in an external CSS file like my_file.css need to be surrounded by <style>...</style> tags?

No

This type of frame in a sequence diagram is similar to an "IF" structure in programming that does NOT CONTAIN an "ELSE" statement. Loop Ref Alt Opt

OPT

A "ref" frame is used in a sequence diagram when _____. You have loops inside of other loops You need a frame to act as the "referee" to control the flow of logic in a sequence diagram You need to check a condition similar to an IF statement One sequence diagram needs to refer to another sequence diagram

One sequence diagram needs to refer to another sequence diagram

<a href="https://kelley.iu.edu" target="_blank">Kelley School of Business</a> What does the code above do? Opens the page in the same tab or window Doesn't do anything because the code above is invalid Opens the page in a new tab or window

Opens the page in a new tab or window

A use case description: Lists the actors interacting with all use cases in the system Provides details about each step performed in a given use case Describes the interactions between actors of several systems Lists the titles of all use cases in the system

Provides details about each step performed in a given use case

"Extend" use cases: Represent use cases that describe user or system errors Represent use cases that are always done as related to the main use case Represent use cases that are special cases or instances of another use case Represent use cases that are conditionally done as related to the main use case

Represent use cases that are conditionally done as related to the main use case

How can you use Bootstrap to control the size of a table while still making it responsive?

Set the width of the table. width: 500px

True/False: A sequence diagram simply depicts interaction between objects in a sequential order, i.e. the order in which these interactions take place.

TRUE

True/False: A sprint backlog is a list of user stories or backlog items the scrum team has committed to complete in a given sprint.

TRUE

True/False: A sprint backlog keeps the record of backlog items (e.g., user stories) that a scrum team has committed to complete in a sprint.

TRUE

True/False: During the sprint review meeting in a scrum project, a product owner accepts or rejects a product developed during that sprint.

TRUE

True/False: Facilitated sessions are usually better for requirements elicitation than interviews because they help resolve the differences among the stakeholders.

TRUE

True/False: If a product owner rejects the product increment in a sprint review meeting, the scrum team should take time in the sprint retrospective meeting to discuss how to improve the product in the next sprint.

TRUE

True/False: Relative estimation is a highly recommended approach of estimating the size of user stories in a scrum project

TRUE

True/False: Systems development approaches such as SDLC may help organizations maximize value and minimize risks in IT projects.

TRUE

True/False: The scrum team decides how much it is willing to commit to produce during a given sprint of a scrum project.

TRUE

true/false: Traditional SDLC is popularly known as the waterfall approach of software development.

TRUE

The ball point game that we did in class yesterday did not underscore this following characteristic of an agile team... Team decides how it will achieve the goals Team sets its own goals Team removes members who do not adapt Self organization

Team removes members who do not adapt

The "action" attribute of a form is where we normally put the URL to the script that will handle the form data that is submitted. In your prototypes, what will you put in the "action" attribute to simulate the process?

The path to the next HTML page that the user should see after entering the data.

If I create my own CSS class with the same name as one of the Bootstrap classes, which one of the following is the most accurate description of what will happen? All of the properties in my rule will be ignored and the browser will only apply the properties from the Bootstrap rule The properties that I specify in my rule will be changed but all other properties in the Bootstrap rule will still apply An error will appear on the broser because we have two classes with the same name All properties of the Bootstrap rule will be ignored and the browser will only apply the properties that I specify

The properties that I specify in my rule will be changed but all other properties in the Bootstrap rule will still apply

True/False: "Include" use cases are used to present reusable processes or functions (that can be used in multiple use cases)

True

True/False: Bootstrap allows you to create expandable and collapsible content on your pages without having to write your own CSS rules

True

True/False: By default, a table's widthand height are determined by the content in the cells of the table

True

True/False: It is possible to have a Web page with only CSS and no HTML

True

A product owner: Makes and meets commitments Works with stakeholders Facilitates the Scrum process itself Works on the removal of impediments

Works with stakeholders

Yes/No: Can some elements contain other elements?

Yes

If you include the links to the Bootstrap files on your pages, which of the following is true about the use of Bootstrap classes?

You can choose to write your own style rules or use the built-in Bootstrap classes for styling page content

If you include the links to the Bootstrap files on your pages, which of the following is true about the use of Bootstrap classes? You can choose to write your own style rules or use the built-in Bootstrap classes for styling page content Bootstrap doesn't provide classes to style the content on your pages You must use Bootstrap classes for all your page content styling You must use Bootstrap classes for elements that are covered in Bootstrap and can only use your own style rules for things that Bootstrap doesn't cover

You can choose to write your own style rules or use the built-in Bootstrap classes for styling page content

Examine the HTML and the CSS below. <style> #opening-paragraph { color: blue; } .callout { color: red; } </style> <p id="opening-paragraph" class="callout">Breaking Story! Bloomington Indiana rated as the number one place to live.</p> Consider the order of precedence with CSS. The text in the paragraph on the page will appear as which of the following colors? green red black (the default) blue

blue

text-color: blue color: blue; font-color = blue font-color-blue;

color: blue;

<!DOCTYPE html> <html lang="en"> <head> <title>My HTML page</title> <style> ... </style> </head> <body> <p> This is HTML element 1 </p> <p> This is HTML element 2 </p> <div> This is HTML element 3 </div> </body> </html> If these CSS rules: body { color: crimson; } p { color: cream; } were included in the above HTML, which elements in the body would have crimson text? elements 1 and 2 element 3 element 1 all three elements correct element 2

element 3

Consider the following code:<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>My HTML page</title> </head> <body> <p> This is HTML element 1 </p> <p> This is HTML element 2 </p> <div> This is HTML element 3 </div></body> </html> If this CSS rule: p { color: orange; } was included in the above HTML, which element(s) inside the body would have orange text? element 2 all three elements element 1 elements 1 and 2 element 3

elements 1 and 2

If you want to have the largest heading possible, which kind of tag you would use? h1 head h h6

h1

Semantic elements are ones that ___ have additional meaning beyond just applying a default style to the content setup our page structure but the user doesn't see them don't exist in HTML5 are only used to apply style to the content

have additional meaning beyond just applying a default style to the content

The property font-weight controls which of the following? if the text is bold or not the actual font that will be used the size of the text if the text is italic or not

if the text is bold or not

If you have the following CSS rules: input {color: #cccccc; border: 1px solid black; } select { color: #cccccc; border: 1px solid black; } textarea { color: #cccccc; border: 1px solid black; } how can those be re-written into one rule? none of the above input.select.textarea {color: #cccccc; border: 1px solid black;} input select textarea {color: #cccccc; border: 1px solid black;} input, select, textarea {color: #cccccc; border: 1px solid black;}

input, select, textarea {color: #cccccc; border: 1px solid black;}

A 'ul' element wouldn't be useful unless it contained one or more of these elements p br blockquote li

li

According to the lecture, it is best practice to include both the name and ID attributes for every form input. What is true about these two attributes: name and ID must always have the same value The video does not recommend setting both a name and an ID name is what the server script will use to identify the field while ID is how JavaScript and CSS will identify the field ID is what the server script will use to identify the field while name is how JavaScript and CSS will identify the field

name is what the server script will use to identify the field while ID is how JavaScript and CSS will identify the field

According to the video, it is best practice to include both the name and ID attributes for every form input. What is true about these two attributes:

name is what the server script will use to identify the field while ID is how JavaScript and CSS will identify the field

The "value" attribute is used for which of the following: specify a different value for the form field than what is displayed to the user change text into a number value specify that only numbers can be typed into a field there isn't a value attribute in HTML

specify a different value for the form field than what is displayed to the user

Given the following code... <label for="???">Spouse</label><input type="text" id="spouse2"> What should we enter in place of ??? to associate the label with the input field? text Nothing. The For attribute is not a valid attribute spouse2 input

spouse2


Kaugnay na mga set ng pag-aaral

Physical Science: Extension I Quiz

View Set

8.2 Review - Accepting or Rejecting Special Orders

View Set

Present Simple vs. Present Continuous

View Set

Apush 3.1 Check Your Understanding

View Set

Exam 2 Chapters 4, 10, 11, 17 & 18 Questions

View Set

BIO 264 Module 12 Special Senses, Smell & Taste

View Set