added weekflow and video lectures

NoerGitKat · NoerGitKat · commit 6ef0dba0d0c3 · 2020-09-08T16:23:45.000+02:00
diff --git a/README.md b/README.md
@@ -22,15 +22,46 @@ In order to successfully complete this module you will need to master the follow
 
 ## How to use this repository
 
+### Repository content
+
 This repository consists of 3 essential parts:
 
-1. `README`: this document contains all the required theory you need to understand **before** class. It's also meant as a reference to understand what you're doing while you're coding.
-2. `MAKEME`: this document contains the instructions for each week's homework.
+1. `README`: this document contains all the required theory you need to understand **while** working on the homework. It contains not only the right resources to learn about the concepts, but also lectures done by HackYourFuture teachers. This is the **first thing** you should start with every week
+2. `MAKEME`: this document contains the instructions for each week's homework. Start with the exercises rather quickly, so that you can ground the concepts you read about earlier.
 3. `LESSONPLAN`: this document is meant for teachers as a reference. However, as a student don't be shy to take a look at it as well!
 
-**Before** the first class of the module you should start off with the [Week 1 Reading](/Week1/README.md). Study all the concepts and try to get the gist of everything. After your first class, you can get started with the [Week 1 Homework](/Week1/MAKEME.md).
+### How to study
+
+Let's say you are just starting out with the JavaScript2 module. This is what you do...
+
+1. The week always starts on **Wednesday**. First thing you'll do is open the `README.md` for that week. For the first week of `JavaScript2`, that would be [Week1 Reading](/Week1/README.md)
+2. You spend **Wednesday** and **Thursday** going over the resources and try to get a basic understanding of the concepts. In the meanwhile, you'll also implement any feedback you got on last week's homework (from the JavaScript1 module)
+3. On **Friday** you start with the homework, found in the `MAKEME.md`. For the first week of `JavaScript2`, that would be [Week1 Homework](/Week1/MAKEME.md)
+4. You spend **Friday** and **Saturday** playing around with the exercises and write down any questions you might have
+5. **DEADLINE 1**: You'll submit any questions you might have before **Saturday 23.59**, in the class channel
+6. On **Sunday** you'll attend class. It'll be of the Q&A format, meaning that there will be no new material. Instead your questions shall be discussed and you can learn from others
+7. You spend **Monday** and **Tuesday** finalizing your homework
+8. **DEADLINE 2**: You submit your homework to the right channels (GitHub) before **Tuesday 23.59**. If you can't make it on time, please communicate it with your mentor
+9. Start the new week by going back to point 1!
+
+In summary:
+
+![Weekflow](assets/weekflow.png)
+
+To have a more detailed overview of the guidelines, please read [this document](https://docs.google.com/document/d/1JUaEbxMQTyljAPFsWIbbLwwvvIXZ0VCHmCCN8RaeVIc/edit?usp=sharing) or ask your mentor/class on Slack!
+
+### Video lectures
+
+For each module HackYourFuture provides you with video lectures. These are made by experienced software developers who know what they're talking about. The main teacher for this module will be [Wilgert Velinga](https://hackyourfuture.slack.com/team/UGTGC0T41): senior frontend developer and consultant!
+
+You can find out more about him here:
+
+- [GitHub](https://github.com/wilgert)
+- [@Wilgert on Slack](https://hackyourfuture.slack.com/team/UGTGC0T41)
+
+Learn from Wilgert in the following playlist of videos he has made for you! (Click on the image to open the link)
 
-If you have any questions or if something is not entirely clear ¯\\\_(ツ)\_/¯, please ask/comment on Slack!
+<a href="https://www.youtube.com/watch?v=5qz6S5bkL14&list=PLVYDhqbgYpYU-7_oyPBkUuuis5bL1Dk8n" target="_blank"><img src="./assets/wilgert.png" width="600" height="350" alt="HYF Video" /></a>
 
 ## Planning
 
diff --git a/Week1/README.md b/Week1/README.md
@@ -13,10 +13,17 @@ These are the topics for week 1:
    - The Critical Rendering Path
    - Traversing the DOM
 3. What is DOM Manipulation?
+
    - Manipulating elements
    - Browser events
    - Event listeners and handlers
 
+## 0. Video Lectures
+
+Your teacher Wilgert has made video lectures for this week's material. You can find them here: [Videos 1 - 10](https://www.youtube.com/watch?v=5qz6S5bkL14&list=PLVYDhqbgYpYU-7_oyPBkUuuis5bL1Dk8n)
+
+<a href="https://www.youtube.com/watch?v=5qz6S5bkL14&list=PLVYDhqbgYpYU-7_oyPBkUuuis5bL1Dk8n" target="_blank"><img src="../assets/wilgert.png" width="600" height="350" alt="HYF Video" /></a>
+
 ## 1. What is a web browser?
 
 A web browser is software that allows you to access websites.
@@ -143,7 +150,7 @@ Take a look at this code:
 
 ```js
 const body = document.querySelector('body');
-body.addEventListener('click', function() {
+body.addEventListener('click', function () {
   body.style.background = 'black';
 });
 ```
diff --git a/Week2/README.md b/Week2/README.md
@@ -13,6 +13,12 @@ These are the topics for week 2:
 3. Array Functions
 4. Event Loop
 
+## 0. Video Lectures
+
+Your teacher Wilgert has made video lectures for this week's material. You can find them here: [Videos 11 - 21](https://www.youtube.com/watch?v=5qz6S5bkL14&list=PLVYDhqbgYpYU-7_oyPBkUuuis5bL1Dk8n)
+
+<a href="https://www.youtube.com/watch?v=5qz6S5bkL14&list=PLVYDhqbgYpYU-7_oyPBkUuuis5bL1Dk8n" target="_blank"><img src="../assets/wilgert.png" width="600" height="350" alt="HYF Video" /></a>
+
 ## 1. Synchronous vs. asynchronous
 
 ### Synchronous
@@ -60,7 +66,7 @@ function higherOrderFunction(anotherFunction) {
 
 // Example 2
 function anotherHigherOrderFunction() {
-  return function() {
+  return function () {
     return;
   };
 }
diff --git a/Week3/README.md b/Week3/README.md
@@ -14,6 +14,12 @@ These are the topics for week 3:
    - Why do we need closures?
 4. Thinking like a programmer II
 
+## 0. Video Lectures
+
+Your teacher Wilgert has made video lectures for this week's material. You can find them here: [Videos 22 - 30](https://www.youtube.com/watch?v=5qz6S5bkL14&list=PLVYDhqbgYpYU-7_oyPBkUuuis5bL1Dk8n)
+
+<a href="https://www.youtube.com/watch?v=5qz6S5bkL14&list=PLVYDhqbgYpYU-7_oyPBkUuuis5bL1Dk8n" target="_blank"><img src="../assets/wilgert.png" width="600" height="350" alt="HYF Video" /></a>
+
 ## 1. Scope
 
 One of the central concepts in programming is the idea of `context`: the meaning of any particular thing is only determined in relation to its direct surroundings. Let's take language for example. If I say the following sentence:
diff --git a/assets/weekflow.png b/assets/weekflow.png
diff --git a/assets/wilgert.png b/assets/wilgert.png
