Monday March 7

Daily JS

Arrays and Objects (all ES6 like)

var x = [1, 2, 3];
var y = [1, 2, 3];
var z = [x, y];
var a = {
  'favorite-numbers': x,
  firstName: 'Ryan'
};
var b = {x, y};
var c = {x, y};
var d = c;

console.log(x === y); // false
console.log(x == y); // false
console.log(x[0]); // 1
console.log(y[0] === x[0]); // true
console.log(z[0] === x); // true
console.log(a.firstName); // "Ryan"
console.log(a['favorite-numbers']); // [1, 2, 3]
console.log(b === c); // false
console.log(c === d); // true

Interruptions

• Lunch 12:30-1:30

Standups

• What is going well?
• What is not going well (what are you struggling with)?
• What's something you'd like to share not about code?
• What's something you've learned

Common Struggles

• Git Commands
• When to flexbox vs when to use position
• Position Relative
• Backlog vs Sleep
• Ask Questions Early and Often!
• Containers
• Shifting items around
• Too much too fast (focus on one thing at a time)

Topics

• Build Tools
  • What are they?
  • Why do we use them?
  • What are we using?
    • Why that one?
• Preprocessors
  • What are they?
  • Why do we use them?
  • What are we using?
    • Why that one?
• Scaffold
  • npm install -g yo generator-sass-broccoli
  • yo sass-broccoli
• SASS Lint
  • apm install linter-sass-lint
• SASS Variables
• Organizing Code
• SASS Imports
• SASS Nesting

Inspiration

Twitter Dashboard

Exercise & Lesson Code

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

Lab

Homework

https://github.com/TIY-TN-FEE-2016-spring/assignments/tree/master/05-form-modal