start of content rewrite

Noer Paanakker · Noer Paanakker · commit 211be9d8fed5 · 2019-06-18T15:16:12.000+02:00
diff --git a/README.md b/README.md
@@ -1,22 +1,35 @@
+> If you are following the HackYourFuture curriculum we recommend you to start with module 1: [HTML/CSS/GIT](https://github.com/HackYourFuture/HTML-CSS). To get a complete overview of the HackYourFuture curriculum first, click [here](https://github.com/HackYourFuture/curriculum).
+
 > Please help us improve and share your feedback! If you find better tutorials
-or links, please share them by [opening a pull request](https://github.com/HackYourFuture/JavaScript1/pulls).
+> or links, please share them by [opening a pull request](https://github.com/HackYourFuture/JavaScript1/pulls).
+
+# Module #2 - JavaScript 1: Programming Basics (Frontend)
+
+![JavaScript1](./assets/javascript1.png)
+
+In this module you'll make a start into wonderful world of programming. We will be using the programming language `JavaScript` to do this. We will look at information in a different way: as
 
-# HackYourFuture - JavaScript 1
+Mostly what you'll be learning is 2 things:
+
+- The skill of problem solving.
+- The skill of thinking algorithmically
+
+You will learn to understand problems terms of an algorithm: a series of steps that can be used to do a certain thing, even if the details are different each time.
 
 Here you can find course content and homework for the JavaScript 1 module
 
-|Week|Topic|Read|Homework|
-|----|-----|----|--------|
-|1.|Git Session|[Reading Week 1](/Week1/README.md) | [Homework Week 1](/Week1/MAKEME.md)|
-|2.|• Intro JavaScript (What is it, where can you use it for)<br>• [Variables (var, let, const)](../../../fundamentals/blob/master/fundamentals/variables.md)<br>• [Basic Data types (Strings, Numbers, Arrays, Booleans)](../../../fundamentals/blob/master/fundamentals/values.md)<br>• [Operators](../../../fundamentals/blob/master/fundamentals/operators.md)<br>• [Special characters and their names](../../../fundamentals/blob/master/fundamentals/names_of_special_characters.md)<br>• [Naming conventions](../../../fundamentals/blob/master/fundamentals/naming_conventions.md)|[Reading Week 2](/Week2/README.md)|[Homework Week 2](/Week2/MAKEME.md)|
-|3.|• Git work flow :smiling_imp:<br>• [Advanced data types (objects)](../../../fundamentals/blob/master/fundamentals/objects.md) <br>• [Conditional execution](../../../fundamentals/blob/master/fundamentals/conditional_execution.md) <br>• [Statements vs Expressions](../../../fundamentals/blob/master/fundamentals/statements_expressions.md)<br> • [Loops (for/while)](../../../fundamentals/blob/master/fundamentals/loops.md)<br>• [Functions](../../../fundamentals/blob/master/fundamentals/functions.md) <br>• [Scope](../../../fundamentals/blob/master/fundamentals/scope.md)|[Reading Week 3](/Week3/README.md)|[Homework Week 3](/Week3/MAKEME.md)|
+| Week | Topic                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Reading Materials                  | Homework                            | Lesson Plan                         |
+| ---- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------------------------------- | ----------------------------------- |
+| 1.   | What is programming?                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | [Reading Week 1](/Week1/README.md) | [Homework Week 1](/Week1/MAKEME.md) | [Homework Week 1](/Week1/MAKEME.md) |
+| 2.   | • Intro JavaScript (What is it, where can you use it for)<br>• [Variables (var, let, const)](../../../fundamentals/blob/master/fundamentals/variables.md)<br>• [Basic Data types (Strings, Numbers, Arrays, Booleans)](../../../fundamentals/blob/master/fundamentals/values.md)<br>• [Operators](../../../fundamentals/blob/master/fundamentals/operators.md)<br>• [Special characters and their names](../../../fundamentals/blob/master/fundamentals/names_of_special_characters.md)<br>• [Naming conventions](../../../fundamentals/blob/master/fundamentals/naming_conventions.md)  | [Reading Week 2](/Week2/README.md) | [Homework Week 2](/Week2/MAKEME.md) | [Homework Week 1](/Week1/MAKEME.md) |
+| 3.   | • Git work flow :smiling_imp:<br>• [Advanced data types (objects)](../../../fundamentals/blob/master/fundamentals/objects.md) <br>• [Conditional execution](../../../fundamentals/blob/master/fundamentals/conditional_execution.md) <br>• [Statements vs Expressions](../../../fundamentals/blob/master/fundamentals/statements_expressions.md)<br> • [Loops (for/while)](../../../fundamentals/blob/master/fundamentals/loops.md)<br>• [Functions](../../../fundamentals/blob/master/fundamentals/functions.md) <br>• [Scope](../../../fundamentals/blob/master/fundamentals/scope.md) | [Reading Week 3](/Week3/README.md) | [Homework Week 3](/Week3/MAKEME.md) | [Homework Week 1](/Week1/MAKEME.md) |
 
-__Kind note:__
+**Kind note:**
 
-We expect you to __always__ come prepared to the class on Sunday.
+We expect you to **always** come prepared to the class on Sunday.
 
 ### Overall
-A good understanding of all the above mentioned topics. Want to check your Knowledge? Go through the [JavaScript Fundamentals README](../../../fundamentals/blob/master/README.md) and research/ ask for help (Slack!) with the concepts that are not entirely clear.
 
+A good understanding of all the above mentioned topics. Want to check your Knowledge? Go through the [JavaScript Fundamentals README](../../../fundamentals/blob/master/README.md) and research/ ask for help (Slack!) with the concepts that are not entirely clear.
 
-*The HackYourFuture curriculum is subject to CC BY copyright. This means you can freely use our materials, but just make sure to give us credit for it :)*
+_The HackYourFuture curriculum is subject to CC BY copyright. This means you can freely use our materials, but just make sure to give us credit for it :)_
diff --git a/Week1/LESSONPLAN.md b/Week1/LESSONPLAN.md
@@ -0,0 +1,23 @@
+# Lesson Plan Week 1
+
+## Agenda
+
+The purpose of this class is to introduce to the student (1)
+
+FIRST HALF:
+
+SECOND HALF:
+
+### Core concepts
+
+FIRST HALF (12.00 - 13.30)
+
+1.
+
+SECOND HALF (14.00 - 16.00)
+
+2.
+
+3)
+
+4.
diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md
@@ -1,37 +1,32 @@
-## Homework week 1:
+# Homework HTML/CSS Week 1
 
-```
-Topics discussed in class this week:
-• Git
-```
+## Todo list
 
-> [Here](/Week2/README.md) you find the readings you have to complete before the second lecture.
+1. s
+2. s
 
-## Step 1: Share a useful resource
+3. Code along
+4. PROJECT:
 
-_Deadline Monday_
+### 1.
 
-All share a video or a resource (this can be a drawing, an article or a podcast) that was helpful for you the last few weeks with learning HTML/CSS. Please share this in the channel of your class in Slack. Also write as small note about what the resource is about and why you think it's so helpful (you can share more than one if you like).
+### 2.
 
-## Step 2: Git homework
+### 3. Code along
 
-_Deadline Wednesday_
+### 4. PROJECT:
 
-Git homework for this week:
+> Every week ends with a project you have to build on your own. Instead of getting clear-cut instructions, you'll get a list of criteria that your project needs to measure up to.
 
-Pair up with another student in your class. The homework requires two people to work together. Let's call them admin and user.
+> Make a
 
-1. admin creates a new repository on github called “animals” (without quotes).
-2. admin adds a file called “zoo.txt” with some animals generally found in a zoo.
-3. admin commits and pushes his changes (in master branch).
-4. admin adds user as a collaborator (find out how to add a collaborator to a git repository).
-5. user clones the repository from admin (find out how to clone a repository. Note that `git init` is not required when you clone a repository).
-6. user makes a new branch called user-dev.
-7. user adds another file called “pets.txt” with some animals generally found in a home.
-8. user commits and pushes his branch to remote.
-9. admin pulls the branch crated by user (find out how to pull changes from a repository).
-10. admin submits the link to his github repository (named "animals"), where Unmesh should be able to see the collaborator’s (i.e. user’s) branch along with his commits.
+## SUBMIT YOUR HOMEWORK!
 
-Note:
+After you've finished your todo list it's time to show us what you got! The homework that needs to be submitted is the following:
 
-The _user_ is _not supposed to fork_ the admin’s repository. _admin_ is supposed to add user as a collaborator and _user_ should just _clone_ the repository (i.e. _user_ will only have the local copy of the repository). Only _admin_ will have the _github_ server copy of the repository. Of course, admin will have its local copy of the repository too.
+1. s
+2. s
+
+Upload both in a repository to GitHub and then upload the link to Trello. Go through the [guide](../hand-in-homework-guide.md) to learn how to do this.
+
+_Deadline Saturday 23.59 CET_
diff --git a/Week1/README.md b/Week1/README.md
@@ -1,13 +1,33 @@
-# Reading material for your first JavaScript lesson:
+# Reading Material JavaScript1 Week 1
 
-```
-In week one we will discuss the following topics:
-• Git
-```
+## Agenda
 
-### Here are resources that we like you to read as a preparation for the coming lecture. 
+These are the topics for week 1:
 
-- In you next lecture you teacher will teach you your first GIT session, please look through the [GIT](https://github.com/HackYourFuture/Git) repository and read the learning goals.
-- Please watch [Up Running with Bash Scripting](https://www.lynda.com/Bash-tutorials/Up-Running-Bash-Scripting/142989-2.html)
-as a recap on the cli classes you have had (1 hour and 25 min). Please ask Gijs for access to Lynda.com
-- Please watch the first 5 chapters of the [Git essential training](https://www.lynda.com/Git-tutorials/Git-Essential-Training/100222-2.html)
+1. What is programming?
+2. What is JavaScript?
+3. What are data structures?
+4. What are variables?
+
+## 1. What is programming?
+
+Programming is giving a computer instructions in order to solve a problem, written in a language it can understand. Why is this useful? It's because computers are (1) fast, (2) cheap to use and (3) can work 24/7 (as long as it has power).
+
+As a starting software developer (synonym to 'programmer'), you'll learn how to write these instructions.
+
+[What is programming?](https://www.youtube.com/watch?v=3tWMQ3ZMjbg)
+[What is programming Playlist](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZYJC7L-r6rX6utt6wwJCyi)
+
+## 2. What is JavaScript?
+
+JavaScript is a programming language. We use it to communicate with the browser, software that allows us to access the Internet and open webpages. More specifically
+
+For more research, check the following resources:
+
+- [What is JavaScript](https://www.youtube.com/watch?v=nItSSTwBvSU)
+
+## 3. What are data structures?
+
+## 4. What are variables?
+
+A data structure is a way of storing information on your computer.
diff --git a/Week2/LESSONPLAN.md b/Week2/LESSONPLAN.md
@@ -0,0 +1,23 @@
+# Lesson Plan Week 2
+
+## Agenda
+
+The purpose of this class is to introduce to the student (1)
+
+FIRST HALF:
+
+SECOND HALF:
+
+### Core concepts
+
+FIRST HALF (12.00 - 13.30)
+
+1.
+
+SECOND HALF (14.00 - 16.00)
+
+2.
+
+3)
+
+4.
diff --git a/Week2/MAKEME.md b/Week2/MAKEME.md
@@ -1,14 +1,34 @@
-## Homework Week 2
+# Homework HTML/CSS Week 1
 
-```
-Topics discussed in class this week:
-• Intro JavaScript (What is it, where can you use it for)
-• Variables (var, let, const)
-• Basic Data types (Strings, Numbers, Arrays, Booleans)
-• Operators
-```
+## Todo list
+
+1. s
+2. s
+3. Code along
+4. PROJECT:
+
+### 1.
+
+### 2.
+
+### 3. Code along
+
+### 4. PROJECT:
+
+> Every week ends with a project you have to build on your own. Instead of getting clear-cut instructions, you'll get a list of criteria that your project needs to measure up to.
+
+> Make a
+
+## SUBMIT YOUR HOMEWORK!
+
+After you've finished your todo list it's time to show us what you got! The homework that needs to be submitted is the following:
+
+1. s
+2. s
+
+Upload both in a repository to GitHub and then upload the link to Trello. Go through the [guide](../hand-in-homework-guide.md) to learn how to do this.
 
-> [Here](/Week3/README.md) you find the readings you have to complete before the third lecture.
+_Deadline Saturday 23.59 CET_
 
 ## Before you start with the homework:
 
diff --git a/Week2/README.md b/Week2/README.md
@@ -1,3 +1,7 @@
+1. Statements vs. Expressions
+2. Loops
+3. Functions
+
 # Reading material for the second lecture:
 
 ```
@@ -10,8 +14,9 @@ In week two we will discuss the following topics:
 ```
 
 ## How to get started
-1. Download and install the *LTS* version of NodeJS - https://nodejs.org/en/download/
-To test that it was installed and running properly, go to your terminal and run the command: node -v You should get the node version printed on your terminal, for example, v8.9.1
+
+1. Download and install the _LTS_ version of NodeJS - https://nodejs.org/en/download/
+   To test that it was installed and running properly, go to your terminal and run the command: node -v You should get the node version printed on your terminal, for example, v8.9.1
 2. Although you are free to make you own choice of text/code editor to use during class and homework, we have good experiences with Microsoft's free VSCode editor, which is supported on Windows, Mac and Linux. Please refer to our [VSCode Tips](./../../../../fundamantals/VSCodeTips/README.md) for more information.
 
 ## Here are resources that we like you to read as a preparation for the coming lecture:
@@ -22,9 +27,8 @@ Only watch the below chapters:
 
 0. Introduction
 1. Programming Basics
-2. Core Programming Syntax 
-3. Variables and Data Types
-
+1. Core Programming Syntax
+1. Variables and Data Types
 
 Read up on the most important topics of next week:
 
@@ -38,6 +42,4 @@ Read up on the most important topics of next week:
 
 [Naming conventions](https://github.com/HackYourFuture/fundamentals/blob/master/fundamentals/naming_conventions.md)
 
-
 _Please go through the material and come to class prepared!_
-
diff --git a/Week3/LESSONPLAN.md b/Week3/LESSONPLAN.md
@@ -0,0 +1,23 @@
+# Lesson Plan Week 3
+
+## Agenda
+
+The purpose of this class is to introduce to the student (1)
+
+FIRST HALF:
+
+SECOND HALF:
+
+### Core concepts
+
+FIRST HALF (12.00 - 13.30)
+
+1.
+
+SECOND HALF (14.00 - 16.00)
+
+2.
+
+3)
+
+4.
diff --git a/assets/javascript1.png b/assets/javascript1.png
