A @@ -58,7 +56,26 @@

diff --git a/02 - JS + CSS Clock/index-START.html b/02 - JS + CSS Clock/index-START.html index 2712384201..6100934f00 100644 --- a/02 - JS + CSS Clock/index-START.html +++ b/02 - JS + CSS Clock/index-START.html @@ -61,12 +61,38 @@ background:black; position: absolute; top:50%; + transform-origin: 100%; + transform: rotate(90deg); + transition: all 0.05s; + transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1); } diff --git a/03 - CSS Variables/index-START.html b/03 - CSS Variables/index-START.html index ca2b59d077..88321ce192 100644 --- a/03 - CSS Variables/index-START.html +++ b/03 - CSS Variables/index-START.html @@ -21,7 +21,22 @@

Update CSS Variables with JS

- + \ No newline at end of file diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html index eec0ffc31d..1bee5a8093 100644 --- a/04 - Array Cardio Day 1/index-START.html +++ b/04 - Array Cardio Day 1/index-START.html @@ -31,28 +31,58 @@ // Array.prototype.filter() // 1. Filter the list of inventors for those who were born in the 1500's + const bornInTheFifteens = inventors.filter(inventor => inventor.year >= 1500 && inventor.year < 1600); + console.table(bornInTheFifteens); // Array.prototype.map() // 2. Give us an array of the inventors' first and last names + const fullNames = inventors.map(inventor => `${inventor.first} ${inventor.last}`); + console.log(fullNames); + // Array.prototype.sort() // 3. Sort the inventors by birthdate, oldest to youngest + const sortedByBirthdates = inventors.sort((a, b) => a.year > b.year ? 1 : -1); + console.table(sortedByBirthdates) // Array.prototype.reduce() // 4. How many years did all the inventors live? + const yearsLivedInTotal = inventors.reduce((totalYears, inventor) => totalYears + inventor.passed - inventor.year, 0); + console.log(`All of the inventors lived a total number of years of ${yearsLivedInTotal}`); // 5. Sort the inventors by years lived + const sortedByYearsLived = inventors.sort((a, b) => { + const yearLivedA = a.passed - a.year; + const yearLivedB = b.passed - b.year; + + return yearLivedA > yearLivedB ? -1 : 1; + }); + console.table(sortedByYearsLived) // 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name // https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris // 7. sort Exercise - // Sort the people alphabetically by last name + const alpha = people.sort((lastOne, nextOne) => { + const [aLast, aFirst] = lastOne.split(', '); + const [bLast, bFirst] = nextOne.split(', '); + return aLast > bLast ? 1 : -1; + }); + console.log(alpha); // 8. Reduce Exercise // Sum up the instances of each of these const data = ['car', 'car', 'truck', 'truck', 'bike', 'walk', 'car', 'van', 'bike', 'walk', 'car', 'van', 'car', 'truck' ]; + const transportations = data.reduce((occurences, transportation) => { + if (!occurences[transportation]) { + return Object.assign({}, occurences, { [transportation]: 1 }); + } else { + const currentOccurence = occurences[transportation]; + return Object.assign({}, occurences, { [transportation]: currentOccurence + 1 }); + } + }, {}); + console.log(transportations);