Tuesday June 14

Daily JS Take 1

Variable assignment and primitive data types

var x = 1;
var y = 'abc';
var z = true;
var a = x;
x = 2;

console.log(x); // 2
console.log(y); // "abc"
console.log(z); // true
console.log(a); // 1

Topics

• CSS Syntax
• Basic CSS Selectors
• Basic CSS Properties
• CSS Waterfall
• Inherit
• px, rem, and em Units
• Chrome Dev Tools for CSS & HTML
• CSS Box Model & Boreder Box

• CSS Display
• CSS Floats
• Double Container

Inspiration

Let's Build Our First Grid

Exercise & Lesson Code

• https://github.com/TIY-TN-FEE-2016-summer/lesson-01-02

Lab

• Simple Float Grids
• Media Object

Video

• Rethinking Base Styles
  • REM
  • Base Font Sizes
  • When to use margin
  • Reseting ul
  • Don't break the defaults
  • Viewport Units

Homework

Resources

• Console Review
• Learn Layout
• Writing Better HTML & CSS