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

• Git Basics

• CSS Position

• 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

Resources