Thursday June 16

Daily JS

Maths & Equality

var x = 2;
var y = 3;
var z = 4;
var a = '2';
var b = 'two';


console.log(x == x); // true
console.log(x == y); // false
console.log(x == a); // true
console.log(a == b); // false

// MOAR EQUALS
console.log(x === y); // false
console.log(x === a); // false

// Not Equals
console.log(x != a); // false
// MOAR NOT EQUALS
console.log(x !== a); // true
console.log(x !== z); // true

// When you see console.assert fill in the _ to make the statement true
console.assert(x - y === -1);
console.assert(x + y === 5);
console.assert(z / x === 2);
console.assert(x * y === 6);
console.assert(x % y === 2); // Remainder of division

Topics

vh and vw Units
Flex Box
- Flex Parent vs Flex Children display: flex
- flex-direction (Parent)
  - Primary Axis
- flex-basis, flex-grow, flex-shrink (Child)
- flex-wrap (Parent)
Moving Flexbox Content
- justify-content vs align-items (Parent)
- align-content (Parent)
- align-self (Child)
Flexbox Patterns
- Sticky Footer
Breaking Down a Layout
Layout Techniques