MIS 3502 EXAM 2

9. What does a tag like this give us: <i class="fa fa-phone"></i>

a phone icon

6. What is a Content Delivery Network (CDN)?

refers to a geographically distributed group of servers which work together to provide fast delivery of Internet content. -A CDN allows for the quick transfer of assets needed for loading Internet content including HTML pages, javascript files, stylesheets, images, and videos.

4. What is the Document Object Model (DOM)?

represents all of the elements and attributes that are coded in HTML

8. What is the syntax for creating a user defined function in JavaScript?

var *variableName* = function (*parameter*){ *statements that run when function is entered*; } EX: var$ = function (id){ return document.getElementById (id); }

5. What style needs to be applied to an image tag in order to make the image resize dynamically? Any other restrictions?

-max-width: 100%; <img src="sample.png" style="max-width:100%;"> -It's important to have a containing element! WATCH CLASS CAPTURE????

2. What are the roles of these three bootstrap classes "container", "row" and "col-*-*"?

1)The "container" class is essential. Everything needs to be inside of it. 2)The "row" class is almost as important. Use it to specify groupings of columns. 3) col-*-* IS grid classes, you can create a basic grid system <div class="col-md-12">Some Content here.</div>

3. What's a span? What should the sum of spans be in bootstrap?

Allows us to break the page into columns or "spans" -Make sure that the sum adds up to 12 or fewer (it is not required that you use all 12 available columns).

4. What is the significance of a class named: bg-success or bg-danger?

Bootstrap gives us contextual classes for background colors: SUCCESS= GREEN DANGER= RED bg-success = text indicates success <p class="bg-success">This text indicates success.</p> bg-danger= text represents danger <p class="bg-danger">This text represents danger.</p>

1. What is bootstrap? Who made it? Why is it popular? Does it cost anything?

Bootstrap is a CSS framework -Bootstrap is free to use and Open Source It was developed by Twitter (and it is still maintained by Twitter.) WHY IS IT POPULAR?????

8. What is font awesome, and why is it helpful?

Font Awesome gives you icons that can instantly be customized — the power of CSS. -Helpful for visuals -<i class="fa fa-car fa-lg"></i> (pops up car icon)

4. Why are percentages and units of em important? What is each used for?

Important because it makes the grid flexible by expressing fonts and widths in relative terms -replaced absolute pixel references with percentages

2. How is JavaScript similar to / different from PHP?

JavaScript codes are executed by your web browser and browser does all the processing. VS PHP runs on the server, where your webpage is stored and server does all the processing

1. What is JavaScript? Why is it needed? Where does it typically run?

JavaScript lives here, in the browser, and does not interact with any resource outside the browser.

7. What are media rules? What are they used for? What is their basic syntax?

Media queries allow us to override previously declared style sheet attributes using and @media rule. @media rules allow us to customize styles to categories of media, screen dimensions, or both. For example: --> @media print { img { display: none; } } --> @media all and (max-width: 480px) { #header{ height: 20px; } }

What three things define RWD?

Response Web Design-it is a web site (or web interface) that adapts to browser dimensions 1)A flexible grid 2)Flexible Images 3)Media Queries

Why is RWD important?

This is an essential consideration as we live in an environment full of diverse platforms and screen sizes.

Get to attribute

Unlock the door to a room: var theApt = building.getElementById("Apartment305"); //get the apartment var theRooms = theApt.getElementsByTagName("bedroom"); //get all the  // bedrooms in the apartment theRooms["0"].unlock(); //unlock the first bedroom door

Using getelement

Unlock the door to an apartment: building.getElementById("Apartment305").unlock();

6. What's the purpose of the clearfix class? What CSS attributes can be used to define the class?

WATCH CLASS CAPTURE???? -Set up a "clearfix" class so that you can stop the custom float behavior .clearfix { clear: both; visibility: hidden; height: 0; display: block; }

3. Why is a 960 pixel width commonly used in web design?

Why 960? Well, it is close to 1024, and it has a lot of factors. 960px is neatly divisible by 1, 2, 3, 4, 5, 6, 8, 10, 12, 15, and 16 Also, 1024 x 768 was the most common resolution for many years and designers were forced to design for the lowest common denominator.

3. What is a basic use of JavaScript?

client side scripting language THAT CONTROLS THE OPERATIONS OF THE BROWSER

7. What is the purpose of the functions: alert, isNaN?

function determines whether a value is an illegal number (Not-a-Number). This function returns true if the value equates to NaN. Otherwise it returns false.

7. Where in an HTML document do we specify CDN references?

header

5. What does it mean for code to be minified?

is the process of removing all unnecessary characters from source code without changing its functionality.

5. What is the significance and purpose of the getElementById in the DOM?

method returns the element that has the ID attribute with the specified value. This method is one of the most common methods in the HTML DOM, and is used almost every time you want to manipulate, or get info from, an element on your document.

6. What is the purpose of these events: onsubmit, onclick, onload?

onclick events fire when the user uses the mouse to click on something. (used on anything) onsubmit events fire when a form is submitted (used on a form) onload for loading resources such as scripts or images or when page has been loaded