+
+
A
- clap
+ clap
-
+
S
- hihat
+ hihat
-
+
D
- kick
+ kick
-
+
F
- openhat
+ openhat
-
+
G
- boom
+ boom
-
+
H
- ride
+ ride
-
+
J
- snare
+ snare
-
+ 
+
diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html
index 6e28e357d0..a8b186bc44 100644
--- a/04 - Array Cardio Day 1/index-START.html
+++ b/04 - Array Cardio Day 1/index-START.html
@@ -27,28 +27,75 @@
// Array.prototype.filter()
// 1. Filter the list of inventors for those who were born in the 1500's
+ const fifteen = inventors.filter(inventor => inventor.year >= 1500 && inventor.year <= 1599);
+ console.table(fifteen);
// Array.prototype.map()
// 2. Give us an array of the inventory 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 ordered = inventors.sort(function(firstPerson, secondPerson) {
+ // if(firstPerson.year > secondPerson.year) {
+ // return 1;
+ // } else {
+ // return -1;
+ // }
+ // });
+ // OR:
+
+ const ordered = inventors.sort((a, b) => a.year > b.year ? 1 : -1);
+
+ console.table(ordered);
// Array.prototype.reduce()
// 4. How many years did all the inventors live?
+ const totalYears = inventors.reduce((total, inventor) => {
+ return total + (inventor.passed - inventor.year);
+ }, 0);
// 5. Sort the inventors by years lived
+ const oldest = inventors.sort(function(a, b) {
+ const lastGuy = a.passed - a.year;
+ const nextGuy = b.passed - b.year;
+ return lastGuy > nextGuy ? -1 : 1;
+ })
+ console.table(oldest);
// 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name
// https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris
+ // inspect whatever contains
+ // const category = document.querySelector('.mw-category');
+ // const links = Arry.from(category.querySelectorAll('a'));
+
+
+ // const de = links
+ // .map(link => link.textContent);
+ // .filter(streetName => streetName.includes('de'));
+
// 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 transportation = data.reduce(function(obj, item){
+ if (!obj[item]) {
+ obj[item] = 0;
+ }
+ obj[item]++;
+ return obj;
+ }, {});
K
- tom
+ tom
-
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
diff --git a/02 - JS + CSS Clock/index-START.html b/02 - JS + CSS Clock/index-START.html
index 2712384201..74c0537e86 100644
--- a/02 - JS + CSS Clock/index-START.html
+++ b/02 - JS + CSS Clock/index-START.html
@@ -61,12 +61,35 @@
background:black;
position: absolute;
top:50%;
+ transform-origin: 100%;
+ transform: rotate(90deg);
+ transition: all 0.05s;
+ transition-timing-function: cubic-bezier(0, 2.83, 0.47, 0.6);
}
diff --git a/03 - CSS Variables/index-START.html b/03 - CSS Variables/index-START.html
index bf0f33e3ba..9401d7b339 100644
--- a/03 - CSS Variables/index-START.html
+++ b/03 - CSS Variables/index-START.html
@@ -21,6 +21,21 @@
L
- tink
+ tink
Update CSS Variables with JS
+
diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html
index 6e28e357d0..a8b186bc44 100644
--- a/04 - Array Cardio Day 1/index-START.html
+++ b/04 - Array Cardio Day 1/index-START.html
@@ -27,28 +27,75 @@
// Array.prototype.filter()
// 1. Filter the list of inventors for those who were born in the 1500's
+ const fifteen = inventors.filter(inventor => inventor.year >= 1500 && inventor.year <= 1599);
+ console.table(fifteen);
// Array.prototype.map()
// 2. Give us an array of the inventory 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 ordered = inventors.sort(function(firstPerson, secondPerson) {
+ // if(firstPerson.year > secondPerson.year) {
+ // return 1;
+ // } else {
+ // return -1;
+ // }
+ // });
+ // OR:
+
+ const ordered = inventors.sort((a, b) => a.year > b.year ? 1 : -1);
+
+ console.table(ordered);
// Array.prototype.reduce()
// 4. How many years did all the inventors live?
+ const totalYears = inventors.reduce((total, inventor) => {
+ return total + (inventor.passed - inventor.year);
+ }, 0);
// 5. Sort the inventors by years lived
+ const oldest = inventors.sort(function(a, b) {
+ const lastGuy = a.passed - a.year;
+ const nextGuy = b.passed - b.year;
+ return lastGuy > nextGuy ? -1 : 1;
+ })
+ console.table(oldest);
// 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name
// https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris
+ // inspect whatever contains
+ // const category = document.querySelector('.mw-category');
+ // const links = Arry.from(category.querySelectorAll('a'));
+
+
+ // const de = links
+ // .map(link => link.textContent);
+ // .filter(streetName => streetName.includes('de'));
+
// 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 transportation = data.reduce(function(obj, item){
+ if (!obj[item]) {
+ obj[item] = 0;
+ }
+ obj[item]++;
+ return obj;
+ }, {});