Skip to content

Commit 995d94f

Browse files
mkruijtmkruijt
committed
reformatted reading material
1 parent 89d0e2c commit 995d94f

13 files changed

Lines changed: 201 additions & 43 deletions

File tree

‎README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ Here you can find course content and homework for the JavaScript 1,2 and 3 modul
99
|Week|Topic|Read|Homework|
1010
|----|-----|----|--------|
1111
|0.|Preparation for your first JavaScript session|[Pre-reading](https://github.com/HackYourFuture/JavaScript/tree/master/Week0) + [CLI Reading Week 1](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.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]<br>• Operators| TBA | [Homework Week 1](https://github.com/HackYourFuture/JavaScript/tree/master/Week1/MAKEME.md)|
13-
|2.|• 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)|[Homework week 2](https://github.com/HackYourFuture/JavaScript/tree/master/Week2/MAKEME.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]<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)|
13+
|2.|• 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)|
1414
|3.|• [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :balloon: <br>• Closures <br>• Scope <br>• Array Manipulations <br>• Basic DOM manipulations [img src, innerHTML]<br>• Code commenting|[Reading Week 3](https://github.com/HackYourFuture/JavaScript/tree/master/Week3)|[Homework Week 3](https://github.com/HackYourFuture/JavaScript/tree/master/Week3/MAKEME.md)|
1515
|4.|• First Git Session with Unmesh :smiling_imp:<br>• JSON<br>• Code debugging using the browser<br>• Functions + JSON/Arrays<br>• Code flow (order of execution) <br>• (capturing user input) <br>• Structuring code files|[Reading Week 4](https://github.com/HackYourFuture/JavaScript/tree/master/Week4)|[JS](https://github.com/HackYourFuture/JavaScript/tree/master/Week4/MAKEME.md) + [Git Homework Week 4](https://github.com/HackYourFuture/Git/blob/master/Lecture-1.md)|
1616
|5.|• Second Git Session :see_no_evil:<br>• Events<br>• Callbacks <br>• XHTTP Requests <br>• API calls|[Reading Week 5](https://github.com/HackYourFuture/JavaScript/tree/master/Week5)|[Homework Week 5](https://github.com/HackYourFuture/JavaScript/tree/master/Week5/MAKEME.md) |

‎Week0/README.md‎

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,19 @@
11
# Reading material for your first JavaScript lesson:
22

3-
## Read before session 1:
3+
```
4+
In week one we will discuss the following topics:
5+
• The first part of the day Unmesh will talk about CLI (Command Line Interface)
6+
• Intro JavaScript (What is it, where can you use it for)
7+
• Variables [var, let, const]
8+
• Basic Data types [Strings, Numbers, Arrays]
9+
```
10+
11+
### Here are resources that we like you to read as a preparation for the coming lecture:
412

513
- Read this ~ http://speakingjs.com/es5/ch01.html read up to and including the *Strings* chapter (it’s okay if you don’t understand all of it yet, we will cover these concepts in class as well. Do make sure to write or document the questions you have so we can discuss them in class)
614

715
- Read the entire JavaScript Introduction at MDN~ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Introduction
816

9-
_Please go through all of the material and come to class prepared!_
17+
- Helpful resource: http://jsbooks.revolunet.com/ (here you can find tons of free JavaScript books online)
1018

11-
Helpful resource: http://jsbooks.revolunet.com/ (here you can find tons of free JavaScript books online)
19+
_Please go through the material and come to class prepared!_

‎Week1/README.md‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,18 @@
11
# Reading material for the second lecture:
22

3+
```
4+
In week two we will discuss the following topics:
5+
• Loops (for/while)
6+
• Functions
7+
• Advanced data types [Objects]
8+
• Conditions
9+
• Statements vs Expressions
10+
• Naming conventions
11+
```
12+
13+
### Here are resources that we like you to read as a preparation for the coming lecture:
14+
15+
- 'Functions' of _A Smarter Way To Learn JavaScript_ : Chapters 35 - 38
316
- Functions ~ http://eloquentjavascript.net/03_functions.html
417
- Program structure ~ http://eloquentjavascript.net/02_program_structure.html
518

‎Week1/REVIEW.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,8 @@ tail -n <file> : display last n lines of file
2727
man <COMMAND> : Display manual of the COMMAND
2828
```
2929

30+
:star:Highly recommended:star: :take a look at the Command Line [repository](https://github.com/HackYourFuture/CommandLine) and especially review the preparations of the first lecture: https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md
31+
3032
## Variables
3133

3234
A "variable" is a place where you can store information, such as a string, or a number. New variables in JavaScript are declared using one of three keywords: let, const, or var.

‎Week2/MAKEME.md‎

Lines changed: 22 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ if (3 == 3) {
3434

3535
12. 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:
3636

37-
```js
37+
```js
3838
var obj1 = {
3939
a: 1,
4040
b: 'this is the letter b',
@@ -50,15 +50,15 @@ if (3 == 3) {
5050
bar: [1,2,3,4]
5151
}
5252
}
53-
```
53+
```
5454

5555
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!
5656

5757
Note: give this exercise your best shot but don’t spend more than, say, one hour on it.
5858

59-
2. 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.
59+
13. 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.
6060

61-
```js
61+
```js
6262
function foo(func) {
6363
// What to do here?
6464
}
@@ -68,39 +68,43 @@ if (3 == 3) {
6868
}
6969

7070
foo(bar);
71-
```
71+
```
7272

7373

74-
Write some code to test two arrays for equality using `==` and `===`. Test the following:
74+
14. Write some code to test two arrays for equality using `==` and `===`. Test the following:
7575

76-
```js
76+
```js
7777
var x = [1,2,3];
7878
var y = [1,2,3];
7979
var z = y;
80-
```
81-
What do you think will happen with `x == y`, `x === y` and `z == y` and `z == x`? Prove it!
80+
```
81+
82+
What do you think will happen with `x == y`, `x === y` and `z == y` and `z == x`? Prove it!
8283

83-
> Don't cheat! Seriously - try it first.
84+
> Don't cheat! Seriously - try it first.
8485
85-
Check out this [Fiddle](http://jsfiddle.net/jimschubert/85M4z/). You need to open your browser’s Developer Tools to see the console output. Press the Run button in the upper right corner to run the code.
8686

87-
More insights from this [Stack Overflow question](http://stackoverflow.com/questions/22395357/how-to-compare-two-arrays-are-equal-using-javascript).
87+
Check out this [Fiddle](http://jsfiddle.net/jimschubert/85M4z/). You need to open your browser’s Developer Tools to see the console output. Press the Run button in the upper right corner to run the code.
88+
89+
More insights from this [Stack Overflow question](http://stackoverflow.com/questions/22395357/how-to-compare-two-arrays-are-equal-using-javascript).
8890

8991
### Step 2: **Some freeCodeCamp challenges:**
9092

91-
3. [Comparisons with the Logical And Operator](https://www.freecodecamp.com/challenges/comparisons-with-the-logical-and-operator)
93+
1.. [Comparisons with the Logical And Operator](https://www.freecodecamp.com/challenges/comparisons-with-the-logical-and-operator)
9294

93-
4. [Record Collection](https://www.freecodecamp.com/challenges/record-collection)
95+
2. [Record Collection](https://www.freecodecamp.com/challenges/record-collection)
9496

95-
5. [Iterate over Arrays with map](https://www.freecodecamp.com/challenges/iterate-over-arrays-with-map)
97+
3. [Iterate over Arrays with map](https://www.freecodecamp.com/challenges/iterate-over-arrays-with-map)
9698

97-
6. We did the following example in class:
99+
4. We did the following example in class:
98100

99-
```js
101+
```js
100102
var o1 = { foo: 'bar' };
101103
var o2 = { foo: 'bar' };
102104
var o3 = o2;
103-
```
105+
106+
```
107+
104108
Show that changing `o2` changes `o3` (or not) and changing ~~`o2` changes `o3`~~ `o1` changes `o3`(or not).
105109

106110
Does the order that you assign (`o3 = o2` or `o2 = o3`) matter? {Jim Cramer: ???}

‎Week2/README.md‎

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,23 @@
11
# Reading material for the third lecture:
22

3-
## TODO
3+
```
4+
In week three we will discuss the following topics:
5+
• CLI (Command Line Interface)
6+
• Closures
7+
• Scope
8+
• Array Manipulations
9+
• Basic DOM manipulations [img src, innerHTML]
10+
• Code commenting
11+
```
12+
13+
### Here are resources that we like you to read as a preparation for the coming lecture.
14+
15+
Refresher:
16+
* Objects (*important to really understand them, read this if you are unsure! You may also read chapters 72, 73 and 74 if you have time and want to learn more*):</br>
17+
Chapters 70-71, 75
18+
19+
_Please go through the material and come to class prepared!_
20+
21+
22+
23+

‎Week3/README.md‎

Lines changed: 19 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,22 @@
1+
# Reading material for the fourth lecture:
12

2-
# Refresher
3+
```
4+
In week four we will discuss the following topics:
5+
• Git
6+
• JSON
7+
• Code debugging using the browser
8+
• Functions + JSON/Arrays
9+
• Code flow (order of execution)
10+
• (capturing user input)
11+
• Structuring code files
12+
```
13+
14+
### Here are resources that we like you to read as a preparation for the coming lecture.
15+
16+
- [JSON](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON) (MDN)
17+
- 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.
18+
19+
### A Refresher from some previous covered topics:
320

421
Links to MDN (Mozilla Developer Network) topics:
522

@@ -10,9 +27,7 @@ Links to MDN (Mozilla Developer Network) topics:
1027
- [Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/prototype)
1128
- [Strict mode](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode)
1229

13-
Next week **Unmesh** will give you your first Git session, please look through the [GIT](https://github.com/HackYourFuture/Gitrepository) and read the learning goals.
30+
_Please go through the material and come to class prepared!_
1431

15-
### Read this in preparation for the material taught in the upcoming class
1632

17-
- [JSON](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON) (MDN)
1833

‎Week4/README.md‎

Lines changed: 22 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,25 @@
11
### Reading Week 4
22

3+
4+
# Reading material for the fifth lecture:
5+
6+
```
7+
In week five we will discuss the following topics:
8+
• Second Git Session :see_no_evil:<br>
9+
• Events
10+
• Callbacks
11+
• XHTTP Requests
12+
• API calls
13+
```
14+
15+
### Here are resources that we like you to read as a preparation for the coming lecture.
16+
17+
- Code conventions: http://javascript.crockford.com/code.html
18+
- Objects continued: http://eloquentjavascript.net/06_object.html
19+
- XHTTP requests: https://www.kirupa.com/html5/making_http_requests_js.htm
20+
- Closures: http://javascriptissexy.com/understand-javascript-closures-with-ease/
21+
22+
### Refresher:
323
Read your book ('A Smarter Way To Learn JavaScript')! If you don't do it on yourself, here's the chapters to read next for next week:
424
*Note: If you already know the material you are reading just take a glance over it and don't use too much time. Just be sure that you get everything! You may have already read about it, or used it in the previous classes. Note that this also has 'catch up' material in it, about functions and objects. If you did not take the time to read your book yet about these things please do so!*
525

@@ -15,8 +35,5 @@ Chapters 35 - 38
1535
* Objects (*important to really understand them, read this if you are unsure! You may also read chapters 72, 73 and 74 if you have time and want to learn more*):</br>
1636
Chapters 70-71, 75
1737

18-
To be read before the 5th lecture:
19-
- Code conventions: http://javascript.crockford.com/code.html
20-
- Objects continued: http://eloquentjavascript.net/06_object.html
21-
- XHTTP requests: https://www.kirupa.com/html5/making_http_requests_js.htm
22-
- Closures: http://javascriptissexy.com/understand-javascript-closures-with-ease/
38+
_Please go through the material and come to class prepared!_
39+

‎Week5/README.md‎

Lines changed: 22 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,27 @@
1-
## Reading for lecture 6
1+
# Reading material for the sixth lecture:
22

3-
Before the lecture this Sunday please read:
3+
```
4+
In week six we will discuss the following topics:
5+
• Async VS Sync
6+
• Polling
7+
• Structure for a basic SPA
8+
• There is a TEST the second part of the day
9+
```
10+
11+
### Here are resources that we like you to read as a preparation for the coming lecture:
412

513
- [Learning JavaScript Design Patterns](https://addyosmani.com/resources/essentialjsdesignpatterns/book/#detailnamespacing) up to and including chapter 3
614
- [JavaScript Variable Scope and Hoisting Explained](http://javascriptissexy.com/javascript-variable-scope-and-hoisting-explained/)
715

8-
>If you feel you need preparation for the test I recommend to take a look at the topics listed in the [README](https://github.com/HackYourFuture) of this repo (up to and including week 6) and look up these concepts in your __Smarter Way to Learn JavaScript__ book :books:. It's also useful to go through the reading material and homework of the last weeks.
16+
```
17+
If you feel you need preparation for the test we recommend to do the following:
18+
• Take a look at the topics listed in the [README](https://github.com/HackYourFuture) of this repo (up to and including week 6).
19+
• Review all the _REVIEW.md_ files in every week.
20+
• Look up the concepts you are struggling with in your __Smarter Way to Learn JavaScript__ book :books:.
21+
• It's also useful to go through the reading material and homework of the last weeks.
22+
```
23+
24+
_Please go through the material and come to class prepared!_
25+
26+
27+

‎Week6/README.md‎

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,22 @@
1-
# Reading to be done before the 7th lecture
1+
# Reading material for the seventh lecture:
2+
3+
```
4+
In week seven we will discuss the following topics:
5+
• Git Workflow :muscle:
6+
• Map, reduce filter
7+
```
8+
9+
### Here are resources that we like you to read as a preparation for the coming lecture:
210

311
- Read about APIS: https://www.programmableweb.com/api-university/what-are-apis-and-how-do-they-work
412
- Read about Asynchronous vs. Synchronous programming: http://www.hongkiat.com/blog/synchronous-asynchronous-javascript/
513
- If you want to find out more about (mouse) events, check out this resource: https://www.quirksmode.org/js/events_mouse.html
14+
15+
_Please go through the material and come to class prepared!_
16+
17+
18+
19+
20+
21+
22+

0 commit comments

Comments
 (0)