turing mod 0 capstone

dmunroe-mod-0-cap.md

Hello World, welcome to my first ever gist

Day 1

1. The purpose for HTML code is to structue the way content is displayed on a website. The HTML elements are interpreted by the browser and displayed on the user's device according to way the content within HTML tags is organized.

2. An HTML element is comprised of an opening and a closing tag. A tag is part of an element, and is used to define the start and end of an HTML element.

3. Attributes help us modify how an HTML element will behave. An attribute is added within the opening tag of an element to alter it's behaviour, by pointing to a specific image or link.

4. The Title of a webpage is used to define the general purpose of any given website. This usually is displayed at the top of the window of the web browser.

5. I would open a browser, load up a web page. Then right-click within that page and select 'view page source'.

6. The

   element is used to create headings on a page by sizing the text larger than the rest. The
   element is used to create paragraph text on a page. The
   element is used to create unordered lists within a page. The
   element is used to divide certain portions of text within a page. The element is used to define the body portion of a page.

7. An empty element such as does not have a trailing . You simply use the tag alone.

8. Semantic markup is used to denote meaning to certain tags when building a webpage. This sort of structure allows creators to follow a set of norms.

9. and are semantic elements used in HTML 5.

https://codepen.io/Dmunroe/pen/bJjKXg

Gear Up Reflection: Q: What role does empathy play in your life and how has it helped you? A: Empathy played a huge role in my professional life. I spent some time managing people on teams, and each person required differing management styles to help maximize their potential on a team. The first step into helping someone grow is to understand their strengths, weaknesses, and other personal needs. Empathy helps me seek to understand those needs, so that I can lead in a way that works for everyone involved.

Q: How does empathy help you build better software? A: Empathy in software development allows you to hone your goals so that they align with the needs of the user. Empathy allows you to understand the feelings of people who use the tools you create. If you do not understand your user, their problems, or the things they value, then you will be building something that is only useful to you, and not others.

Q: Why is empathy important for working on a team? A: Empathy is crucial to becomine a good team player. It's important to be a good listener, and someone who can take criticism or new ideas and implement in a way that properly represents what the team's vision or goal is. Someone who is empathetic is easier to work with, so it's important to be able to see things from someone's elses eyes so that you can both reach your intended goals.

Q: Describe a situation in which your ability to empathize with a colleague or teammate was helpful. A: I worked with an employee who took turns being 'on-call' during after hours of the business. Our rule was that we take turns each week being on call. My employee thought that it was very important that they were free from the burden of being on call when they were taking their online classes. Since this was important to them, I agreed to take after-hours calls on weeks that they were on-call, and they chose to take 2 extra days on weeks that I was on-call. This allowed both of us to work around or schedules so that each of us were able to maintain our responsibilites outside of work.

Q: When do you find it most difficult to be empathetic in professional settings? How can you improve your skills when faced with these scenarios? A: I feel it is most difficult to be empathic when someone refuses to listen in group settings. I think it's easy to write off the person completely, or not properly try to reason with a person who does not want to listen. I think that maintaining a positive attitude in those situations is important to navigating what may seem like a frustrating situation. Understanding that listening and then offering solutions in a constructive manner will help work through any issues you may have when working with someone who is not focused on being collaborative.

Day 2

Chapters 3-4

1. An ordered list will contain a number for each new line. An unordered list will create the same bullet point. A defined list will allow you to had one word, followed by a new line containing information.
2. '<a href " "' portion is used to open a link tag, then denote where the link goes, and the following tag closes the link. You enter the destination of the link inside the quotations.
3. _ blank
4. You can link to a specific portion of a page by defining the element first. From there, you create a link using the name of the element that you'd like to move to.

Chapters 10-12

1. The purpose of CSS is to add style to webpage by assigning the style through HTML elements.
2. Cascading Style Sheets. Each style cascades down, with the most recent style selected having the most precedence.
3. Every CSS rules starts with a selector, followed by a declaration.
4. You add a element called <link and include the type of file, and where the file is located.
5. It's useful to use external stylesheets if all the pages of the website should match. It may be useful to include styling of specific pages on the html document itself, but this is not considered the norm.
6. A color hex code is just the hex-code representation of the rgb values.
7. Hue, Saturation, Lightness.
8. Serif, which usually has curly brackets on each letter. Sans-serif, which does not and is considered easier to read. And Monospaced which is use for coding.
9. Px, em, percent.

Day 3

Chapter 7

1. The type attribute determines the way the webpage will load this form.
2. text

Chapters 13, 15

1. The border is the area directly around a box. The margin is the space between the content and the border. The padding is the space between the content and other elements.
2. Top Right Bottom Left
3. Block level elements usually create a line break. Inline elements do not, and can thus be placed on the same line next to each other.
4. Fixed positioning creates layout that persists regardless of the browser window size. The z-axis is important to determine which elements have precedence, or are displayed on 'top' of other elements.
5. A fixed layout displays the same way regardless of the size of the window it's being displayed on. A liquid layout changes based on the current size of the window.

Day 4

Chapter 5

1. The alt attribute is importnt to make your page more accessible for people who cannot see the image.
2. If an image is placed outside a block element, then the following element will start on a new line. If the image is placed within the block element, then it will appear in line with the element containing the image.
3. Jpeg files are smaller and easier to transfer. PNG images are easier to place within text or a colored background, as they have transparent qualities.

Chapter 16

1. CSS allows you to control the dimensions of the image by using class selectors, and then specifying the way the image will look.
2. Sprites allow you to have different states for buttons, that appear based on user actions. This can help your site feel more interactive and display different 'states' of an image based on the user's interactions.

Day 5

Chapter 2

1. The = sign is the 'assignment' operator. This is used to declare a variable so that it is saved in memory and ready to be called on by a javascript statement.
2. A number contains a numeric value capable of being operated on. A string is a set of characters that can hold numbers or alphabetic characters. A boolean is a simply a true/false comparison.
3. A variable must NOT start with a number, but only a letter, $ sign, or _ underscore. A variable must NOT contain a dash or period. However it may contain a letter, number, $ or _. A variable must NOT contain a keyword like var, do, else, else if, finally, for, function. All variable names are case sensitive. Must descrive that object that it is representing. Must use camelCase.
4. An array is useful because it allows you to store multiple data points inside one variable. You can change a value inside an array by assigning a value to an index by varName[n], where n is the value of the index starting from 0.
5. An expression is simply arithmetic between multiple number values. A statement is the entirety of a javascript line that may include an expression.
6. '+' operator combines numbers or strings. - operator subtracts numbers. and the * operator multiplies numbers.

Chapter 3

1. sayHello is considered a string. sayHello() is calling a function. You will only invoke the function by calling it with (). In this instance, we are not passing it any argument values.
2. Function parametrs are placeholder values used to definde part of a function. The argument is what is passed to the function in order to complete a set of tasks with the argument values.
3. The keyword return is used in methods or function to pass a value back to the statement that called the function.
4. A local variable only holds cpu memory when the function it is contained is being called. A global variable is held in memory whenever a webpage is being run. A global variable might be information that is called upon at ever page. Perhaps maybe a username.

Day 6

1. Missing the () will not properly call the function, so you will be unable to call the string properly.
2. Functions are defined with parameters when you create them. You send them arguments in the same field when you call them.
3. The return keyword is used when you'd like a function to return a specific value upon completion.
4. Local variables are easier to use as they do not need to have specific names as they are only relative to that function. It is important to use local variables as often as possible to save memory on the pc, which is a finite resource.

Day 7

1. Phsycology: What habits are created if they do this over and over? Good Example: I think google.com is a great example. Mainly because the site allows the user to perform one function quickly and easily. So easily, that users know to come back, and the site itself has been is used as a verb in sentences. Bad Example: Google can also create bad habits. Users are known to search for the site only to obtain information that aligns with their interest. Since google is such a strong tool, it is easy to locate information that may not always be true or valuable.

2. Usability: Are you being clear and direct, or is this a little too clever? Good Example: I think Turbotax is a good example, as it takes something like taxes which is normally confusing, and makes the site easy to use with a clean UI. Bad Example: Megaupload.com. Very hard for the users to perform simple tasks, which is something ad's prey on to get clicks.

3. Design: Does it represent the brand? Does it all feel like the same site? Good Example: Ikea's website has a great overall flow, that I think elegantly represents the experience in their store. Everything is cohesive and easy to use. Bad Example: Walmart.com has links to sellers not associated with their brand. This may seem confusing to the user.

4. Copywriting: Is it clear, direct, simple, and functional? Good Example: Google I think is the clear winner for this. Simply, easy, and efficient. Bad Example: Twitter, for all it's strength's isn't very clear in all of it's functions. The timeline is also counter intuitive and is made in a way to increase engagement, but is not simple to the user.

5. Analysis: How can we take analysis to make improvements? Good Example: I think spotify's suggestion algorithms take the crown for using analysis to increase user retention. Bad Example: Twitter/Instagram for using their algorithms to make their feed work in a way that is counterintuitive, although it is based on usage.