Chapter 5

Question 0

What should a mockup/wireframe include?

Answer 0

User interface, links, buttons, etc

Question 1

What is a mockup/wireframe, and why is it important?

Answer 1

A rough sketch of what the application will eventually look like; it allows you to work towards a goal.

Question 2

To support older browsers which can’t parse HTML5 elements, what JavaScript script should be added, and where?

Answer 2

HTML5shim should be added in the head

Question 3

What is the difference between a class an an ID?

Answer 3

Classes can be used multiple times on a page, ID’s can only be used once.

Question 4

T/F: only one class may be assigned to a tag.

Answer 4

F; you can assign multiple classes by separating them with a space

Question 5

What are header, nav, and section tags for?

Answer 5

They are used like div tags, except that they also describe the location of the element on the page.

Question 6

What are the three arguments to the link_to function, and what purpose does the function serve?

Answer 6

It creates a link on the page.

The first argument is the link text, next is the url, and last is an options hash for CSS purposes

Question 7

When using the image_tag helper, where will Rails look for the image?

Answer 7

app/assets/images/

Question 8

What are the arguments to image_tag?

Answer 8

The path of the image and an options hash, used to set attributes

Question 9

Why does rails place all assets in the same directory when operating on a server?

Answer 9

It allows them to be served faster.

Question 10

What is Bootstrap?

Answer 10

A framework from Twitter which allows for design and UI elements in HTML5

Question 11

What is a .css.scss file?

Answer 11

A Sass-CSS file

Question 12

How can we include bootstrap?

Answer 12

After getting the gem, add the following lines to a sass file in the asset pipeline:

@import “bootstrap-sprockets”;
@import “bootstrap”;

Question 13

What is a good way to test out what a CSS rule does?

Answer 13

Comment it out and see what changes

Question 14

Why is the CSS of a style sheet in the app/assets/stylesheets/ directory universal?

Answer 14

It is applied to all pages, and if no class or ID is specified then all tags as well. The higher level of the tag (I.e. html is the highest tag) then the more tags that will be affected.

Question 15

What does the ‘render’ function do?

Answer 15

Inserts the evaluation of a file into the view.

Question 16

What is the naming convention or partials?

Answer 16

Add an underscore (_) to the beginning of the file name

Question 17

What is a partial?

Answer 17

A way, in Rails, to package up assets in one place.

Question 18

Describe the asset directories of the asset pipeline.

Answer 18

App, lib, and vendor directories each have an assets directory, which in turn has a subdirectory for images, javascripts, and stylesheets

Question 19

What are manifest files of the asset pipeline?

Answer 19

Files to tell Rails how to combine javascripts and CSS into single files

Question 20

What is the preprocessor engine of the asset pipeline?

Answer 20

Processes files in a manner depending on their extension, for delivery to browser. Files with multiple extension are evaluated right to left, with the rightmost (last) extension determining the first processor.

Question 21

Why is the asset pipeline efficient?

Answer 21

It allows assets to be logically split into different files, but Rails optimizes them and combined them into a single ole for speedy delivery to a browser

Question 22

What is the syntax for nesting pseudo-classes in sass?

Answer 22

&:pseudoclassname{}

Question 23

What is the syntax for defining a variable in sass?

Answer 23

$varname: value;

Question 24

Say we want to add a page, what are the steps to take?

Answer 24

Add a route, add a controller action, and add an erb view

Question 25

How can we defined a named route?

Answer 25

get ‘routename’ => ‘controller#action’

Question 26

T/F: named routes will not work in other files; they are only for the server.

Answer 26

F; once a route has been named it can be used anywhere else

Question 27

What routes does the following named route define:

get ‘help’ => ‘static_pages#help’

Answer 27

help_path, which is ‘/help’

help_url, which is the full, unabbreviated URL

Question 28

What is an integration test, and how is one defined?

Answer 28

It is a test of our application’s behavior.

It can be generated with:

$rails generate integration_test testname