jpweist

IndianRed	CD5C5C	205,92,92
LightCoral	F08080	240,128,128
Salmon	FA8072	250,128,114
DarkSalmon	E9967A	233,150,122
LightSalmon	FFA07A	255,160,122
Crimson	DC143C	220,20,60
Red	FF0000	255,0,0
FireBrick	B22222	178,34,34
DarkRed	8B0000	139,0,0
Pinks

jpweist

CSS Grid Challenges

Work to recreate each comp using CSS Grid. There are multiple pathways to a solution for each comp!

Level 1:

Level 2:

jpweist

Checklist/Rubric

Part I: Creating Directories and Files; Initializing Git and Pushing to GitHub

• I named my directories correctly.
• I named my files correctly.
• I structured my files and directories correctly.
• I made only one initial commit.
• I pushed my initial commit to GitHub.

jpweist

Object: Pink Nalgene

Attributes:
Color: "Pink"
LidType: "Twist top"
Diswasher_safe: (true)
purchased_at: ("REI")
current_percent_full: (100%)

total_volume: (30.0)

jpweist

Object: Pink Nalgene

Attributes:
Color: "Pink"
LidType: "Twist top"
...


Methods:
CalculatePercentFull: 800 / 1000 = .8

jpweist

Make campfire steps:
1. gather materals for campfire (materals: wood, kindling, lighter, paper)
  1.1 walk around find kindling, wood 
  1.2 walk find spot for fire (look for fire pit)
    1.3 check location to see if fire legal and stable. if not no fire 
2. if ok proceed
  2.1 build pyrimid structure in fire pit.
    2.2 make sure that air can reach fire.
      2.3 confirm area dry and materals dry.
3. Carefully light kinding or paper.

jpweist

There is a great series of UI/UX posts called UX Crash Course: 31 Fundamentals. 
Read the first three, short posts: 

What is UX?, User Goals & Business Goals, and The 5 Main Ingredients of UX.
Answer: UX design is is good design that enables the user to complete the task. 
Without much effert to how to do it.
Answer: User Goals & Bursiness Goals must be aligned for success. 
Answer: the 5 main ingredients of ux:
Psychology, Usability, Design, Copywriting, Analysis.

jpweist

Reflect
After reading the articles above, create a gist on Github and reflect (4-6 sentences) on the following prompts.

What role does empathy play in your life and how has it helped you?
- I can be a bit of an empath. At times I can feel other emotions and give me inpressions of them. At times it is overwhelming and I have to block.  
How does empathy help you build better software?
-Well one could see that you might have a different idea how or what the main point of the software would be. Where if you can empathize with the user you might have a different impression of what their best use of the software would be. 
Why is empathy important for working on a team?
- because people would be able to work together more easily creating synergy. 
Describe a situation in which your ability to empathize with a colleague or teammate was helpful.

jpweist

Day 1

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

• it describes the structure of the pages - What is the difference between an element and a tag?
• the same, used interchangeably - Why do we use attributes in HTML elements?
• attributes tell us more about elements - Describe the purpose of the head, title, and body HTML elements.
• head: contains info about the page rather than the info shown in the page
• title: contains the shown at the top of the browser page above the url

jpweist

Session 4 Practice Tasks

The assignments listed here should take you between 1.5 and 2 total hours.

To start this assignment:

1. Click the button in the upper right-hand corner that says Fork. This is now your copy of the document.
2. Click the Edit button when you're ready to start adding your answers.
3. To save your work, click the green button in the bottom right-hand corner. You can always come back and re-edit your gist.