Wednesday March 2
Daily JS
String Concatenation & ES6 Strings
var x = 2;
var y = 3;
var z = 'hello';
var a = 'world';
var b = '2';
var c = `${a} foo ${b}`;
var d = `foo`;
var e = `${x} + ${y} = ${x + y}`;
var f = x + ' + ' + y + ' = ' + (x + y);
console.log(x + y); // 5
console.log(z + a); // "helloworld"
console.log(z + ' ' + a); // "hello world"
console.log(c); // "world foo 2"
console.log(d); // "foo"
console.log(e); // "2 + 3 = 5"
console.log(x + z); // "2hello"
console.log(x + b); // "22"
console.log(x + Math.parseInt(b)); // 4
Topics
- House Keeping
- New Wifi
- Do Not Disturb Mode
- Seat Switching
- Power
- Questions
- Breaks
- Standups
- Going Well
- Needs Work
- Share from the Field
- Learned
I was lying about shift-switching. I like doing it, I like saying it - shift-switching. And I only lied because we were trying to destroy your morale.
- Homework Todo List
- CSS Transform
- Layout Types (Fluid vs Fixed)
- Breaking Down a Layout
- Marker Analogy
- Post-It Note
- Jamaican-ized Approach
- Reusable Elements
Inspiration
Netflix Profile
Exercise & Lesson Code
https://github.com/TIY-TN-FEE-2016-spring/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
https://github.com/TIY-TN-FEE-2016-spring/assignments/tree/master/03-position-layout