Skip to content

Add file review_questions.txt #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
josedolar wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Add file review_questions.txt #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
3f067eb
Add file review_questions.txt
josedolar Apr 10, 2020
1c57aa0
added 37 questions
josedolar Apr 10, 2020
348b653
Corrected some answers
josedolar Apr 10, 2020
5c46b11
added file jose-dolar.txt
josedolar Apr 13, 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
153 changes: 153 additions & 0 deletions jose-dolar.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,153 @@
Copy the questions below into the first-lastname.txt file on your github repo - answer each question and then push your changes.

1. What is Semantic HTML?
answer: Is the use of HTML markup to reinforce the semantics, or meaning of the information in webpage codes.

2. What is HTML used for?
answer: HTML is used build web pages. It is a structure that holds together the content of a web page.

3. What is an attribute and where do we put it?
answer: Attibutes provide additional informaton about the element.

4. What is the h1 tag used for? How many times should I use it on a page?
answer: The h1 tag is used to indicate important information. It can be use as manny as necessary.

5. Name two tags that have required attributes
answer: 1. the <A> tag, 2. <img> tag.

6. What do we put in the head of our HTML document?
answer: The <head> element is a container for metadata (data about data).
7. What is an id?
answer: An id is used to identify an element. It is unique and used only for a specific element.
8. What elements can I add an id to?
answer: Any element can have an id as long as the id is unique.
9. How many times can I use the same id on a page?
answer: once.
10. What is a class?
answer: a class is used to define identify elements with the same style.
11. What elements can I add a class to?
answer: any element.
12. How many times can I use the same class on a page?
answer: as many as necessary.
13. How do I get my link to open in a new tab?
answer: use the attribute <a href="#" target=blank> link </a>
14. What is the alt attribute in the image tag used for?
answer: The alt attribute provides alternative information (text) for an image if a user for some reason cannot view the image.
15. How do I reference an id?
anser: We select id by preceeding it with "#" character. (ex: #id)
16. What is the difference between a section and a div
answer: The only difference between the DIV and SECTION elements is semantics—the meaning of the content you're dividing up.
Any content contained in a DIV element has no inherent meaning. The DIV element used to be the only element available for adding hooks to style documents and layouts.
17. What is CSS used for?
answer: CSS is used to define styles for HTML elements.
18. How to we select an element? Example - every h2 on the page
answer: h2{}
19. What is the difference between a class and an id? - Give me an example of when I might use each one
answer: Id is unique and can only be assigned on one element while class can be assigned to many elements that share the styles.
20. How do we select classes in CSS?
answer: We can select class by preceeding with a period (ex. .class).
21. How do we select a p element with a single class of “human””?
answer:p.human{}
22. What is a parent child selector? When would this be useful?
answer: The ">" character example div > p will select all paragraph inside a div.
This is useful when we want to select all elements that belong to a certain parent.
example we want to select all p in the div with class paragraph;

<div class="paragraphs">
<p> paragraph2 </p>
<p> paragraph2 </p>
</div>

we select it in CSS;

div.paragraphs > p{

}

23. How do you select all links within a div with the class of sidebar?
answer: div.sidebar > a {}

24. What is a pseudo selector?
answer: is used to define a special state of an element. Ex. a:hover.

25. What do we use the change the spacing between lines?
answer: line-height property.

26. What do we use to change the spacing between letters?
answer: letter-spacing property.
27. What do we use to to change everything to CAPITALS? lowercase? Capitalize?
answer: set the text-transform property.
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?
answer: div{
border-width: 1px;
border-color: black;
border-style:dotted; }

29. How do I select everything on the page?
answer: *{}
30. How do I write a comment in CSS?
answer: /*comment*/
31. How do I find out what file I am in, when I am using the command line?
answer: pwd
32. Using the command line - how do I see a list of files/folders in my current folder?
answer: ls
33. How do I remove a file via the command line? Why do I have to be careful with this?
answer: rm, you cannot restore the deleted file.
34. Why should I use version control?
answer: to manage changes in the source code. if something goes wrong you can return to older version of the code.
35. How often should I commit to github?
answer: when you have done meaningful changes in the code.
36. What is the command we would use to push our repo up to github?
answer: git push
37. Walk me through Lambda's git flow.
answer: 1. fork the repo,
2. add your TL as collaborator
3. clone your repo.
4. Create a Branch in you local machine.
5. make changes, add, commit and push to github
6. on GitHub Compare and Pull request (use your fork as the master)
7. Add you TL as reviewer.



Stretch Review questions:
1. What is the difference between an inline element and a block element?
ans: inline element (ex:span) stay within the same line while block elements (exp:p) starts on a new line.

2. What happens when an element is positioned absolutely?
ans: The element will be rendered in the specified position.

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?
Ans: in css, specify max-width and set margin to auto.
max-with:
margin:auto;

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 by default:
1.p, 2.div, 3.form

inline:
1. span 2.a

display block by defaul:
1. p

5. In your own words, explain the box model. What is the fix for the box model?
answer: The box model in CSS is composed of Margin, Borders and Padding.
The margin - the outmost layer, controls the distance of the element from its neighbors.
The Border -the second layer, controls the distance from the margin to the outline of the content.
The Padding - the third layer, controls the distance from the border to the content.

Stretch Git Tasks
- [ ] While the processes learned here will set you up to be successful in most situations, they are just the tip of the iceberg in learning Git. Independently research the following topics to learn more about Git.
- [ ] Research and understand what a `merge conflict` is and how to resolve it.
- [ ] Research the Git commands `pull`, `rebase`, `merge`. These commands will allow you to bring in changes that other developers push to the master branch.
- [ ] Research the Git commands `reset `, `revert`, `clean`. These commands will allow you to go back and amends previous commits you have made.

- [ ] Research and set up a Graphical User Interface (GUI) Git console.

- [ ] Research and setup SSH keys with GitHub, so that you do not need to input your username/password each time you push.
153 changes: 153 additions & 0 deletions review_questions.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,153 @@
Copy the questions below into the first-lastname.txt file on your github repo - answer each question and then push your changes.

1. What is Semantic HTML?
answer: Is the use of HTML markup to reinforce the semantics, or meaning of the information in webpage codes.

2. What is HTML used for?
answer: HTML is used build web pages. It is a structure that holds together the content of a web page.

3. What is an attribute and where do we put it?
answer: Attibutes provide additional informaton about the element.

4. What is the h1 tag used for? How many times should I use it on a page?
answer: The h1 tag is used to indicate important information. It can be use as manny as necessary.

5. Name two tags that have required attributes
answer: 1. the <A> tag, 2. <img> tag.

6. What do we put in the head of our HTML document?
answer: The <head> element is a container for metadata (data about data).
7. What is an id?
answer: An id is used to identify an element. It is unique and used only for a specific element.
8. What elements can I add an id to?
answer: Any element can have an id as long as the id is unique.
9. How many times can I use the same id on a page?
answer: once.
10. What is a class?
answer: a class is used to define identify elements with the same style.
11. What elements can I add a class to?
answer: any element.
12. How many times can I use the same class on a page?
answer: as many as necessary.
13. How do I get my link to open in a new tab?
answer: use the attribute <a href="#" target=blank> link </a>
14. What is the alt attribute in the image tag used for?
answer: The alt attribute provides alternative information (text) for an image if a user for some reason cannot view the image.
15. How do I reference an id?
anser: We select id by preceeding it with "#" character. (ex: #id)
16. What is the difference between a section and a div
answer: The only difference between the DIV and SECTION elements is semantics—the meaning of the content you're dividing up.
Any content contained in a DIV element has no inherent meaning. The DIV element used to be the only element available for adding hooks to style documents and layouts.
17. What is CSS used for?
answer: CSS is used to define styles for HTML elements.
18. How to we select an element? Example - every h2 on the page
answer: h2{}
19. What is the difference between a class and an id? - Give me an example of when I might use each one
answer: Id is unique and can only be assigned on one element while class can be assigned to many elements that share the styles.
20. How do we select classes in CSS?
answer: We can select class by preceeding with a period (ex. .class).
21. How do we select a p element with a single class of “human””?
answer:p.human{}
22. What is a parent child selector? When would this be useful?
answer: The ">" character example div > p will select all paragraph inside a div.
This is useful when we want to select all elements that belong to a certain parent.
example we want to select all p in the div with class paragraph;

<div class="paragraphs">
<p> paragraph2 </p>
<p> paragraph2 </p>
</div>

we select it in CSS;

div.paragraphs > p{

}

23. How do you select all links within a div with the class of sidebar?
answer: div.sidebar > a {}

24. What is a pseudo selector?
answer: is used to define a special state of an element. Ex. a:hover.

25. What do we use the change the spacing between lines?
answer: line-height property.

26. What do we use to change the spacing between letters?
answer: letter-spacing property.
27. What do we use to to change everything to CAPITALS? lowercase? Capitalize?
answer: set the text-transform property.
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?
answer: div{
border-width: 1px;
border-color: black;
border-style:dotted; }

29. How do I select everything on the page?
answer: *{}
30. How do I write a comment in CSS?
answer: /*comment*/
31. How do I find out what file I am in, when I am using the command line?
answer: pwd
32. Using the command line - how do I see a list of files/folders in my current folder?
answer: ls
33. How do I remove a file via the command line? Why do I have to be careful with this?
answer: rm, you cannot restore the deleted file.
34. Why should I use version control?
answer: to manage changes in the source code. if something goes wrong you can return to older version of the code.
35. How often should I commit to github?
answer: when you have done meaningful changes in the code.
36. What is the command we would use to push our repo up to github?
answer: git push
37. Walk me through Lambda's git flow.
answer: 1. fork the repo,
2. add your TL as collaborator
3. clone your repo.
4. Create a Branch in you local machine.
5. make changes, add, commit and push to github
6. on GitHub Compare and Pull request (use your fork as the master)
7. Add you TL as reviewer.



Stretch Review questions:
1. What is the difference between an inline element and a block element?
ans: inline element (ex:span) stay within the same line while block elements (exp:p) starts on a new line.

2. What happens when an element is positioned absolutely?
ans: The element will be rendered in the specified position.

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?
Ans: in css, specify max-width and set margin to auto.
max-with:
margin:auto;

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 by default:
1.p, 2.div, 3.form

inline:
1. span 2.a

display block by defaul:
1. p

5. In your own words, explain the box model. What is the fix for the box model?
answer: The box model in CSS is composed of Margin, Borders and Padding.
The margin - the outmost layer, controls the distance of the element from its neighbors.
The Border -the second layer, controls the distance from the margin to the outline of the content.
The Padding - the third layer, controls the distance from the border to the content.

Stretch Git Tasks
- [ ] While the processes learned here will set you up to be successful in most situations, they are just the tip of the iceberg in learning Git. Independently research the following topics to learn more about Git.
- [ ] Research and understand what a `merge conflict` is and how to resolve it.
- [ ] Research the Git commands `pull`, `rebase`, `merge`. These commands will allow you to bring in changes that other developers push to the master branch.
- [ ] Research the Git commands `reset `, `revert`, `clean`. These commands will allow you to go back and amends previous commits you have made.

- [ ] Research and set up a Graphical User Interface (GUI) Git console.

- [ ] Research and setup SSH keys with GitHub, so that you do not need to input your username/password each time you push.