davidbecker6081

Turing 1705 Prework - David Becker

HTML Structure - Codepen

Day 1

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

• HTML allows us to describe both the structure and content of a web page. It gives us the ability to take non-formatted text and re-format for the web in the most basic ways.

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

• HTML uses elements to describe the structure of a page, while a tag tells you about the content or information inside each element. Elements use both an opening and closing tag to tell the web page when an element begins and ends.

3. Why do we use attributes in HTML elements?

• Attributes allow us to provide more information about the content of an element. The attribute also allows us to be more specific when selecting elements to style in a CSS stylesheet. They usually are placed in the opening tag and contain a name and a value.

davidbecker6081

#Prework Day 2 Chapters 3+4

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

• An ordered list (<ol>) is numbered, an unordered list(<ul>) begin with a bullet point, and a definition (<dl>) is a set of terms (with each's definition). The ordered and unordered lists can contain <li> items, while the definition lists contain <dt> (contains term being defined) and <dd> (contains the definition) elements.

2. What is the basic structure of an element used to link to another website?
   • <a href = "link URL">Text describing link</a> - opening link tag, text the user clicks on, closing link tag
3. What attribute should you include in a link to open a new tab when the link is clicked?

• the target attribute: target="_blank"> / as well as informing the user the link will open in a new window

davidbecker6081

#Prework Day 3 Chapter 7

1. If you're using an input element in a form, what attribute controls the behavior of that input?
   • the type attribute controls the behavior of the input (type = "checkbox")
2. What element is used to create a dropdown list?
   • <select>with <option> elements
3. If you're using an input element to send form data to a server, what should the type attribute be set to?
   • It depends on what is being inputed into the form. If we have text, then it would be <type="text"> or passwords: <type="password">
4. What element is used to group similar form items together?

• , which can contain a element as well for a caption

davidbecker6081

#Professional Development 29 Behaviors That Will Make You an Unstoppable Programmer

1. Pick out 3 behaviors that resonate with you in the list and describe why they resonate with you in a reflection (4-6 sentences).

• #25- I have to say that I strongly disagree with this one. The idea that if you are working late, you are working hard, can be debunked as myth and not synonymous in so many ways. Not to mention, there is data showing that getting a good night sleep makes you work more efficiently (and produces better work), that working more does not mean better or even more work getting done, and most people work best at different parts of the day. For example, I work best in the morning (granted, I've gotten a good night's sleep). When I was working in an architecture office in Los Angeles, we all had slightly different schedules. I usually was one of the first people in the office in the morning. Because it was quite then, I could consistently get more work done and in much better quality. Others i

davidbecker6081

We couldn’t find that file to show.

davidbecker6081

#Prework Day 4 Chapter 5

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

• the alt attribute provides a description for the image for search engine optimization or people that are visually impaired

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

• where the image is placed in your code/ if the image is placed inside another block element, it will become an inline element

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

• JPEG - used when you have numerous colors in a picture (normally regular photos) / PNG - used mainly for logos, illustrations, and diagrams that have flat colors

davidbecker6081

a

davidbecker6081

##Gear Up Week 1 "Coding is to software developers what chopping vegetables is to chefs. You have to be able to do this to do the more important stuff." - Jeff (paraphrased)

Carol Dweck TED "The Power of the growth mindset"

• "Not Yet" instead of failing grade of 'F'
• "Praising wisely"- rewarding "Yet"
• transforming the meaning of effort and difficulty

How have your experiences this week put you into a growth or fixed mindset?

• To be honest, I'm not sure quite yet. Carol Dweck talks about the idea of putting challenging things in front of you to see whether you have one or the other

davidbecker6081

Example!

Challenge 5

I used these elements and specified these styles to make this thing happen. I chose to use white text color because you can't see it if it's black. (duh). (When you write this make your actual description more meaningful...)

Challenge 5

davidbecker6081

##Pairing Woopee!

Pairing styles

Succesful pairing - Trust relationship and open communication

Driver-Navigator = Driver is typing/Navigator is talking through the code (guiding the driver)/ need to switch roles frequently to work well and both parties engaged

Ping Pong Pairing = Sitting side by side but looking at own screen / passing tasks back and forth

Distributed Pairing (remote pairing) = working alone but sharing work