+
+
+
+
+
+
+
+
diff --git a/03 - CSS Variables/index-START.html b/03 - CSS Variables/index-START.html
index ca2b59d077..39bfb33c79 100644
--- a/03 - CSS Variables/index-START.html
+++ b/03 - CSS Variables/index-START.html
@@ -1,54 +1,54 @@
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/04 - Array Cardio Day 1/donebyme.html b/04 - Array Cardio Day 1/donebyme.html
new file mode 100644
index 0000000000..34351c554f
--- /dev/null
+++ b/04 - Array Cardio Day 1/donebyme.html
@@ -0,0 +1,89 @@
+
+
+
+
+ Psst: have a look at the JavaScript Console 💁
+ + + diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html index eec0ffc31d..a6c0a224d3 100644 --- a/04 - Array Cardio Day 1/index-START.html +++ b/04 - Array Cardio Day 1/index-START.html @@ -11,7 +11,7 @@ // ## Array Cardio Day 1 // Some data we can work with - + /* jshint esversion: 6 */ const inventors = [ { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 }, { first: 'Isaac', last: 'Newton', year: 1643, passed: 1727 }, @@ -31,22 +31,35 @@ // Array.prototype.filter() // 1. Filter the list of inventors for those who were born in the 1500's - + const inventors_1500 = inventors.filter(inventor => { + return (inventor.year >= 1500 && inventor.year < 1600); + }); + console.table(inventors_1500); // Array.prototype.map() // 2. Give us an array of the inventors' first and last names - + const inventors_first_last = inventors.map(inventor => { + return `${inventor.first}, ${inventor.last}`; + }); + console.log(inventors_first_last); // Array.prototype.sort() // 3. Sort the inventors by birthdate, oldest to youngest - + const inventors_byrthday = inventors.sort((a,b) => a.year > b.year ? 1 : -1); + console.table(inventors_byrthday); // Array.prototype.reduce() // 4. How many years did all the inventors live? - + const inventors_years_lived = inventors.reduce((total, inventor) =>{ + return total + (inventor.passed - inventor.year); + }, 0); + console.log(inventors_years_lived); // 5. Sort the inventors by years lived - + const inventors_by_years = inventors.sort((a,b) => (a.passed-a.year) > (b.passed-b.year) ? 1 : -1); + console.log(inventors_by_years); // 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name // https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris - - + // const mw_category = document.querySelector('.mw-category'); + // const bule = Array.from(mw_category.querySelectorAll('a')); + // const de_bule = bule.map(b => b.textContent).filter( b => b.includes('de')); + // -------------------------------- // 7. sort Exercise // Sort the people alphabetically by last name diff --git a/05 - Flex Panel Gallery/donebyme.html b/05 - Flex Panel Gallery/donebyme.html new file mode 100644 index 0000000000..15257137e4 --- /dev/null +++ b/05 - Flex Panel Gallery/donebyme.html @@ -0,0 +1,149 @@ + + + + +Hey
+Let's
+Dance
+Give
+Take
+Receive
+Experience
+It
+Today
+Give
+All
+You can
+Life
+In
+Motion
+Psst: have a look at the JavaScript Console 💁
+ + + diff --git a/08 - Fun with HTML5 Canvas/donebyme.html b/08 - Fun with HTML5 Canvas/donebyme.html new file mode 100644 index 0000000000..4fd41c7d59 --- /dev/null +++ b/08 - Fun with HTML5 Canvas/donebyme.html @@ -0,0 +1,53 @@ + + + + +This is an inbox layout.
+Check one item
+Hold down your Shift key
+Check a lower item
+Everything inbetween should also be set to checked
+Try do it with out any libraries
+Just regular JavaScript
+Good Luck!
+Don't forget to tweet your result!
+