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

Skip to content

Commit 1554510

Browse files
author
Noer Paanakker
committed
merge content-rewrite-noer
2 parents ec7fc12 + b60e890 commit 1554510

File tree

4 files changed

+132
-1
lines changed

4 files changed

+132
-1
lines changed

Week1/LESSONPLAN.md

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
# Lesson Plan JavaScript2 Week 1
2+
3+
## Agenda
4+
5+
The purpose of this class is to introduce to the student:
6+
7+
- How a webpage is made up of objects (DOM)
8+
- How JavaScript can be used to manipulate those objects (DOM manipulation)
9+
- Show a list of commonly used browser defined functions
10+
- How to combine add and remove DOM elements
11+
12+
## Core concepts
13+
14+
FIRST HALF (12.00 - 13.30)
15+
16+
1. How a webpage is made up of objects (DOM)
17+
18+
_Show examples_
19+
20+
2. How JavaScript can be used to manipulate those objects (DOM manipulation)
21+
22+
**Do exercise**
23+
24+
SECOND HALF (14.00 - 16.00)
25+
26+
3. Show a list of commonly used browser defined functions
27+
28+
_Show examples_
29+
30+
4. How to combine add and remove DOM elements
31+
32+
**Do exercise**

Week2/LESSONPLAN.md

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
# Lesson Plan JavaScript2 Week 2
2+
3+
## Agenda
4+
5+
The purpose of this class is to introduce to the student:
6+
7+
- What synchronous vs. asynchronous processes are
8+
- What callbacks are and how to write your own
9+
- How the event loop works
10+
- Show 3 commonly used array functions (filter, reduce, map)
11+
12+
## Core concepts
13+
14+
FIRST HALF (12.00 - 13.30)
15+
16+
1. What synchronous vs. asynchronous processes are
17+
18+
Notes:
19+
20+
- Synchronous refers to a linear execution process: one step at a time
21+
- Asynchronous helps us do multiple things in parallel
22+
23+
_Show examples_
24+
25+
2. What callbacks are and how to write your own
26+
27+
Notes:
28+
29+
- Callbacks are a way to introduce asynchronocity
30+
31+
**Do exercise**
32+
33+
SECOND HALF (14.00 - 16.00)
34+
35+
3. How the event loop works
36+
37+
Notes:
38+
39+
- The event loop is part of the browser
40+
- It determines when any given function is executed
41+
42+
_Show examples_
43+
44+
4. Show 3 commonly used array functions (filter, reduce, map)
45+
46+
Notes:
47+
48+
- Array functions are predefined functions that come from the Array object
49+
- Each function serves to manipulate arrays in a specific way
50+
51+
**Do exercise**

Week3/LESSONPLAN.md

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
# Lesson Plan JavaScript2 Week 3
2+
3+
## Agenda
4+
5+
The purpose of this class is to introduce to the student:
6+
7+
- The importance of scope (global, functional and block)
8+
- What hoisting is and the difference between compile time and run time
9+
- The use and purpose of closures
10+
11+
## Core concepts
12+
13+
FIRST HALF (12.00 - 13.30)
14+
15+
1.The importance of scope (global, functional and block)
16+
17+
Notes:
18+
19+
- It determines the accessibility of variables
20+
- Variables defined inside a function are not accessible (visible) from outside the function.
21+
22+
2. What hoisting is and the difference between compile time and run time
23+
24+
Notes:
25+
26+
- Compile time is when the JavaScript is prepared to be executed in the browser
27+
- Run time is when the JavaScript is actually executed, line by line
28+
29+
_Show examples_
30+
31+
**Do exercise**
32+
33+
SECOND HALF (14.00 - 16.00)
34+
35+
3. The use and purpose of closures
36+
37+
Notes:
38+
39+
- Used for data privacy
40+
- Access to the environment of the outer function
41+
42+
Notes:
43+
44+
_Show examples_
45+
46+
**Do Exercise**

Week3/README.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,9 @@ It depends on `context` for me to know what really happened.
3434

3535
Let's draw the line to programming. Simply put, just like context gives meaning to a word, `scope` gives meaning to a variable/object.
3636

37-
That meaning is defined by whether or not the variable is accessible. If the variable is not within the "scope" (you could also call it "reach") of any given code block, it can't access it.
37+
That meaning is defined by whether or not the variable is accessible. If the variable is not within the "scope" of any given code block, it can't access it. Which means it doesn't exist from the perspective of that code block.
38+
39+
This is actually a good thing: we want to make sure that parts of our data have limited accessibility. Imagine that the password to your email account would be available everywhere, and you could easily get access to it by writing some code in the console of your browser. Do you know how easily it would be to hack into your account?
3840

3941
For further research, check out the following:
4042

0 commit comments

Comments
 (0)