This is my Mod O technical capstone
On a website, what is the purpose of HTML code? It tells the browser information that sits between the open and closed bracket.
What is the difference between an element and a tag? An element typically has an open and close tag. The element tells the browser information that sits between an open and closing tag which act like containers
Why do we use attributes in HTML elements? They provide more information on the function of an element
Describe the purpose of the head, title, and body HTML elements. The body is the information that is shown on the webpage. The title is the information shown in at the top of the webpage above the URL. The head shows information about the page and isnt shown on the display results
In your browser (Chrome), how do you view the source of a website? control + u
List five different HTML elements and what they are used for. makes text bold makes italics is emphasis >br/< creates a line break makes text strong
What are empty elements? They are elements that do not require both an open and closing tag
What is semantic markup? Literal interpratations that both a human and a computer can understand
What are three new semantic elements introduced in HTML 5? Header, Aside,Article
https://codepen.io/edward-cheatham/pen/bzavBe
Day 2
There are three main types of lists in HTML: ordered, unordered, and definition. What are their differences? Ordered list includes a decending numbered list, unordered are listed by a bullet point, square, etc, Definition list typically are used to describe a series of terms
What is the basic structure of an element used to link to another website?< a href=" " >
What attribute should you include in a link to open a new tab when the link is clicked? a desciption of the link
How do you link to a specific part of the same page? apply #"target/anchor after using the element to link part of the page"
What is the purpose of CSS? It allows for greater control of web pages
What does CSS stand for? Cascading Style Sheets.
What does cascading mean in this case? More than one stylesheet can apply to html
What is the basic structure of a CSS rule? It will apply the on that is most specific
How do you link a CSS stylesheet to your HTML document?By creating a link element
When is it useful to use external stylesheets as opposed to using interal CSS? It allows for a faster load time and the html code will be easier to read
Describe what a color hex code; It is a code that shows the combination of red,green, blue
What are the three parts of an HSL color property? Hue, Saturation, Lightness
In the world of typeface, what are the three main categories of fonts? What are the differences between them? serif; better for smaller text.. common for newspapers and books, sans-serif;used for headlines or small bits of text , display; most commonly used for logos and are more styled.
When specifiying font-size, what are the main three units used? 10,11,12
Day 3
If you're using an input element in a form, what attribute controls the behavior of that input? Type
What element is used to create a dropdown list? Select
If you're using an input element to send form data to a server, what should the type attribute be set to? post
What element is used to group similar form items together? fieldset
Describe the differences between border, margin, and padding. Margin is the outside space, while the padding is the inner space, margin is the space outside of a border
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
Describe the different between block-level and inline elements.block level stacks on top of each other and line level creates a line left to right before restarting the line one level below
What is the role of fixed positioning, and why is z-index important in the scenario of using fixed positioning? It keeps an element fix regardless of scrolling up or down on a page. Z-index determines the fixed point on the webpage
What is the difference between a fixed and liquid layout? Fix will set the screen width regradless of the of screen resolution and fluid will stretch it to fit
Day 4
In an image element, why is the alt attribute important? Accessibility, if the image doesnt display the text will display in its place
What determines if an image element is inline or block? The element span for inline or div for block,
What are the benefits of jpg or png image file formats? jpg are compressed, png are loss-less and better for graphics etc
What is the benefit of specifying the height and width of images in CSS compared to specifying in the HTML? Easier and less repetitive coding
What is an image sprite, and why is it useful? It is a way to combine multiple image's into a single file reducing the number of HTTP request
Day 5
How do you declare a variable. What does the equals sign really mean in JavaScript? What is it called in JavaScript? They are declared with keyword,var, = is an assingment operator.. it is used to update the value of a variable
There are three big data types in JavaScript: numbers, strings, and booleans. Describe what each of them are. numbers are used to calculate or count sums. Strings are letters and other charactors often used to add new content to a page. Booleans are data types that are true or false often used when determing which part of the script to run
What are the six rules for naming variables? What are a few JavaScript reserved words that you should avoid using for variable names? The name must begin with a letter, $, underscore but not a number, it can not use a dash or period, you can not use a keyword or reserved words, variables are case senstive, use a name that desribe the type of information the variable stores,if it contains more than one word the second word should start with a captiol. Var,byte, switch,typeof are examples of reserved words
How can an array be useful when dealing with multiple related values? How do you access/change a value in an array? arrays store a list of values and are useful when you do not know how many items a list might contain. You can access an array by the inddex number for the value inside the square brakets and change it byu assigning it a new value
What is the difference between an expression and a statement? Statements preform an action and expressions result in a value
What are three types of operators and how are they used? Arithmetic operators are used to calculate values, string operators used to combine two or more strings together, assignment oppators are used to assign value to a variable
Day 6
If we have a function defined as function sayHello(){console.log("Hello!")}, what is the difference between entering sayHello and sayHello() in the console? say Hello() is stored as a function and allows to store parameteres while sayHello does not
What is the difference between function parameters and arguments? parameters include words that act like variables inside the curly braces. Arguments use variables with defined values
What is the keyword return used for? It ceases an execution in a function and returns a value
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? Local variables are used inside a function and specfic to that function. Global can be better when you need to access a value frequently
Psychology
What is the user’s motivation to be here in the first place? https://www.wikipedia.org/ , peopel are here for knowledge. https://www.breitbart.com/ . peopel come here for knowledge and get propaganda
Usability
Is it easy to find (good), hard to miss (better), or subconsciously expected (best)? https://www.wikipedia.org/ easy to use and commonly exspected. http://www.hollywood.com/celebrities/shocking-celebrity-deaths-60263421/#/ms-22389/1, click-bait sight.
Design
Do users think it looks good? Do they trust it immediately? https://www.wikipedia.org/ Looks great and people trust it.
https://www.infowars.com I personally do not think it looks good. It is too busy... and hopfully not they sell vitamens to the left and Alex Jones is a chode.
Copywriting
Is it clear, direct, simple, and functional? https://www.google.com . Very simple, clean, and functional. https://www.infowars.com It is busy and confusing.
Analysis Have you collected information that can give you those types of answers? https://www.pairin.com collects subjective opinions about oneself to create factual information https://www.theworldsworstwebsiteever.com/ its terrible, confusing, never stops loading, stuff is streaming across the page faster than a person can read. It could have been my example to violate any of these questions.