Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 3e90399

Browse files
mkruijtmkruijt
committed
fixed links and steps in homework
1 parent 13269c7 commit 3e90399

File tree

10 files changed

+209
-109
lines changed

10 files changed

+209
-109
lines changed

‎README.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -8,16 +8,16 @@ Here you can find course content and homework for the JavaScript 1,2 and 3 modul
88

99
|Week|Topic|Read|Homework|Review|
1010
|----|-----|----|--------|------|
11-
|0.|Preparation for your first JavaScript session|[Pre reading](https://github.com/HackYourFuture/JavaScript/tree/master/Week0)|-|-|
12-
|1.|• [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :heart: <br>• Intro JavaScript (What is it, where can you use it for)<br>• Variables [var, let, const]<br>• Basic Data types [Strings, Numbers, Arrays, Booleans]<br>• Operators|[Reading Week 1](https://github.com/HackYourFuture/JavaScript/tree/master/Week1/README.md) | [Homework Week 1](https://github.com/HackYourFuture/JavaScript/tree/master/Week1/MAKEME.md)|[Review](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/REVIEW.md)|
13-
|2.|• [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :balloon: <br>• Advanced data types [Objects] <br>• Conditions <br>• Statements vs Expressions<br> • Loops (for/while)<br>• Functions <br>• Naming conventions|[Reading Week 2](https://github.com/HackYourFuture/JavaScript/tree/master/Week2/README.md)|[Homework Week 2](https://github.com/HackYourFuture/JavaScript/tree/master/Week2/MAKEME.md)|[Review](https://github.com/HackYourFuture/JavaScript/blob/master/Week2/REVIEW.md)|
14-
|3.|• Capturing user input<br> • Basic DOM manipulations [img src, innerHTML]<br>• Code debugging using the browser<br> • Code commenting<br> • Structuring code files<br> • Scope<br> • State|[Reading Week 3](https://github.com/HackYourFuture/JavaScript/tree/master/Week3)|[Homework Week 3](https://github.com/HackYourFuture/JavaScript/tree/master/Week3/MAKEME.md)|[Review](https://github.com/HackYourFuture/JavaScript/blob/master/Week3/REVIEW.md)|
15-
|4.| Git Session with Unmesh :smiling_imp:|[Reading Week 4](https://github.com/HackYourFuture/JavaScript/tree/master/Week4)|[Homework Week 4](https://github.com/HackYourFuture/JavaScript/tree/master/Week4/MAKEME.md)|Review|
16-
|5.|• Functions + JSON/Arrays <br>• Array Manipulations <br>• JSON<br>• Map and filter <br>• Arrow functions|[Reading Week 5](https://github.com/HackYourFuture/JavaScript/tree/master/Week5)|[Homework Week 5](https://github.com/HackYourFuture/JavaScript/tree/master/Week5/MAKEME.md)|[Review](https://github.com/HackYourFuture/JavaScript/blob/master/Week5/REVIEW.MD)|
17-
|6.|• Closures <br>• Events<br>• Callbacks <br>• Git [work flow](https://github.com/HackYourFuture/Git/blob/master/Lecture•3.md)|[Reading Week 6](https://github.com/HackYourFuture/JavaScript/tree/master/Week6)|[Homework Week 6](https://github.com/HackYourFuture/JavaScript/tree/master/Week6/MAKEME.md)|Review|
18-
|7.|• (Object Oriented Programming)<br>• Code flow (order of execution) <br>• Async VS Sync |[Reading Week 7](https://github.com/HackYourFuture/JavaScript/tree/master/Week7)|[Homework Week 7](https://github.com/HackYourFuture/JavaScript/tree/master/Week7/MAKEME.md)|[Review](https://github.com/HackYourFuture/JavaScript/blob/master/Week7/REVIEW.md)|
19-
|8.|• Structure for a basic SPA <br>• XHTTP Requests <br>• API calls|[Reading Week 8](https://github.com/HackYourFuture/JavaScript/tree/master/Week8/README.md)|[Homework Week 8](https://github.com/HackYourFuture/JavaScript/tree/master/Week8/MAKEME.md)|Review|
20-
|9.|• (re)writing data structures (in JSON)<br>• Promises|[Reading Week 9](https://github.com/HackYourFuture/JavaScript/blob/master/Week9/README.md)|[Homework Week 9](https://github.com/HackYourFuture/JavaScript/blob/master/Week9/MAKEME.md)|[Review](https://github.com/HackYourFuture/JavaScript/blob/master/Week9/REVIEW.md)|
11+
|0.|Preparation for your first JavaScript session|[Pre reading](/Week0/README.md)|-|-|
12+
|1.|• [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :heart: <br>• Intro JavaScript (What is it, where can you use it for)<br>• Variables [var, let, const]<br>• Basic Data types [Strings, Numbers, Arrays, Booleans]<br>• Operators|[Reading Week 1](/Week1/README.md) | [Homework Week 1](/Week1/MAKEME.md)|[Review](/Week1/REVIEW.md)|
13+
|2.|• [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :balloon: <br>• Advanced data types [Objects] <br>• Conditions <br>• Statements vs Expressions<br> • Loops (for/while)<br>• Functions <br>• Naming conventions|[Reading Week 2](/Week2/README.md)|[Homework Week 2](/Week2/MAKEME.md)|[Review](/Week2/REVIEW.md)|
14+
|3.|• Capturing user input<br> • Basic DOM manipulations [img src, innerHTML]<br>• Code debugging using the browser<br> • Code commenting<br> • Structuring code files<br> • Scope<br> • State|[Reading Week 3](/Week3/README.md)|[Homework Week 3](/Week3/MAKEME.md)|[Review](/Week3/REVIEW.md)|
15+
|4.| Git Session with Unmesh :smiling_imp:|[Reading Week 4](/Week4/README.md)|[Homework Week 4](/Week4/MAKEME.md)|Review|
16+
|5.|• Functions + JSON/Arrays <br>• Array Manipulations <br>• JSON<br>• Map and filter <br>• Arrow functions|[Reading Week 5](/master/Week5)|[Homework Week 5](/Week5/MAKEME.md)|[Review](/Week5/REVIEW.MD)|
17+
|6.|• Closures <br>• Events<br>• Callbacks <br>• Git [work flow](https://github.com/HackYourFuture/Git/blob/master/Lecture•3.md)|[Reading Week 6](/Week6/README.md)|[Homework Week 6](/Week6/MAKEME.md)|Review|
18+
|7.|• Object Oriented Programming<br>• Code flow (order of execution) <br>• Async VS Sync |[Reading Week 7](/Week7/README.md)|[Homework Week 7](/Week7/MAKEME.md)|[Review](/Week7/REVIEW.md)|
19+
|8.|• Structure for a basic SPA <br>• XHTTP Requests <br>• API calls|[Reading Week 8](/Week8/README.md)|[Homework Week 8](/Week8/MAKEME.md)|Review|
20+
|9.|• (re)writing data structures (in JSON)<br>• Promises|[Reading Week 9](/Week9/README.md)|[Homework Week 9](/Week9/MAKEME.md)|[Review](/Week9/REVIEW.md)|
2121

2222
__Kind note:__
2323

‎Week1/MAKEME.md

Lines changed: 59 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,15 @@
11
## Homework week 1:
22

3-
>[Here](https://github.com/HackYourFuture/JavaScript/tree/master/Week1/README.md) you find the readings you have to complete before the second lecture.
3+
```
4+
Topics discussed in class this week:
5+
• CLI
6+
• Intro JavaScript (What is it, where can you use it for)
7+
• Variables [var, let, const]
8+
• Basic Data types [Strings, Numbers, Arrays, Booleans]
9+
• Operators
10+
```
11+
12+
>[Here](/Week1/README.md) you find the readings you have to complete before the second lecture.
413
514
## Before you start with the homework:
615

@@ -61,19 +70,19 @@ Hola, mundo! // Spanish
6170
```
6271
console.log('I'm awesome');
6372
```
64-
2.1 Copy the code in your `.js` file and run it. You will see that you will get a SyntaxError. Find a solution for this error, Hint read the error message carefully, it also gives an indication of where the problem is.
73+
1. Copy the code in your `.js` file and run it. You will see that you will get a SyntaxError. Find a solution for this error, Hint read the error message carefully, it also gives an indication of where the problem is.
6574

6675
3. Declare a variable `x` and initialize it with an integer.
67-
3.1 First, _declare_ your variable `x`.
68-
<br> 3.2 Add a console.log statement that explains that explains in words what _you think_ the value of `x` is, like in this example:
76+
1. First, _declare_ your variable `x`.
77+
2. Add a console.log statement that explains that explains in words what _you think_ the value of `x` is, like in this example:
6978
```js
7079
// TODO -> here you initialize your variable
7180
console.log('the value of my variable x will be: whateverYouThinkItWillLog');
7281
```
73-
<br> 3.3 Add a console.log statement that logs the value of `x`
74-
<br> 3.4 Now _initialize_ your variable `x` with an integer
75-
<br> 3.5 Now add a console.log statement that explains what _you think_ the value of `x` is.
76-
<br> 3.6 Add a console.log statement that logs the value of `x`.
82+
3. Add a console.log statement that logs the value of `x`
83+
4. Now _initialize_ your variable `x` with an integer
84+
5. Now add a console.log statement that explains what _you think_ the value of `x` is.
85+
6. Add a console.log statement that logs the value of `x`.
7786
Steps to be taken:
7887

7988
```js
@@ -86,11 +95,11 @@ console.log('I'm awesome');
8695
```
8796

8897
4. Declare a variable `y` and assign a string to it.
89-
4.1 Write a console.log statement in which you explain in words what _you think_ the value of the string is
90-
<br> 4.2 Now console.log the variable `y`.
91-
<br> 4.3 Now assign a new string to the variable `y`
92-
<br> 4.4 Just like you did before write a console.log statement that explains in words what you think will be logged to the console.
93-
<br> 4.5 Now console.log `y` again.
98+
1. Write a console.log statement in which you explain in words what _you think_ the value of the string is
99+
2. Now console.log the variable `y`.
100+
3. Now assign a new string to the variable `y`
101+
4. Just like you did before write a console.log statement that explains in words what you think will be logged to the console.
102+
5. Now console.log `y` again.
94103
```js
95104
// TODO -> here you declare AND assign your string
96105
console.log('the value of my string will be: whateverYouThinkItWillLog');
@@ -101,41 +110,41 @@ console.log('I'm awesome');
101110
```
102111

103112
5. How do you round the number 7.25, to the nearest integer?
104-
5.1 Declare a variable `z` and assign the number 7.25 to it.
105-
<br> 5.2 Console.log `z`.
106-
<br> 5.3 Declare another variable `a` that has the value of z but rounded to the nearest integer.
107-
<br> 5.4 Console.log `a`
108-
<br> 5.5 So now we have `z` and `a` find a way to compare the two values and store the highest of the two in a new variable.
109-
<br> 5.6 Console.log the highest value.
113+
1. Declare a variable `z` and assign the number 7.25 to it.
114+
2. Console.log `z`.
115+
3. Declare another variable `a` that has the value of z but rounded to the nearest integer.
116+
4. Console.log `a`
117+
5. So now we have `z` and `a` find a way to compare the two values and store the highest of the two in a new variable.
118+
6. Console.log the highest value.
110119

111120
6. Arrays!
112-
6.1 Declare an empty array (you can decide on how to call it yourself, but read on a bit here and see if you can find a good name that exactly describes what this variable will hold).
113-
<br> 6.2 Write a console.log statement that explains in words what you think the value of the array is.
114-
<br> 6.3 Console.log your array.
115-
<br> 6.4 Create an array that has your favorite animals inside
116-
<br> 6.5 Log your array
117-
<br> 6.6 Add a statement that adds Daan's favorite animal (baby pig) to the *existing array*
118-
119-
<br> 6.7 Log your new array!
121+
1. Declare an empty array (you can decide on how to call it yourself, but read on a bit here and see if you can find a good name that exactly describes what this variable will hold).
122+
2. Write a console.log statement that explains in words what you think the value of the array is.
123+
3. Console.log your array.
124+
4. Create an array that has your favorite animals inside
125+
5. Log your array
126+
6. Add a statement that adds Daan's favorite animal (baby pig) to the *existing array*
127+
7. Log your new array!
120128

121129
7. More strings
122-
<br> 7.1 Let's consider the following string: `let myString = "this,is,a,test"`.
123-
<br> 7.2 Add the string to your file and console.log it.
124-
<br> 7.3 Find a way to get the length of `myString`.
125-
<br> 7.4 Console.log the length of `myString`.
130+
1. Let's consider the following string: `let myString = "this,is,a,test"`.
131+
2. Add the string to your file and console.log it.
132+
3. Find a way to get the length of `myString`.
133+
4. Console.log the length of `myString`.
126134

127135
8. Write a program that checks the types of two variables and prints out `SAME TYPE` if they are the same type.
128-
8.1 First declare at least four variables and assign them different data types.
129-
<br> 8.2 For each variable write a `console.log` statement that logs the value
136+
1. First declare at least four variables and assign them different data types.
137+
2. For each variable write a `console.log` statement that logs the value
130138
```js
131139
let foo = 3;
132140
console.log('The value of my variable foo is: ' + foo);
133141
```
134-
<br> 8.3 Now write a console.log statement wherein you first explain in words what you think the _type_ of your variables is.
135-
<br> 8.4 Now use `typeof` to log the actual _type_ of your variables.
136-
<br> 8.5 Now compare the types of your different variables with one another.
137-
<br> 8.6 Make sure to also show a message when the variables you are comparing are not the same type.
138-
<br> For example:
142+
3. Now write a console.log statement wherein you first explain in words what you think the _type_ of your variables is.
143+
4. Now use `typeof` to log the actual _type_ of your variables.
144+
5. Now compare the types of your different variables with one another.
145+
6. Make sure to also show a message when the variables you are comparing are not the same type.
146+
147+
For example:
139148

140149
```js
141150
let x = 9;
@@ -148,19 +157,25 @@ if () {
148157
```
149158

150159
9. If `x` equals 7, and the only other statement is `x = x % 3`, what would be the new value of `x`?
151-
9.1 Add at least 3 `console.log` statements in which you show that you understand what `%` does.
160+
1. Add at least 3 `console.log` statements in which you show that you understand what `%` does.
152161

153162
10. Write a program to answer the following questions:
154-
10.1 Can you store multiple types in an array? Numbers and strings? Make an example that illustrates your answer.
155-
<br> 10.2 Can you compare infinities? (Not in Eyad's world) - does 6/0 === 10/0? How can you test this?
156-
<br> 10.3 Add console.log statements to the above program's in which you show that you understand the concepts (just like you've done in the above assignments).
163+
1. Can you store multiple types in an array? Numbers and strings? Make an example that illustrates your answer.
164+
2. Can you compare infinities? (Not in Eyad's world) - does 6/0 === 10/0? How can you test this?
165+
3. Add console.log statements to the above program's in which you show that you understand the concepts (just like you've done in the above assignments).
157166

158167
### Step 4: **Some freeCodeCamp challenges (10 hours):**
159168

160-
Deadline Saturday_
169+
_Deadline Saturday_
161170

162171
On freeCodeCamp.com please do the [Basic JavaScript](https://www.freecodecamp.com/challenges/learn-how-free-code-camp-works) exercises up and until the __"Shopping List"__ exercise (there are some topics we did not cover but you can do it).
163172

173+
### Step 5: Read before next lecture
174+
175+
_Deadline Sunday morning_
176+
177+
Go trough the reading material in the [README.md](/Week1/README.md) to prepare for your next class
178+
164179
### How to hand in Homework:
165180
```
166181
steps:
@@ -179,5 +194,5 @@ steps:
179194
### Hint
180195
If you solve the FreeCodeCamp challenges and they are new concepts to you and you would like to take a look at them later on in the program, Copy your answers from FCC in a `.js` file and upload them to Github in a repository for future reference. In this way you build your own little documentation, if you look back at them first try to understand what it does before you run them.
181196

182-
:star: Additional resources and review: [here](https://github.com/HackYourFuture/JavaScript/tree/master/Week1/REVIEW.md) (work in progress):star:
197+
:star: Additional resources and review: [here](/Week1/REVIEW.md):star:
183198

‎Week2/MAKEME.md

Lines changed: 19 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,17 @@
11
## Homework Week 2
22

3-
>[Here](https://github.com/HackYourFuture/JavaScript/tree/master/Week2/README.md) you find the readings you have to complete before the third lecture.
3+
```
4+
Topics discussed in class this week:
5+
• CLI
6+
• Loops (for/while)
7+
• Functions
8+
• Advanced data types [Objects]
9+
• Conditions (if/else statements)
10+
• Statements vs Expressions
11+
• Naming conventions
12+
```
13+
14+
>[Here](/Week2/README.md) you find the readings you have to complete before the third lecture.
415
516
## Step 0: Feedback
617

@@ -144,6 +155,12 @@ Please make sure you REALLY understand the exercises below:
144155
- https://www.freecodecamp.com/challenges/add-new-properties-to-a-javascript-object
145156
- https://www.freecodecamp.com/challenges/delete-properties-from-a-javascript-object
146157

158+
### Step 6: Read before next lecture
159+
160+
_Deadline Sunday morning_
161+
162+
Go trough the reading material in the [README.md](/Week2/README.md) to prepare for your next class
163+
147164
```
148165
How to hand in your homework:
149166
• Upload your homework in your "hyf-javascript1" Github repository. Make sure to create a new folder "week2" first.
@@ -152,29 +169,4 @@ How to hand in your homework:
152169
• Place the link to your repository folder in Trello.
153170
```
154171
155-
:star: Additional resources and review: [here](https://github.com/HackYourFuture/JavaScript/tree/master/Week2/REVIEW.md) (work in progress):star:
156-
157-
<!-- 13. Create a function that takes two objects as parameters and compares them. You will actually need to write two functions — one that compares with `==` and one that compares with `===`. Remember that objects can have objects inside of them so you'll need to find a way to compare every element of every object (types and values). For example:
158-
159-
```js
160-
let obj1 = {
161-
a: 1,
162-
b: 'this is the letter b',
163-
c: { foo: 'what is a foo anyway',
164-
bar: [1,2,3,4]
165-
}
166-
}
167-
168-
let obj2 = {
169-
a: '1',
170-
b: 'this is the letter b',
171-
c: { foo: 'what is a foo anyway',
172-
bar: [1,2,3,4]
173-
}
174-
}
175-
```
176-
177-
In our example we'll say that `obj1 == obj2` is `true` and `obj1 === obj2` is `false`. Make sure you can see why before you write any code!
178-
179-
Note: give this exercise your best shot but don’t spend more than, say, one hour on it.
180-
-->
172+
:star: Additional resources and review: [here](/Week2/REVIEW.md):star:

‎Week3/MAKEME.md

Lines changed: 17 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,22 @@
11
## Homework Week 3
22

3-
>[Here](https://github.com/HackYourFuture/JavaScript/tree/master/Week3/README.md) you find the readings you have to complete before the fourth lecture.
4-
3+
```
4+
Topics discussed in class this week:
5+
• Capturing user input
6+
• Basic DOM manipulations [img src, innerHTML]
7+
• Code debugging using the browser
8+
• Code commenting
9+
• Structuring code files
10+
• Scope
11+
• State
12+
```
513

6-
## Step 0 review:
7-
- Go through the review of [the first week](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/REVIEW.md)
8-
- Go through the review of [the second week](https://github.com/HackYourFuture/JavaScript/blob/master/Week2/REVIEW.md)
9-
- Go through the review of [the third week](https://github.com/HackYourFuture/JavaScript/blob/master/Week3/REVIEW.md)
14+
>[Here](/Week3/README.md) you find the readings you have to complete before the fourth lecture.
1015
16+
## Step 0: review
17+
- Go through the review of [the first week](/Week1/REVIEW.md)
18+
- Go through the review of [the second week](/Week2/REVIEW.md)
19+
- Go through the review of [the third week](/Week3/REVIEW.md)
1120

1221
## Step 1: Implement feedback
1322

@@ -79,7 +88,7 @@ How to hand in your homework:
7988

8089
## Step 5: **FreeCodeCamp challenges:**
8190

82-
_Deadline Saturday_
91+
_Deadline Sunday morning_
8392

8493
- https://www.freecodecamp.com/challenges/declare-javascript-objects-as-variables
8594
- https://www.freecodecamp.com/challenges/make-instances-of-objects-with-a-constructor-function
@@ -103,7 +112,7 @@ Please note, there are various challenges all sorted on difficultly called KIU.
103112

104113
enjoy!
105114

106-
:star: Additional resources and review: [here](https://github.com/HackYourFuture/JavaScript/tree/master/Week3/REVIEW.md) (work in progress):star:
115+
:star: Additional resources and review: [here](/Week3/REVIEW.md):star:
107116

108117

109118

0 commit comments

Comments
 (0)