MattTowarnicky-mod-0-capstone.md

MattTowarnicky-mod-0-capstone.md

1. On a website, what is the purpose of HTML code?

HTML describes the structure of a page.

2. What is the difference between an element and a tag?

An Element is the structure of the site between the opening and closing tags. Example elements are p, h1, and table. The show what will go in that section. An element is wrapped by an opening and closing tag indicating where an element starts and stops.

3. Why do we use attributes in HTML elements?

It supplies additional information about an element, lang is an example attribute and the value is indicated between a ="" in this case fr, en-us, or etc.

4. Describe the purpose of the head, title, and body HTML elements.

These indicate how things are interpreted and displayed by the browser. Head the top of the pages header. Title the title of the page (outside of the browser window), and HTML everything in these tags is HTML unless otherwise specified (scripts).

5. In your browser (Chrome), how do you view the source of a website?

Right click and view source or under the developer drop down.

6. List five different HTML elements and what they are used for. For example, < p >< / p > is a paragraph element, and it is used to represent a paragraph of text.

h1-6 are used for various header sizes. < b > is bold. < i > is italics. < sup > is superscript. < sub > is subscript.

7. What are empty elements?

They are elements with nothing between them no closer and opener. They are written differently < hr / > or < br / >

8. What is semantic markup?

Emphasis in a sentence. Like Bold, Italics, quotation, acronym explanations.

9. What are three new semantic elements introduced in HTML 5? Use page 431 in the book to find more about these new elements

< abbr >, < header >, and < nav >

H1 Code Pen Project https://codepen.io/mattturing/pen/gNVNmy

1.There are three main types of lists in HTML: ordered, unordered, and definition. What are their differences?

Ordered displays things sequentially from 1,2,3,4 and so on. Unordered display bullets. Definition is terms followed directly by an indented definition.

2. What is the basic structure of an element used to link to another website?

< a href = " url goes here " > Display text < / a >

3. What attribute should you include in a link to open a new tab when the link is clicked?

target = _ blank "

4. How do you link to a specific part of the same page?

By appending the URLs with the ID of the element you are targeting at the start of the URL.

1. What is the purpose of CSS?

   It specifies how an element should appear

2. What does CSS stand for? What does cascading mean in this case?

   Cascading Style Sheet, it means that rules at the bottom override rules at the stop.

3. What is the basic structure of a CSS rule?

   Selector { property : value ; }

4. How do you link a CSS stylesheet to your HTML document?

   < link href = "style sheet location " type= " text / css" / >

5. When is it useful to use external stylesheets as opposed to using internal CSS?

   Any site with more than one page so updated can propagate in one swoop. Internal for specific elements on a page, or for styling that wont be reused

6. Describe what a color hex code is.

   {red}{green}{blue} with each color represented in a hexadecimal fashion.

7. What are the three parts of an HSL color property?

   Hue Saturation Lightness

8. In the world of typeface, what are the three main categories of fonts? What are the differences between them?

   Font-Family, Font-Face, Service Based. Font on a PC, Font on the Net, One from a service.

9. When specifying font-size, what are the main three units used?

   Pixels, Percentages, EMs

10. If you're using an input element in a form, what attribute controls the behavior of that input?

    type=""

11. What element is used to create a dropdown list?

    < select >

12. If you're using an input element to send form data to a server, what should the type attribute be set to?

    It should be set to whatever type of data you are attempting to send. Text for text, radio for radio, or password for password.

13. What element is used to group similar form items together?

    < Fieldset >

14. Describe the differences between border, margin, and padding.

    Every element has a box around it known as the border. Margin the immediate area surrounding the border. Padding is the space between the content in the box and the boarder of the box.

15. For a CSS rule padding: 1px 2px 5px 10px, what sides of the content box does each pixel value correspond to?

    top right bottom left

16. Describe the difference between block-level and inline elements.

    block starts a new line. Inline is a portion in the same line

17. What is the role of fixed positioning, and why is z-index important in the scenario of using fixed positioning?

    Fixed is a form of absolute positioning that lock and element in place in the page. Other content will appear over or under the element based off of the Z index.

18. What is the difference between a fixed and liquid layout?

    Fixed, all things are locked and non-responsive. Liquid is responsive but much harder to create and test for.

19. In an image element, why is the alt attribute important?

    Provides the text description, even if you can't see the image./

20. What determines if an image element is inline or block?

    If the element the tag is in is inline or block.

21. What are the benefits of jpg or png image file formats?

    jpg is great for many colored images, png singular color.

22. What is the benefit of specifying the height and width of images in CSS compared to specifying in the HTML?

    Much better site wide control in a just a few lines, and full site wide updating in a few key strokes versus changing each individual element.

23. What is an image sprite, and why is it useful?

    When a single image is used for several parts of an interface, the image will only be requested once increasing loading time.

24. How do you declare a variable. What does the equals sign really mean in JavaScript? What is it called in JavaScript?

    var, let const = nameOfVariable. = assigns value to an operator and is used to update it as well. The language's name is the result of a co-marketing deal between Netscape and Sun, in exchange for Netscape bundling Sun's Java runtime with their then-dominant browser source wiki.

25. There are three big data types in JavaScript: numbers, strings, and Booleans. Describe what each of them are.

    Numbers are for numbers 1,-2,3.444, 0 and ect. Strings is anything stored as text. Booleans true or false.

26. What are the six rules for naming variables? What are a few JavaScript reserved words that you should avoid using for variable names?

    1 Must start with letter, $, or underscore, not a number. 2 No dashes or periods, is allowed to contain letter, number $ or, underscore. 3 You cannot used reserved words as a variable. abstract arguments await* boolean break byte case catch char class* const continue debugger default delete do double else enum* eval export* extends* false final finally float for function goto if implements import* in instanceof int interface let* long native new null package private protected public return short static super* switch synchronized this throw throws transient true try typeof var void volatile while with yield. 4 Variables are case sensitive. 5 Name the variable to what it actually does. Use camel case with first letter lowercase.

27. How can an array be useful when dealing with multiple related values? How do you access/change a value in an array?

    It stores data in a list, often similar values. Selecting the list item with its index number and setting it to the new value. questions[1] = "brand new question"

28. What is the difference between an expression and a statement?

    An expression is a single value, an operator turns multiple values in to a single value. * > &&.

29. What are three types of operators and how are they used?

    String to manipulate string, arithmatic to do math, comparison to evaluate true or false.

30. If we have a function defined as function sayHello(){console.log("Hello!")}, what is the difference between entering sayHello and sayHello() in the console?

    () is needed to call the function, the other one would be returning the function itself

31. What is the difference between function parameters and arguments?

    The parameter is the variable, the argument is what the variable is set to.

32. What is the keyword return used for?

    It returns a value to whatever called the function

33. How are local variables better than global variables? Are there instances you can think of where you might want to use a variable that is globally scoped over local?

    Less chance of naming conflicts, it will generally be called faster. Global could be used to take up less memory, or reusea piece of code quickly.