Wednesday September 28
Standups
- What's going well?
- What needs work?
- Share from the Field
- What have you learned?
- Tips if you have them
Common Wins
- Not being completely overwhelmed
- Less nervous about code
- Getting used to class
- Taking time to enjoy
- Group collaboration
- Pretty fun x3
- Not bored
Common Struggles
- Following directions and not skipping
- Understanding how to group HTML
- Want to feel confident on own
- Fixing other code is hard
- Typing and shortcuts
- Understanding terms
- Applying to HW
- More practice
- Workflow
Tips
- Look at code you're writing now and how it could change old stuff too!
- Take advantage of code from before!
- Ask questions early and often
- Review past code
- Start small
Topics
- Breaking Down a Layout
- Marker Analogy (what's the easiest way to move the text that says "Expo on the whiteboard?")
- Post-It Note
- Jamaican-ized Approach
- Double Container Pattern Notes inbound
- Special Margins Notes inbound
- Reusable Elements
- CSS Positioning
- CSS Transform
- CSS Backgrounds
- CSS Pseudo Selectors maybe
Inspiration
Netflix Profile
Exercise & Lesson Code
https://github.com/TIY-TN-FEE-2016-fall/lesson-01-03
Lab
Video
- Component Independence & Layout Strategies
- Double Container
- Negative Margin
calc
- Outside In Layouts
- Jamaican-ized Pattern
- Don't use
height
? - Components vs Layout
- Lobotomized Owl
* + *
Homework
Other Resources
- (Box Model Playground)[http://codepen.io/anon/pen/dMOwmR?editors=0100]
- (CSS
attr
function)[https://online.theironyard.com/paths/579/units/3469/lessons/13956]