Tuesday March 1
Daily JS
Maths & Equality
var x = 2;
var y = 3;
var z = 4;
var a = '2';
var b = 'two';
console.log(x == x);
console.log(x == y);
console.log(x == a);
console.log(a == b);
console.log(x === y);
console.log(x === a);
console.log(x !== a);
console.log(x !== z);
// 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
/* Results (Printed statements from console.logs) */
// true
// false
// true
// false
// false
// false
// true
// true
Topics
- CSS Waterfall
- Inherit
- px, rem, and em Units
- Chrome Dev Tools for CSS & HTML
- CSS Box Model & Boreder Box
Inspiration
Buzzfeed Top Nine List
Exercise & Lesson Code
Lab
Video
- Rethinking Base Styles
- REM
- Base Font Sizes
- When to use
margin
- Reseting
ul
- Don't break the defaults
- Viewport Units
Homework
https://github.com/TIY-TN-FEE-2016-spring/assignments/tree/master/02-box-model