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

Skip to content

Commit 386c84d

Browse files
mkruijtmkruijt
committed
added video's git and cli and implemented a part of Jim's feedback
1 parent a7b3ef0 commit 386c84d

File tree

9 files changed

+49
-72
lines changed

9 files changed

+49
-72
lines changed

‎README.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,14 @@ Here you can find course content and homework for the JavaScript 1,2 and 3 modul
66

77
|Week|Topic|Read|Homework|Review|
88
|----|-----|----|--------|------|
9-
|0.|Preparation for your first JavaScript session|[Pre-reading](/Week0/README.md) + [CLI Reading Week 1](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md)|-|-|
9+
|0.|Preparation for your first JavaScript session|[Pre-reading](/Week0/README.md)|-|-|
1010
|1.|Git Session with Unmesh|[Reading Week 1](/Week1/README.md) | [Homework Week 1](/Week1/MAKEME.md)|[Review](/Week1/REVIEW.md)|
1111
|2.|• 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 <br>• Naming conventions|[Reading Week 2](/Week2/README.md)|[Homework Week 2](/Week2/MAKEME.md)|[Review](/master/Week2/REVIEW.md)|
12-
|3.|• Git work flow :smiling_imp:<br>• Advanced data types [Objects] <br>• Conditions <br>• Statements vs Expressions<br> • Loops (for/while)<br>• Functions |[Reading Week 3](/Week3/README.md)|[Homework Week 3](/Week3/MAKEME.md)|[Review](/Week3/REVIEW.md)|
13-
|4.|• Capturing user input <br>• Basic DOM manipulations[img src, innerHTML] <br>• Code debugging using the browser <br>• Code commenting <br>• Structuring code files |[Reading Week 4](/Week4/README.md)|[Homework Week 4](/Week4/MAKEME.md)|Review|
12+
|3.|• Git work flow :smiling_imp:<br>• Advanced data types [Objects] <br>• Conditions <br>• Statements vs Expressions<br> • Loops (for/while)<br>• Functions <br>• Scope|[Reading Week 3](/Week3/README.md)|[Homework Week 3](/Week3/MAKEME.md)|[Review](/Week3/REVIEW.md)|
13+
|4.|• Capturing user input <br><br>• Events • Basic DOM manipulations[img src, innerHTML] <br>• Code debugging using the browser <br>• Code commenting <br>• Structuring code files |[Reading Week 4](/Week4/README.md)|[Homework Week 4](/Week4/MAKEME.md)|Review|
1414
|5.|• Functions + JSON/Arrays<br>• Array Manipulations<br>• JSON<br>• Map and filter<br>• Arrow functions |[Reading Week 5](/Week5/README.md)|[Homework Week 5](/Week5/MAKEME.md)|[Review](/Week5/REVIEW.MD)|
15-
|6.|• Closures <br>• Scope <br>• Events <br>• Callbacks|[Reading Week 6](/Week6/README.md)|[Homework Week 6](/Week6/MAKEME.md)|[Review](/Week6/REVIEW.md)|
16-
|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)|
15+
|6.|• Closures <br>• Scope <br>• Callbacks|[Reading Week 6](/Week6/README.md)|[Homework Week 6](/Week6/MAKEME.md)|[Review](/Week6/REVIEW.md)|
16+
|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)|
1717
|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|
1818
|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)|
1919

‎Week0/README.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,5 +8,6 @@ In week one we will discuss the following topics:
88
### Here are resources that we like you to read as a preparation for the coming lecture.
99

1010
- In you next lecture **Unmesh** will give you your first Git session, please look through the [GIT](https://github.com/HackYourFuture/Gitrepository) and read the learning goals.
11-
12-
>TODO -> add introduction movie/tutorial git.
11+
- Please watch [Up Running with Bash Scripting](https://www.lynda.com/Bash-tutorials/Up-Running-Bash-Scripting/142989-2.html)
12+
as a recap on the cli classes you have had (1 hour and 25 min).
13+
- Please watch the first 5 chapters of the [Git essential training](https://www.lynda.com/Git-tutorials/Git-Essential-Training/100222-2.html)

‎Week2/MAKEME.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -94,10 +94,10 @@ console.log('I'm awesome');
9494
5\.6 Console.log the highest value.
9595

9696
6\. *Arrays!*
97-
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).
97+
6\.1 Declare an empty array.
9898
6\.2 Write a console.log statement that explains in words what you think the value of the array is.
9999
6\.3 Console.log your array.
100-
6\.4 Create an array that has your favorite animals inside.
100+
6\.4 Create an array that has your favorite animals inside (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).
101101
6\.5 Log your array.
102102
6\.6 Add a statement that adds Daan's favorite animal (baby pig) to the *existing array*.
103103
6\.7 Log your new array!

‎Week3/MAKEME.md

Lines changed: 6 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -73,8 +73,7 @@ let favoriteAnimals = ['blowfish', 'capricorn', 'giraffe'];
7373
2\.9 Now if unlike Jim, you don't like meerkats and you want to delete it from the array, but you don't know the position or the `index` of the item in the array, how can you find it?
7474
2\.10 Log the index of meerkat to the console. Add a message so it says: "The item you are looking for is at index: " (here you should show the index of the item)
7575

76-
## Step 6: Custom DOM manipulation challenge :mortar_board:
77-
76+
## More JavaScript :tada:
7877

7978
1. Create a function that takes 3 arguments and returns the sum of the three arguments.
8079

@@ -104,6 +103,8 @@ let favoriteAnimals = ['blowfish', 'capricorn', 'giraffe'];
104103

105104
10. Use the list of vehicles to write an advertisement. So that it prints something like: `"Amazing Joe's Garage, we service cars, motorbikes, caravans and bikes."`. (Hint: use a `for` loop.)
106105

106+
> Hint, the output should be correct English with all the punctuation in place (that's the challenge). So plurals for the vehicle types, commas followed by a single space, the word and to replace the final comma and closed off by a period.
107+
107108
11. What if you add one more vehicle to the list, can you have that added to the advertisement without changing the code for question 10?
108109

109110
12. Create an empty object.
@@ -112,22 +113,7 @@ let favoriteAnimals = ['blowfish', 'capricorn', 'giraffe'];
112113

113114
14. Add a property to the object you just created that contains the languages that they have taught you.
114115

115-
15. We saw that we can pass functions as arguments to other functions. Your task is to write a function that takes another function as an argument and runs it.
116-
117-
```js
118-
function foo(func) {
119-
// What to do here?
120-
}
121-
122-
function bar() {
123-
console.log('Hello, I am bar!');
124-
}
125-
126-
foo(bar);
127-
```
128-
129-
130-
16. Write some code to test two arrays for equality using `==` and `===`. Test the following:
116+
15. Write some code to test two arrays for equality using `==` and `===`. Test the following:
131117

132118
```js
133119
let x = [1,2,3];
@@ -145,7 +131,7 @@ let favoriteAnimals = ['blowfish', 'capricorn', 'giraffe'];
145131
More insights from this [Stack Overflow question](http://stackoverflow.com/questions/22395357/how-to-compare-two-arrays-are-equal-using-javascript).
146132

147133

148-
17. Take a look at the following code:
134+
16. Take a look at the following code:
149135

150136
```js
151137
let o1 = { foo: 'bar' };
@@ -158,7 +144,7 @@ let favoriteAnimals = ['blowfish', 'capricorn', 'giraffe'];
158144

159145
Does the order that you assign (`o3 = o2` or `o2 = o3`) matter?
160146

161-
18. What does the following code return? (And why?)
147+
17. What does the following code return? (And why?)
162148

163149
```js
164150
let bar = 42;

‎Week3/README.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,6 @@ In week three we will discuss the following topics:
1414
### A Refresher from some previous covered topics:
1515

1616
Links to MDN (Mozilla Developer Network) topics:
17-
18-
- [Function.prototype.call()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call)
19-
- [Function.prototype.apply()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply)
20-
- [Function.prototype.bind()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind)
2117
- [Arguments object](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/arguments)
2218
- [Strict mode](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode)
2319

‎Week4/MAKEME.md

Lines changed: 3 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -36,37 +36,7 @@ _Deadline Monday_
3636

3737
Your Github should contain two repositories called hyf-javascript1 and hyf-commandline. Inside the JavaScript repository you should have three folders, called week1, week2, and week3 (or something similar). Inside these folders you should have the different assignments (a file per exercises). Try and find proper names for the exercises that reflect somehow what is going on in the code. Avoid using spaces in your file names, this makes it harder to "run" you files. Also make sure that all your JavaScript files have a `.js` extension.
3838

39-
## Step 3: String and Array challenges
40-
41-
_Deadline Wednesday_
42-
43-
1\. **Strings!**
44-
1\.1 Let's consider the following string: `let myString = "hello,this,is,a,difficult,to,read,sentence"`
45-
1\.2 Add the string to your file and console.log it.
46-
1\.4 Console.log the length of `myString`.
47-
1\.5 The comma's make that the sentence is quite hard to read. Find a way to remove the comma's from the sting and replace them with a spaces
48-
1\.6 Console.log `myString` to see if you succeeded.
49-
50-
2\. **Arrays!**
51-
consider the following array:
52-
53-
```js
54-
let favoriteAnimals = ['blowfish', 'capricorn', 'giraffe'];
55-
```
56-
57-
2\.1 Add a statement that adds Mauro's favorite animal (turtle) to the existing array
58-
2\.2 Log your new array!
59-
2\.3 Now add Jim's favorite animal to the array, its a 'meerkat', but make sure it will be placed after 'blowfish' and before 'capricorn'.
60-
2\.4 Write a console.log statement that explains in words _you think_ the new value of the array is.
61-
2\.5 Log your new new array!
62-
2\.6 Log the length of the array, add a message: "The array has a length of: "(here you should show the length of the array)
63-
2\.7 Jason does not like giraffes, delete this animal from the array
64-
2\.8 Again log your new array.
65-
2\.9 Now if unlike Jim, you don't like meerkats and you want to delete it from the array, but you don't know the position or the `index` of the item in the array, how can you find it?
66-
2\.10 Log the index of meerkat to the console. Add a message so it says: "The item you are looking for is at index: " (here you should show the index of the item)
67-
68-
69-
## Step 4: Custom DOM manipulation challenge :mortar_board:
39+
## Step 3: Custom DOM manipulation challenge :mortar_board:
7040

7141
_Deadline Saturday_
7242

@@ -92,7 +62,7 @@ How to hand in your homework:
9262
• Place the link to your repository folder in Trello.
9363
```
9464

95-
## Step 5: **FreeCodeCamp challenges:**
65+
## Step 4: **FreeCodeCamp challenges:**
9666

9767
_Deadline Sunday morning_
9868

@@ -104,7 +74,7 @@ _Deadline Sunday morning_
10474

10575
And just for fun ... https://www.freecodecamp.com/challenges/sum-all-numbers-in-a-range
10676

107-
## Step 4: Read before next lecture
77+
## Step 5: Read before next lecture
10878

10979
_Deadline Sunday morning_
11080

‎Week6/MAKEME.md

Lines changed: 20 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,21 @@ Give feedback on `step 3` of `week 5` to one of your fellow students (do this by
2525

2626
_Deadline Wednesday_
2727

28-
1. We learned a little bit about callbacks in JS. A callback is simply a function passed to another function that gets executed (run) after a potentially long running operation has completed. There is another function called `setTimeout` that will wait a specified period of time and then execute a function. For example:
28+
1. We saw that we can pass functions as arguments to other functions. Your task is to write a function that takes another function as an argument and runs it.
29+
30+
```js
31+
function foo(func) {
32+
// What to do here?
33+
}
34+
35+
function bar() {
36+
console.log('Hello, I am bar!');
37+
}
38+
39+
foo(bar);
40+
```
41+
42+
2. We learned a little bit about callbacks in JS. A callback is simply a function passed to another function that gets executed (run) after a potentially long running operation has completed. There is another function called `setTimeout` that will wait a specified period of time and then execute a function. For example:
2943

3044
```js
3145
function doIt() {
@@ -62,25 +76,25 @@ _Deadline Wednesday_
6276
```
6377

6478

65-
2. Please solve this problem using:
79+
3. Please solve this problem using:
6680
https://www.freecodecamp.com/challenges/repeat-a-string-repeat-a-string
6781
1. A for loop
6882
2. A while loop
6983
3. A do loop
7084

71-
3. Some practice with objects
85+
4. Some practice with objects
7286
https://www.freecodecamp.com/challenges/construct-javascript-objects-with-functions
7387

74-
4. Nested loops
88+
5. Nested loops
7589
https://www.freecodecamp.com/challenges/nesting-for-loops
7690

77-
5. We did some work with arrays - `var arr = [1,2,3]`
91+
6. We did some work with arrays - `var arr = [1,2,3]`
7892
We can also nest arrays inside arrays like this `var arr2d = [[1,2], [3,4], [5,6]]` (for math people you can think of this as a matrix)
7993
How would you print all the items of an array with 3 dimensions?
8094
How about with K dimensions?
8195
What if you didn't know how deep the array was nested? (You don't have to write code for this but think about it)
8296

83-
6. Here are two functions that look like they do the something similar but they print different results. Please explain what's going on here.
97+
7. Here are two functions that look like they do the something similar but they print different results. Please explain what's going on here.
8498
8599
```js
86100
var x = 9;

‎Week6/README.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,11 @@ In week seven we will discuss the following topics:
1515
#### Closures and async code
1616
- [Why closures are helpful with async code](http://stackoverflow.com/questions/13343340/calling-an-asynchronous-function-within-a-for-loop-in-javascript)
1717

18+
### `call` `apply`, `bind`
19+
- [Function.prototype.call()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call)
20+
- [Function.prototype.apply()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply)
21+
- [Function.prototype.bind()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind)
22+
1823
_Please go through the material and come to class prepared!_
1924

2025

‎eventlisterassignment.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
eventlisterassignment.md
2+
3+
4+
remove defualt eventlister, from link?
5+

0 commit comments

Comments
 (0)