From 5b82fc3c245b1c27947ff48a9a4de0f8428760d7 Mon Sep 17 00:00:00 2001 From: Marc Gugliuzza Date: Thu, 9 Feb 2017 20:10:35 -0500 Subject: [PATCH 1/9] lesson 1 --- 01 - JavaScript Drum Kit/index-START.html | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html index 4070d32767..1a16d0997c 100644 --- a/01 - JavaScript Drum Kit/index-START.html +++ b/01 - JavaScript Drum Kit/index-START.html @@ -58,7 +58,24 @@

From 85abf8dd7efe33fa63ca1ec6487f82a880692001 Mon Sep 17 00:00:00 2001 From: Marc Gugliuzza Date: Thu, 9 Feb 2017 20:17:43 -0500 Subject: [PATCH 2/9] lesson 2 --- 02 - JS and CSS Clock/index-START.html | 28 +++++++++++++++++++++++++- 1 file changed, 27 insertions(+), 1 deletion(-) diff --git a/02 - JS and CSS Clock/index-START.html b/02 - JS and CSS Clock/index-START.html index ee7eaefb1f..fcfd53cc54 100644 --- a/02 - JS and CSS Clock/index-START.html +++ b/02 - JS and CSS Clock/index-START.html @@ -62,13 +62,39 @@ 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); } - + From 73e49ed935d3d140cf6e84eff046d86db7f475ee Mon Sep 17 00:00:00 2001 From: Marc Gugliuzza Date: Thu, 9 Feb 2017 20:24:15 -0500 Subject: [PATCH 3/9] lesson 3 --- 03 - CSS Variables/index-START.html | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/03 - CSS Variables/index-START.html b/03 - CSS Variables/index-START.html index 8a4f0d556e..0bfd8e23d1 100644 --- a/03 - CSS Variables/index-START.html +++ b/03 - CSS Variables/index-START.html @@ -22,6 +22,22 @@

Update CSS Variables with JS

From 727c5bd74acdb5a0296ce886e8a112be408a1338 Mon Sep 17 00:00:00 2001 From: Marc Gugliuzza Date: Thu, 9 Feb 2017 20:49:21 -0500 Subject: [PATCH 4/9] lesson 4 - array cardio --- 04 - Array Cardio Day 1/index-START.html | 28 ++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html index eec0ffc31d..bd4d1fe6d0 100644 --- a/04 - Array Cardio Day 1/index-START.html +++ b/04 - Array Cardio Day 1/index-START.html @@ -31,17 +31,30 @@ // 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 < 1600)); + + console.table(fifteen); // Array.prototype.map() // 2. Give us an array of the inventors' first and last names + const a = inventors.map(inventor => `${inventor.first} ${inventor.last}`); + console.log(a); // Array.prototype.sort() // 3. Sort the inventors by birthdate, oldest to youngest + const sorted = inventors.sort((a,b) => a.year > b.year ? 1 : -1); + console.table(sorted); // 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); + console.log(totalYears) // 5. Sort the inventors by years lived + const sorted2 = inventors.sort((a,b) => (a.passed - a.year) > (b.passed - b.year) ? 1 : -1); + console.table(sorted2); // 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name // https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris @@ -49,10 +62,25 @@ // 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; + }, {}); + + console.log(transportation); From dddeec6587a6647926b8802d8c800574a7af7b9a Mon Sep 17 00:00:00 2001 From: marc gugliuzza <> Date: Sun, 10 Dec 2017 14:57:21 -0500 Subject: [PATCH 5/9] clock fix, panels work --- 02 - JS and CSS Clock/index-START.html | 21 +++++++++++++++++++++ 05 - Flex Panel Gallery/index-START.html | 12 ++++++++++++ 2 files changed, 33 insertions(+) diff --git a/02 - JS and CSS Clock/index-START.html b/02 - JS and CSS Clock/index-START.html index fcfd53cc54..014a74ef47 100644 --- a/02 - JS and CSS Clock/index-START.html +++ b/02 - JS and CSS Clock/index-START.html @@ -68,6 +68,17 @@ transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1); } + .hand--noTransition { + width:50%; + height:6px; + background:black; + position: absolute; + top:50%; + transform-origin: 100%; + transform: rotate(90deg); + transition: none; + } + From 78794923c2991670e36eb803a3fa87e6032f05c2 Mon Sep 17 00:00:00 2001 From: marc gugliuzza Date: Sun, 10 Dec 2017 18:03:51 -0500 Subject: [PATCH 7/9] finish day 7 --- 06 - Type Ahead/index-START.html | 48 ++++++++++++++++++++++++ 07 - Array Cardio Day 2/index-START.html | 36 ++++++++++++++++++ 2 files changed, 84 insertions(+) diff --git a/06 - Type Ahead/index-START.html b/06 - Type Ahead/index-START.html index 1436886918..61e98022a0 100644 --- a/06 - Type Ahead/index-START.html +++ b/06 - Type Ahead/index-START.html @@ -17,6 +17,54 @@ diff --git a/07 - Array Cardio Day 2/index-START.html b/07 - Array Cardio Day 2/index-START.html index 969566ff78..fcb0ac66e4 100644 --- a/07 - Array Cardio Day 2/index-START.html +++ b/07 - Array Cardio Day 2/index-START.html @@ -26,15 +26,51 @@ // Some and Every Checks // Array.prototype.some() // is at least one person 19 or older? + + const isAdult = people.some(function(person) { + const currentYear = (new Date()).getFullYear(); + if (currentYear - person.year >= 19) { + return true; + } + }); + // Array.prototype.every() // is everyone 19 or older? + const allAdults = people.every(function(person) { + const currentYear = (new Date()).getFullYear(); + if (currentYear - person.year >= 19) { + return true; + } + }); + + + console.log({allAdults}); + // Array.prototype.find() + /* + const comment = comments.find(function(comment) { + if(comment.id === 823423) { + return true; + } + }); + */ + + const comment = comments.find( comment => comment.id === 823423 ); + + console.log(comment); // Find is like filter, but instead returns just the one you are looking for // find the comment with the ID of 823423 // Array.prototype.findIndex() + const index = comments.findIndex(comment => comment.id === 823423); + console.log(index); // Find the comment with this ID // delete the comment with the ID of 823423 + //comments.splice(index,1); + const newComments = [ + ...comments.slice(0, index), + ...comments.slice(index+1) + ]; From 73a28972f5cea56c5e91971b1c27ba53ab299b77 Mon Sep 17 00:00:00 2001 From: marc gugliuzza Date: Sat, 16 Dec 2017 23:17:51 -0500 Subject: [PATCH 8/9] more lessons --- 08 - Fun with HTML5 Canvas/index-START.html | 62 +++++++++++++ 09 - Dev Tools Domination/index-START.html | 2 + .../index-START.html | 32 +++++++ 11 - Custom Video Player/index.html | 1 + 11 - Custom Video Player/scripts.js | 87 +++++++++++++++++++ 5 files changed, 184 insertions(+) diff --git a/08 - Fun with HTML5 Canvas/index-START.html b/08 - Fun with HTML5 Canvas/index-START.html index 37c148df07..050f937580 100644 --- a/08 - Fun with HTML5 Canvas/index-START.html +++ b/08 - Fun with HTML5 Canvas/index-START.html @@ -7,6 +7,68 @@