Skip to content

Jesus guerrero #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
JesusCGuerrero wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Jesus guerrero #1

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6c58fc2
made txt file
JesusCGuerrero Feb 11, 2020
d0c84cd
Finished assignment
JesusCGuerrero Feb 11, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
137 changes: 137 additions & 0 deletions jesus-guerrero.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,137 @@
https://codepen.io/JesusGuerrero/pen/vYONYWP?editors=1100

<!-- reveiw questions to Submit in today's file firt-lastname.txt -->
<!--
Copy the questions below into the firt-lastname.txt file on your github repo - answer each question and then push your changes.

1. What is Semantic HTML?
It gives our markup meaning. Helps with SEO opportunity and readability.
2. What is HTML used for?
To create the foundations and structure of a web page.
3. What is an attribute and where do we put it?
Special modifier words to be used in opening tags. Together with a value they can change a tags behaviour.
4. What is the h1 tag used for? How many times should I use it on a page?
It is used for the main and largest headline on a page. It should only be used once.
5. Name two tags that have required attributes
image<img> and anchor<a>.
6. What do we put in the head of our HTML document?
Information about the page that will not be displayed such as <title> <meta> and <style>
7. What is an id?
An attribute that specifies a unique identifier for an HTML element. It can be used in CSS and Javascript. While it can be used for styling with CSS, it is reccomended to instead use classes when possible.
8. What elements can I add an id to?
Any elements opening tag.
9. How many times can I use the same id on a page?
Only once.
10. What is a class?
An attribute used to group elements for equal styling. Can have many elements to each class.
11. What elements can I add a class to?
Any elements opening tag.
12. How many times can I use the same class on a page?
As many times as you want.
13. How do I get my link to open in a new tab?
By using the attribute target=”_blank” in the anchor tag.
14. What is the alt attribute used for?
To describe the content of an image tag <img>. This is done to provide accessibility for users with screen readers.
15. How do I reference an id?
#idname {}
16. What is the difference between a section and a div
a <div> is a smaller container than a <section> therefor a <div> should always be contained in a <section> and not vice versa.
17. What is CSS used for?
Cascading Style Sheets are used for applying style to the structure that HTML has provided.
18. How to we select an element? Example - every h2 on the page
h2 {}
19. What is the difference between a class and an id? - Give me an example of when I might use each one
A class can be used to contain many elements while an id can only contain one unique element. An element might be used to make several specific paragraphs on a page the same size and color. An ID might be used to style a logo that only occurs once on the page.
20. How do we select classes in CSS?
.classname {}
21. How do we select a p element with a single class of “human””?
p .human {}
22. What is a parent child selector? When would this be useful?
Used to select an element only if it has the specified parent.
nav > a {
}
Such as if you wanted to select all your anchors <a> that are located in a nav bar.
23. How do you select all links within a div with the class of sidebar?
div a .sidebar {}
24. What is a pseudo selector?
Can be used to define special states of an element through CSS, such as styling an element when a user mouses over it or when a link has been visited.
25. What do we use the change the spacing between lines?
* {
line-height: 10px;
}
26. What do we use to change the spacing between letters?
* {
letter-spacing: 3px;
}
27. What do we use to to change everything to CAPITALS? lowercase? Capitalize?
* {
text-transform: uppercase;
text-transform: lowercase;
text-transform: capitalize;
}
28. How do I add a 1px border around my div that is dotted and black?
div {
border: 1px dotted black;
}
29. How do I select everything on the page?
* {}
30. How do I write a comment in CSS?
/* Comment goes here */
31. How do I find out what file I am in, when I am using the command line?
pwd (print working directory)
32. Using the command line - how do I see a list of files/folders in my current folder?
ls
33. How do I remove a file via the command line? Why do I have to be careful with this?
rm <filename>. You should be careful with this because it permenantly deletes the file without warning.
34. Why should I use version control?
It allows us to keep track of changes, stay organized, easily work together with our teams and revert to prior builds of a project if necassary.
35. How often should I commit to github?
Very often. About every 20 minutes.
36. What is the command we would use to push our repo up to github?
git push -u origin firstName-lastName
37. Walk me through Lambda's git flow.
First fork the repo to have your own version.
Then add your TL as a collaborator on your forked repo.
Then clone the repo by copying the link found in githubs clone button. Once you've used cd to reach the directory where you want the cloned repo, use the command (git clone <copiedLink>).
Then cd into the newly created repo using the command (cd <repoName>).
Then create your own branch using the command (git checkout -b 'firstName-lastName').
You can now work on your repo.
Then add and commit changes using the commands (git add .) to add and (git commit -m "A helpful message") to commit.
Then push your changes back up to your github repo using (git push -u origin firstName-lastName).
Now you can submit a PR (Pull Request) on github.
At the PR page change the base repo to your forked repo.
Add your TL to the reviewers and submit the PR.
Your TL will then merge the PR after they have reviewed it.

Stretch Questions

1. What is the difference between an inline element and a block element?
An inline element does not cause a line break and does not take up the full width of the page. It is usually used with other elements.
A block-level element always starts on a new line and takes up the full width of the page. It also has a line break before and after the element.
inline element examples:
<a>
<span>
Block-Level Element Examples:
<div>
<h1>
2. What happens when an element is positioned absolutely?
The element is positioned relative to its first positioned ancestor element. It can be placed anywhere.
3. How do I make an element take up only the amount of space it needs but also have the ability to give it a width?
Make it a display inline-block element.
4. Name 3 elements that are diplay block by default, 2 elements that are display inline by default and 1 element that is display inline-block by default
Block:
<div>
<p>
<h1>
Inline:
<a>
<span>
Inline-Block:
<button>
5. In your own words, explain the box model. What is the fix for the box model?
The box model is essentially the idea that in CSS every element is wrapped in a box. This box is made up of the content at the center, then padding, border and margin in that order.
It allows us to add borders around elements and define the space between them.
You must calculate and take into account the width and height of each of these layers on the top, bottom, left and right in order to know what size your element will be.


-->