kccrs

caseycross:~/documents/turing/mod4-lessons/sql_deep_dive$ psql imdb < imdb.pgsqlSET
SET
SET
SET
SET
SET
CREATE EXTENSION
COMMENT
SET
SET

kccrs

SQLite version 3.14.0 2016-07-26 15:17:14
Enter ".help" for usage hints.
sqlite> CREATE TABLE fruits(id INTEGER PRIMARY KEY AUTOINCREMENT, name VARCHAR(31), quantity INT);
sqlite> INSERT INTO fruits(name, quantity) VALUES ('apples', 6);
sqlite> INSERT INTO fruits(name, quantity) VALUES ('oranges', 12);
sqlite> INSERT INTO fruits(name, quantity) VALUES ('bananas', 18);
sqlite> SELECT * FROM fruits;
1|apples|6
2|oranges|12
3|bananas|18

kccrs

My Three Accessibility Commitments

1. Identify color contrast issues and use accessible contrast for color blindness.
2. Use semantic html tags.
3. Use ARIA roles.

kccrs

Test Driven Development with WebDriver.io

##Learning goals

• Understand the benefits of testing
• Utilize WebDriver.io to test changes on the dom
• Utilize Mocha's assertion library to write effective tests.
• Understand Red, Green, Refactor

##So Why testing?

kccrs

Step One: Watch Mary Rose Cook Live Codes Space Invaders from Front-Trends. (The second worst conference name ever?)

Step Two: Fork this gist.

Step Three: Respond to this question in your fork: What is one approach you can take from this Mary's code and implement in your project?

Step Four: Totally Optional: take a look at some of the other forks and comment if the spirit moves you.

kccrs

// {} object literal
// "" string literal
// 23 number literal
// [] array literal

function makeBurger(pattyType) {
  return {
    pattyType: pattyType,
    toppings: [],
    addTopping: function (topping) {

kccrs

Challenge 1

I set all divs to float left and inline-block then assigned absolute positioning to divs 2 and 3 and added a right offset of 105px and 0px respectively.

Challenge 1

Challenge 2

I removed all positioning from the div elements to reset to the default block styling. Then I set div2 to have margin: auto and set div3 to absolute positioning with a right offset value of 0. (We also discovered that you could set margin-right, margin, and margin-left on the 3 divs respectively to auto and it would also work).