remove unnecessary coursework; add flipped classroom materials

Author: gregdyke

docs/js-core-1/week-4/homework.md

@@ -4,6 +4,70 @@ title: Coursework
 sidebar_label: Coursework
 ---
 
+## 0) Flipped Classroom Practice (3h)
+
+The video playlist contains some "content" videos and one "practice" video for each content video.
+
+0.1 What does the following code do?
+
+Can you refactor it so that:
+
+- the variables have more understandable names
+- the if statements are rewritten into a function with an understandable name
+- the whole loop is extracted into a reusable function with an understandable name (test the function by calling it with the values `[3, 12, 6, 11, 2]` and also logging the output)
+
+```js
+const c = [13, 4, 10, 7, 1];
+const t = [3, 12, 6, 11, 2];
+const n = [];
+for (const k of c) {
+  let v = k;
+  if (k === 13) {
+    v = "K";
+  } else if (k === 12) {
+    v = "Q";
+  } else if (k === 11) {
+    v = "J";
+  } else if (k === 1) {
+    v = "A";
+  } else {
+    v = k;
+  }
+  n.push(v);
+}
+
+console.log("Your cards are named", n);
+```
+
+1.1 Refactor this code to use the `.filter()` array method
+
+```js
+const yourCards = [13, 4, 10, 7, 1];
+const theirCards = [3, 12, 6, 11, 2];
+
+function getNumberCards(cards) {
+  const numberCards = [];
+  for (const card of cards) {
+    if (card > 1 && card < 11) {
+      numberCards.push(card);
+    }
+  }
+  return numberCards;
+}
+
+console.log("Your number cards are", getNumberCards(yourCards));
+console.log("Their number cards are", getNumberCards(theirCards));
+```
+
+2.1 Refactor the code from 0.1 above even further to use the `.map()` array method.
+
+3.1 Using `.filter()` and `.map()`, can you write a program that starts with the same `yourCards` and `theirCards` arrays as above and prints out to the console:
+
+```
+Your suit cards are [ 'K', 'A' ]
+Their suit cards are [ 'Q', 'J' ]
+```
+
 ## 1) Review Solutions for Last Weeks Coursework (30 minutes)
 
 You should do this every week from now on. We will stop reminding you soon.
@@ -15,70 +79,30 @@ Once you have access to the solutions repo, review your work compared to the exa
 
 Write down your target areas and take them to your buddy group. What does your mentor think? Do they agree with your assessment?
 
-## 2) FreeCodeCamp (4 hours)
-
-You should complete all of these FreeCodeCamp exercises - https://www.freecodecamp.org/learn
-
-- Introduction to the Basic Data Structure Challenges
-- Use an Array to Store a Collection of Data
-- Access an Array's Contents Using Bracket Notation
-- Add Items to an Array with push() and unshift()
-- Remove Items from an Array with pop() and shift()
-- Remove Items Using splice()
-- Add Items Using splice()
-- Copy Array Items Using slice()
-- Copy an Array with the Spread Operator
-- Combine Arrays with the Spread Operator
-- Check For The Presence of an Element With indexOf()
-- Iterate Through All an Array's Items Using For Loops
-- Create complex multi-dimensional arrays
-- Add Key-Value Pairs to JavaScript Objects
-- Modify an Object Nested Within an Object
-- Access Property Names with Bracket Notation
-- Use the delete Keyword to Remove Object Properties
-- Check if an Object has a Property
-- Iterate Through the Keys of an Object with a for...in Statement
-- Generate an Array of All Object Keys with Object.keys()
-- Modify an Array Stored in an Object
-
-## 3) JavaScript Exercises (3 hours)
-
-Here are a set of exercise that will help you to solidify your knowledge of JavaScript.
-
-For this step, open the "Exercises" folder and complete all of the challenges.
-
-https://github.com/CodeYourFuture/JavaScript-Core-1-Coursework-Week4
-
-Before you start, **make sure you fork the repository** to your Github account.
+## 2) JavaScript Challenges (10 hours)
 
-## 4) JavaScript Challenges (10 hours)
-
-Next, in the same repository complete all of the exercises in the "Mandatory" folder.
+In the repository for week 4, complete all of the exercises in the "Mandatory" folder.
 
 https://github.com/CodeYourFuture/JavaScript-Core-1-Coursework-Week4
 
-## 5) Module Project
-
-Complete the [module project](../module-project/).
-
-## 6) Codewars (1 hour)
+## 3) Codewars (1 hour)
 
 https://docs.codeyourfuture.io/course-processes/running-the-course/codewars
 
 Every week you need to complete at least three kata. Spend at least 20 minutes, three times a week, on your kata workout.
 
 This week, try pairing on a kata with a colleague. We will do more pairing in the next module.
 
-## 8) (Stretch) Extra JavaScript Challenges
+## 4) (Stretch) Extra JavaScript Challenges
 
 Have some extra time before our next class? Fill it with these harder challenges to help you stretch your abilities!
 
 **Alert:** Some of these challenges might include concepts that we haven't taught you yet. You should us Google to try to learn how to solve them.
 
-https://github.com/CodeYourFuture/JavaScript-Core-1-Coursework-Week3
+https://github.com/CodeYourFuture/JavaScript-Core-1-Coursework-Week4
 
-## 9) Writing a meeting request email (PD - 30 min)
+## 5) Writing a meeting request email (PD - 30 min)
 
 In the following scenario imagine you are a recruit for a company and your team leader asks you to write an email requesting a meeting with the Head of Customer Services (HCS). Remember to include the subject line and use appropriate formatting.
 
-"HCS has complained about the customer services application to the software team leader. He has found some frustrating problems with the user interface. The team leader told you to go and see the HCS, find out what is wrong and then come back with improvements. The HCS is very busy. You should email requesting a meeting and outline clearly what you need the meeting for."
+"HCS has complained about the customer services application to the software team leader. He has found some frustrating problems with the user interface. The team leader told you to go and see the HCS, find out what is wrong and then come back with improvements. The HCS is very busy. You should email requesting a meeting and outline clearly what you need the meeting for."

docs/js-core-1/week-4/mentors.md

@@ -8,6 +8,10 @@ Want to make a change to this week but don't have the time? Click [here](https:/
 
 Want to report a bug in this week? Click [here](https://github.com/CodeYourFuture/syllabus/issues/new?assignees=&labels=bug&template=bug-report.md&title=)
 
+## Coursework
+
+As an alternative to week 4 coursework, some consolidation on week 3 using array methods could be done.
+
 ## Questions and Help
 
 We highly recommend joining the relevant Slack Channel for this module. In this channel you can ask questions, get advice from previous teachers and discuss lesson content.
@@ -16,6 +20,52 @@ We highly recommend joining the relevant Slack Channel for this module. In this
 
 For general Syllabus feedback and help you can post in [cyf-syllabus](https://codeyourfuture.slack.com/archives/C012UUW69S8)
 
+## Flipped classroom recap/Q&A
+
+The flipped classroom practice should have trainees
+
+- Refactor code to pull out meaningfully named functions to represent business logic (e.g. `isShortName` instead of `name.length<7`)
+- Refactor code to use array methods as appropriate instead of `for ... of`
+  - `.map()`
+  - `.filter()`
+- As bonus, some minimal explanation of named functions, anonymous functions and arrow functions is given -> not all trainees need to understand it at this stage. They should return to the video when they are ready for it/feel the need for it.
+- Note that the following are _not_ currently covered
+  - `.forEach()` does not tend to have much value over for ... of, so is not covered
+  - `.reduce()` trainees find a lot of code with reduce on the web and typically cannot adequately explain it
+- Not covered but trainees can look up in syllabus or MDN
+  - `.includes()`
+  - `.sort()`
+  - other array methods
+
+Some questions/prompts that may be useful
+
+- What does this program do? (show programs of varying degrees of complexity using `.map()` and `.filter()`)
+- When do we use `.map()`?
+- When do we use `.filter()`?
+- What is the difference between `arr.filter(isBig)` and `arr.filter(isBig())`?
+- What is the difference between `.map()` and `.filter()`
+  - in terms of the result that is output?
+  - in terms of the function that must be passed
+- What are some reasons for refactoring expressions into functions that evaluate to the same thing? e.g.
+
+```js
+if (cards.length > 7) {
+  console.log("you have too many cards in your hand");
+}
+```
+
+vs
+
+```js
+shouldDiscard(cards) {
+  return cards.length > 7;
+}
+
+if (shouldDiscard(cards)) {
+  console.log("you have too many cards in your hand");
+}
+```
+
 ## Presentations (Out of date, for reference only)
 
 - [Week 3 - JS Core 1 [Google Slides] - 01/05/2020](https://drive.google.com/open?id=1q98KUoX5QQoFEDUl52hLxOnWkoCi2vGrehHjBBEnfdI)