From 798dbba8c8e6a0a4f8cbc34587f6da8138532282 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 10 Oct 2017 16:33:47 +0300 Subject: [PATCH 01/28] Update README.md --- README.md | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index accb21b53..97da0d862 100644 --- a/README.md +++ b/README.md @@ -2,22 +2,22 @@ # HackYourJavaScript - + Here you can find course content and homework for the JavaScript 1,2 and 3 modules |Week|Topic|Read|Homework|Review| |----|-----|----|--------|------| -|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)|-| -|1.|• [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :heart:
• Intro JavaScript (What is it, where can you use it for)
• Variables [var, let, const]
• Basic Data types [Strings, Numbers, Arrays]
• 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)| -|2.|• Advanced data types [Objects]
• Conditions
• Statements vs Expressions
• Loops (for/while)
• Functions
• 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)| -|3.|• [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :balloon:
• Closures
• Scope
• Array Manipulations
• Basic DOM manipulations [img src, innerHTML]
• 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)|[Review](https://github.com/HackYourFuture/JavaScript/blob/master/Week3/REVIEW.md)| -|4.|• JSON
• Code debugging using the browser
• Functions + JSON/Arrays
• Code flow (order of execution)
• (capturing user input)
• 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)|Review| -|5.|• First Git Session with Unmesh :smiling_imp:
• Events
• Callbacks
• XHTTP Requests
• 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)|Review| -|6.|• Second Git Session :see_no_evil:
• Async VS Sync
• Polling
• Structure for a basic SPA
TEST :boom:|[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| -|7.|• Third Git Session (Git Workflow :muscle:)
• Map, reduce, filter
• Arrow functions|[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| -|8.|• (re)writing data structures (in JSON)
• Closures
• Promises
|[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| -|9.| • Object Literals (and other patterns)
TEST :boom:|[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)| +|0.|Preparation for your first JavaScript session|[Pre-reading](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week0) + [CLI Reading Week 1](https://github.com/SocialHackersCodeSchool/CommandLine/blob/master/Lecture-1.md)|-| +|1.|• [CLI](https://github.com/SocialHackersCodeSchool/CommandLine) session with Unmesh :heart:
• Intro JavaScript (What is it, where can you use it for)
• Variables [var, let, const]
• Basic Data types [Strings, Numbers, Arrays]
• Operators|[Reading Week 1](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week1/README.md) | [Homework Week 1](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week1/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week1/REVIEW.md)| +|2.|• Advanced data types [Objects]
• Conditions
• Statements vs Expressions
• Loops (for/while)
• Functions
• Naming conventions|[Reading Week 2](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/README.md)|[Homework Week 2](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week2/REVIEW.md)| +|3.|• [CLI](https://github.com/SocialHackersCodeSchool/CommandLine) session with Unmesh :balloon:
• Closures
• Scope
• Array Manipulations
• Basic DOM manipulations [img src, innerHTML]
• Code commenting|[Reading Week 3](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3)|[Homework Week 3](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week3/REVIEW.md)| +|4.|• JSON
• Code debugging using the browser
• Functions + JSON/Arrays
• Code flow (order of execution)
• (capturing user input)
• Structuring code files|[Reading Week 4](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4)|[JS](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4/MAKEME.md) + [Git Homework Week 4](https://github.com/SocialHackersCodeSchool/Git/blob/master/Lecture-1.md)|Review| +|5.|• First Git Session with Unmesh :smiling_imp:
• Events
• Callbacks
• XHTTP Requests
• API calls|[Reading Week 5](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week5)|[Homework Week 5](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week5/MAKEME.md)|Review| +|6.|• Second Git Session :see_no_evil:
• Async VS Sync
• Polling
• Structure for a basic SPA
TEST :boom:|[Reading Week 6](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week6)|[Homework Week 6](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week6/MAKEME.md)|Review| +|7.|• Third Git Session (Git Workflow :muscle:)
• Map, reduce, filter
• Arrow functions|[Reading Week 7](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week7)|[Homework Week 7](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week7/MAKEME.md)|Review| +|8.|• (re)writing data structures (in JSON)
• Closures
• Promises
|[Reading Week 8](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week8/README.md)|[Homework Week 8](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week8/MAKEME.md)|Review| +|9.| • Object Literals (and other patterns)
TEST :boom:|[Reading Week 9](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week9/README.md)|[Homework Week 9](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week9/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week9/REVIEW.md)| __Kind note:__ @@ -36,6 +36,6 @@ A tool capable of loading a JSON file and representing it in the DOM A web app with external data source using at least one API 《〠_〠》 ### Overall -A good understanding of all the above mentioned topics. Want to check your Knowledge? Go through the [JavaScript Fundamentals README](https://github.com/HackYourFuture/JavaScript/tree/master/fundamentals) 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](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/fundamentals) and research/ ask for help (Slack!) with the concepts that are not entirely clear. From d89f5c83ddaefd1e4b37df2404cb8df4285ca82a Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 12:31:08 +0300 Subject: [PATCH 02/28] Update README.md --- README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 97da0d862..79c13e93d 100644 --- a/README.md +++ b/README.md @@ -9,20 +9,20 @@ Here you can find course content and homework for the JavaScript 1,2 and 3 modul |Week|Topic|Read|Homework|Review| |----|-----|----|--------|------| |0.|Preparation for your first JavaScript session|[Pre-reading](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week0) + [CLI Reading Week 1](https://github.com/SocialHackersCodeSchool/CommandLine/blob/master/Lecture-1.md)|-| -|1.|• [CLI](https://github.com/SocialHackersCodeSchool/CommandLine) session with Unmesh :heart:
• Intro JavaScript (What is it, where can you use it for)
• Variables [var, let, const]
• Basic Data types [Strings, Numbers, Arrays]
• Operators|[Reading Week 1](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week1/README.md) | [Homework Week 1](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week1/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week1/REVIEW.md)| +|1.|• Intro JavaScript (What is it, where can you use it for)
• Variables [var, let, const]
• Basic Data types [Strings, Numbers, Arrays]
• Operators|[Reading Week 1](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week1/README.md) | [Homework Week 1](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week1/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week1/REVIEW.md)| |2.|• Advanced data types [Objects]
• Conditions
• Statements vs Expressions
• Loops (for/while)
• Functions
• Naming conventions|[Reading Week 2](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/README.md)|[Homework Week 2](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week2/REVIEW.md)| -|3.|• [CLI](https://github.com/SocialHackersCodeSchool/CommandLine) session with Unmesh :balloon:
• Closures
• Scope
• Array Manipulations
• Basic DOM manipulations [img src, innerHTML]
• Code commenting|[Reading Week 3](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3)|[Homework Week 3](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week3/REVIEW.md)| +|3.|• Closures
• Scope
• Array Manipulations
• Basic DOM manipulations [img src, innerHTML]
• Code commenting|[Reading Week 3](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3)|[Homework Week 3](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week3/REVIEW.md)| |4.|• JSON
• Code debugging using the browser
• Functions + JSON/Arrays
• Code flow (order of execution)
• (capturing user input)
• Structuring code files|[Reading Week 4](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4)|[JS](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4/MAKEME.md) + [Git Homework Week 4](https://github.com/SocialHackersCodeSchool/Git/blob/master/Lecture-1.md)|Review| -|5.|• First Git Session with Unmesh :smiling_imp:
• Events
• Callbacks
• XHTTP Requests
• API calls|[Reading Week 5](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week5)|[Homework Week 5](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week5/MAKEME.md)|Review| -|6.|• Second Git Session :see_no_evil:
• Async VS Sync
• Polling
• Structure for a basic SPA
TEST :boom:|[Reading Week 6](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week6)|[Homework Week 6](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week6/MAKEME.md)|Review| -|7.|• Third Git Session (Git Workflow :muscle:)
• Map, reduce, filter
• Arrow functions|[Reading Week 7](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week7)|[Homework Week 7](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week7/MAKEME.md)|Review| +|5.|• Events
• Callbacks
• XHTTP Requests
• API calls|[Reading Week 5](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week5)|[Homework Week 5](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week5/MAKEME.md)|Review| +|6.|• Async VS Sync
• Polling
• Structure for a basic SPA
TEST :boom:|[Reading Week 6](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week6)|[Homework Week 6](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week6/MAKEME.md)|Review| +|7.|• Map, reduce, filter
• Arrow functions|[Reading Week 7](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week7)|[Homework Week 7](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week7/MAKEME.md)|Review| |8.|• (re)writing data structures (in JSON)
• Closures
• Promises
|[Reading Week 8](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week8/README.md)|[Homework Week 8](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week8/MAKEME.md)|Review| |9.| • Object Literals (and other patterns)
TEST :boom:|[Reading Week 9](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week9/README.md)|[Homework Week 9](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week9/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week9/REVIEW.md)| __Kind note:__ -We expect you to __always__ come prepared to the class on Sunday. +We expect you to __always__ come prepared each class. ## Module goals: From 90187929e3a314be6442114c01d5aa85b4d5303c Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 12:31:48 +0300 Subject: [PATCH 03/28] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 79c13e93d..ebc42bad0 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,7 @@ Here you can find course content and homework for the JavaScript 1,2 and 3 modul |Week|Topic|Read|Homework|Review| |----|-----|----|--------|------| -|0.|Preparation for your first JavaScript session|[Pre-reading](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week0) + [CLI Reading Week 1](https://github.com/SocialHackersCodeSchool/CommandLine/blob/master/Lecture-1.md)|-| +|0.|Preparation for your first JavaScript session|[Pre-reading](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week0)|-| |1.|• Intro JavaScript (What is it, where can you use it for)
• Variables [var, let, const]
• Basic Data types [Strings, Numbers, Arrays]
• Operators|[Reading Week 1](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week1/README.md) | [Homework Week 1](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week1/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week1/REVIEW.md)| |2.|• Advanced data types [Objects]
• Conditions
• Statements vs Expressions
• Loops (for/while)
• Functions
• Naming conventions|[Reading Week 2](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/README.md)|[Homework Week 2](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week2/REVIEW.md)| |3.|• Closures
• Scope
• Array Manipulations
• Basic DOM manipulations [img src, innerHTML]
• Code commenting|[Reading Week 3](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3)|[Homework Week 3](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week3/REVIEW.md)| From c7aef28292bbc8be6c47a87b77979d566c9be8d7 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 12:37:07 +0300 Subject: [PATCH 04/28] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ebc42bad0..fefc6d32c 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ Here you can find course content and homework for the JavaScript 1,2 and 3 modul |1.|• Intro JavaScript (What is it, where can you use it for)
• Variables [var, let, const]
• Basic Data types [Strings, Numbers, Arrays]
• Operators|[Reading Week 1](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week1/README.md) | [Homework Week 1](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week1/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week1/REVIEW.md)| |2.|• Advanced data types [Objects]
• Conditions
• Statements vs Expressions
• Loops (for/while)
• Functions
• Naming conventions|[Reading Week 2](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/README.md)|[Homework Week 2](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week2/REVIEW.md)| |3.|• Closures
• Scope
• Array Manipulations
• Basic DOM manipulations [img src, innerHTML]
• Code commenting|[Reading Week 3](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3)|[Homework Week 3](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week3/REVIEW.md)| -|4.|• JSON
• Code debugging using the browser
• Functions + JSON/Arrays
• Code flow (order of execution)
• (capturing user input)
• Structuring code files|[Reading Week 4](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4)|[JS](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4/MAKEME.md) + [Git Homework Week 4](https://github.com/SocialHackersCodeSchool/Git/blob/master/Lecture-1.md)|Review| +|4.|• JSON
• Code debugging using the browser
• Functions + JSON/Arrays
• Code flow (order of execution)
• (capturing user input)
• Structuring code files|[Reading Week 4](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4)|[Homework Week 4](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4/MAKEME.md) |5.|• Events
• Callbacks
• XHTTP Requests
• API calls|[Reading Week 5](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week5)|[Homework Week 5](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week5/MAKEME.md)|Review| |6.|• Async VS Sync
• Polling
• Structure for a basic SPA
TEST :boom:|[Reading Week 6](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week6)|[Homework Week 6](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week6/MAKEME.md)|Review| |7.|• Map, reduce, filter
• Arrow functions|[Reading Week 7](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week7)|[Homework Week 7](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week7/MAKEME.md)|Review| From aaa56cde01dced1a17dae869f2bc2539424737eb Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 15:32:05 +0300 Subject: [PATCH 05/28] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index fefc6d32c..d9eeeb8d0 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ >Please help us improve and share your feedback! If you find better tutorials or links, please share them by opening a Pull Request. -# HackYourJavaScript +# Social Hacking Javascript From 8a9f5176edb140bcb90973d894c91399061fcc28 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 15:39:51 +0300 Subject: [PATCH 06/28] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d9eeeb8d0..650ec3c82 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ Here you can find course content and homework for the JavaScript 1,2 and 3 modul |1.|• Intro JavaScript (What is it, where can you use it for)
• Variables [var, let, const]
• Basic Data types [Strings, Numbers, Arrays]
• Operators|[Reading Week 1](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week1/README.md) | [Homework Week 1](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week1/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week1/REVIEW.md)| |2.|• Advanced data types [Objects]
• Conditions
• Statements vs Expressions
• Loops (for/while)
• Functions
• Naming conventions|[Reading Week 2](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/README.md)|[Homework Week 2](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week2/REVIEW.md)| |3.|• Closures
• Scope
• Array Manipulations
• Basic DOM manipulations [img src, innerHTML]
• Code commenting|[Reading Week 3](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3)|[Homework Week 3](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3/MAKEME.md)|[Review](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week3/REVIEW.md)| -|4.|• JSON
• Code debugging using the browser
• Functions + JSON/Arrays
• Code flow (order of execution)
• (capturing user input)
• Structuring code files|[Reading Week 4](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4)|[Homework Week 4](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4/MAKEME.md) +|4.|• JSON
• Code debugging using the browser
• Functions + JSON/Arrays
• Code flow (order of execution)
• (capturing user input)
• Structuring code files|[Reading Week 4](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4)|[Homework Week 4](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4/MAKEME.md)|Review| |5.|• Events
• Callbacks
• XHTTP Requests
• API calls|[Reading Week 5](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week5)|[Homework Week 5](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week5/MAKEME.md)|Review| |6.|• Async VS Sync
• Polling
• Structure for a basic SPA
TEST :boom:|[Reading Week 6](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week6)|[Homework Week 6](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week6/MAKEME.md)|Review| |7.|• Map, reduce, filter
• Arrow functions|[Reading Week 7](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week7)|[Homework Week 7](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week7/MAKEME.md)|Review| From 4609fe3b656e62c91a5bff4899b2cc6caba31ba9 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 15:43:22 +0300 Subject: [PATCH 07/28] Update MAKEME.md --- Week4/MAKEME.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Week4/MAKEME.md b/Week4/MAKEME.md index 2e080dc1e..70901e115 100644 --- a/Week4/MAKEME.md +++ b/Week4/MAKEME.md @@ -1,6 +1,6 @@ # Homework Week 4 ->[Here](https://github.com/HackYourFuture/JavaScript/tree/master/Week4/README.md) you find the readings you have to complete before the fifth lecture. +>[Here](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week4/README.md) you find the readings you have to complete before the fifth lecture. ## Step 0: Give yourself (or your neighbour) a little tap on the shoulder, you've made it to JS2! :muscle: @@ -9,10 +9,10 @@ Give yourself (or your neighbour) a little tap on the shoulder, you've made it t Let's practice working with Objects and Arrays. Go to FreeCodeCamp and complete all challenges under "Object Oriented and Functional Programming" and the _first four challenges_ under "Basic Algorithm Scripting", up until 'Find the longest word in a string.' ## Step 2: Custom challenge -1. Go to https://api.github.com/orgs/HackYourFuture/repos, you will see a list of the repositories our HYF organization has (yes it's a lot of JSON). +1. Go to https://api.github.com/orgs/SocialHackersCodeSchool/repos, you will see a list of the repositories our HYF organization has (yes it's a lot of JSON). 2. You can copy the JSON and put it in a string at the top of your `.js` file. Print the name of the 3rd repository in the array to the console. 3. Make a `
    ` with a `
  • ` for each repository name (just like you did with the books in the previous assignment). -4. It should only display the modules that are actually being used in the curriculum at the moment, you of course know which those are, but if you need a reminder you can find them in our [curriculum overview](https://github.com/HackYourFuture/curriculum). +4. It should only display the modules that are actually being used in the curriculum at the moment, you of course know which those are, but if you need a reminder you can find them in our [curriculum overview](https://github.com/SocialHackersCodeSchool). 5. Use CSS to divide the page in two columns. The left column will have a list of the names for repository. The right column should have the following information about each repository: the number of `stargazers`, the number of `watchers`, the number of `forks`, the `language` of the repository. 6. place the `avatar_url` (logo) of our organization somewhere on a nice place in your page. From e8fff6226eddad3ca59f2d0327b86c06d324959b Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 16:07:11 +0300 Subject: [PATCH 08/28] Update MAKEME.md --- Week1/MAKEME.md | 16 +++++----------- 1 file changed, 5 insertions(+), 11 deletions(-) diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md index d02722eb4..b3124292d 100644 --- a/Week1/MAKEME.md +++ b/Week1/MAKEME.md @@ -2,16 +2,11 @@ >[Here](https://github.com/HackYourFuture/JavaScript/tree/master/Week1/README.md) you find the readings you have to complete before the second lecture. -We covered a bit of command line usage in the first class and got a program running which is great. If you need a refresher for the command line please have a look here: https://github.com/HackYourFuture/CommandLine +We covered a bit of command line usage in the first class and got a program running which is great. If you need a refresher for the command line please have a look here: https://github.com/SocialHackersCodeSchool/CommandLine ## Before you start with the homework: 1. Watch: [What is programming](https://www.khanacademy.org/computing/computer-programming/programming/intro-to-programming/v/programming-intro) Just watch the 2 min video, you do not have to do the entire JavaScript course (It could be useful later on though). -2. Please watch the following parts of the course, [Programming Foundations Fundamentals](https://www.lynda.com/Programming-Foundations-tutorials/Welcome/83603/90426-4.html) on Lynda.com (if you don't have access to Lynda yet ask Gijs): - 0. Introduction - 1. Programming Basics - 2. Core Programming Syntax - 3. Variables and Data Types ## Step 1: Command Line @@ -71,19 +66,18 @@ On freeCodeCamp.com please do the [Basic JavaScript](https://www.freecodecamp.co ``` steps: • Create a Github account -• Create a new repository (name it something like hyf-javascript1) make sure you select the option: initialize with README +• Create a new repository (name it something like sha-javascript1) make sure you select the option: initialize with README • inside this repository create a folder "week1" • Upload the files you created on your computer inside the week1 folder, write a description for this “commit” • Open the file in your README to check if this all worked -• Create a new repository "hyf-javascript1". Also create a new folder "week1" inside this repository. +• Create a new repository "sha-javascript1". Also create a new folder "week1" inside this repository. • Upload your homework files inside the week1 folder and write a description for this “commit”. -• Your hyf-javascript1/week1 should now contain all your homework files. -• Place the link to your repository folder in Trello. +• Your sha-javascript1/week1 should now contain all your homework files. ``` ### Hint 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. -:star: Additional resources and review: [here](https://github.com/HackYourFuture/JavaScript/tree/master/Week1/REVIEW.md) (work in progress):star: +:star: Additional resources and review: [here](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week1/REVIEW.md) (work in progress):star: From 1d260a44bac38c20d83919fd8fa2d1b7b80fd832 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 16:08:51 +0300 Subject: [PATCH 09/28] Update MAKEME.md --- Week2/MAKEME.md | 19 ++++++------------- 1 file changed, 6 insertions(+), 13 deletions(-) diff --git a/Week2/MAKEME.md b/Week2/MAKEME.md index efec8f539..54815bfdd 100644 --- a/Week2/MAKEME.md +++ b/Week2/MAKEME.md @@ -1,23 +1,16 @@ ## Homework Week 2 ->[Here](https://github.com/HackYourFuture/JavaScript/tree/master/Week2/README.md) you find the readings you have to complete before the third lecture. +>[Here](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/README.md) you find the readings you have to complete before the third lecture. ## Step 1: Recap/Read - Have a look at [The Secret Life of JavaScript Primitives](https://javascriptweblog.wordpress.com/2010/09/27/the-secret-life-of-javascript-primitives/) -- Go through the review of [last week](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/REVIEW.md) (Work in progress, update this week :wrench:) -- Go through the review of [this week](https://github.com/HackYourFuture/JavaScript/blob/master/Week2/REVIEW.md) (work in progress, update this week :nut_and_bolt:) +- Go through the review of [last week](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week1/REVIEW.md) (Work in progress, update this week :wrench:) +- Go through the review of [this week](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week2/REVIEW.md) (work in progress, update this week :nut_and_bolt:) ## Step 2: Watch 1. If you haven't done already, watch: [What is programming](https://www.khanacademy.org/computing/computer-programming/programming/intro-to-programming/v/programming-intro) Just watch the 2 min video, you do not have to do the entire JavaScript course (It could be useful later on though). -2. Please watch the following parts of the course, [Programming Foundations Fundamentals](https://www.lynda.com/Programming-Foundations-tutorials/Welcome/83603/90426-4.html) on Lynda.com (if you don't have access to Lynda yet ask Gijs): -
    4. Writing Conditional Code -
    5. Modular Code -
    6. Iteration: Writing Loops -
    7. More About Strings -
    8. Collections -
    11. When Things Go Wrong ## Step 3: JavaScript > For all the following exercises create a new .js file. Try to find a proper name for each file or make a small comment about what it does inside for future reference @@ -145,11 +138,11 @@ Please make sure you REALLY understand the exercises below: ``` How to hand in your homework: -• Upload your homework in your "hyf-javascript1" Github repository. Make sure to create a new folder "week2" first. +• Upload your homework in your "sha-javascript1" Github repository. Make sure to create a new folder "week2" first. • Upload your homework files inside the week2 folder and write a description for this “commit”. -• Your hyf-javascript1/week2 should now contain all your homework files. +• Your sha-javascript1/week2 should now contain all your homework files. • Place the link to your repository folder in Trello. ``` -:star: Additional resources and review: [here](https://github.com/HackYourFuture/JavaScript/tree/master/Week2/REVIEW.md) (work in progress):star: +:star: Additional resources and review: [here](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week2/REVIEW.md) (work in progress):star: From 191b6e182a631194f7fce8619a2600c11a381195 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 16:09:45 +0300 Subject: [PATCH 10/28] Update REVIEW.md --- Week3/REVIEW.md | 3 --- 1 file changed, 3 deletions(-) diff --git a/Week3/REVIEW.md b/Week3/REVIEW.md index f47595fc2..44907810a 100644 --- a/Week3/REVIEW.md +++ b/Week3/REVIEW.md @@ -9,9 +9,6 @@ This review covers: • Code commenting ``` -## More CLI -Check out the CLI review here: https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-2.md - ## Scope, closures and 'this' Scope, closure and 'this' are about *context*. From a7f38832cf1873807c3aa3285b9c0b0a1963e7d2 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 16:10:32 +0300 Subject: [PATCH 11/28] Update MAKEME.md --- Week3/MAKEME.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index 2ed148bc1..2be43a72f 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -1,11 +1,11 @@ ## Homework Week 3 ->[Here](https://github.com/HackYourFuture/JavaScript/tree/master/Week3/README.md) you find the readings you have to complete before the fourth lecture. +>[Here](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3/README.md) you find the readings you have to complete before the fourth lecture. ## Step 0 review: -- Go through the review of [the first week](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/REVIEW.md) (Work in progress, update this week :wrench:) -- Go through the review of [the second week](https://github.com/HackYourFuture/JavaScript/blob/master/Week2/REVIEW.md) (work in progress, update this week :nut_and_bolt:) -- Go through the review of [the third week](https://github.com/HackYourFuture/JavaScript/blob/master/Week3/REVIEW.md) +- Go through the review of [the first week](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week1/REVIEW.md) (Work in progress, update this week :wrench:) +- Go through the review of [the second week](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week2/REVIEW.md) (work in progress, update this week :nut_and_bolt:) +- Go through the review of [the third week](https://github.com/SocialHackersCodeSchool/JavaScript/blob/master/Week3/REVIEW.md) ## Step 1: Implement feedback @@ -36,9 +36,9 @@ Your Github should contain two repositories called hyf-javascript1 and hyf-comma ``` How to hand in your homework: -• Upload your homework in your "hyf-javascript1" Github repository. Make sure to create a new folder "week3" first. +• Upload your homework in your "sha-javascript1" Github repository. Make sure to create a new folder "week3" first. • Upload your homework files inside the week3 folder and write a description for this “commit”. -• Your hyf-javascript1/week3 should now contain an index.html, main.css and a script.js file (and the images folder) +• Your sha-javascript1/week3 should now contain an index.html, main.css and a script.js file (and the images folder) • Place the link to your repository folder in Trello. ``` @@ -66,7 +66,7 @@ Please note, there are various challenges all sorted on difficultly called KIU. enjoy! -:star: Additional resources and review: [here](https://github.com/HackYourFuture/JavaScript/tree/master/Week3/REVIEW.md) (work in progress):star: +:star: Additional resources and review: [here](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week3/REVIEW.md) (work in progress):star: From 946232fe048ad885e0f1e332b70ace5e71ede716 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 16:14:49 +0300 Subject: [PATCH 12/28] Update MAKEME.md --- Week3/MAKEME.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index 2be43a72f..e72040fd0 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -56,7 +56,7 @@ And just for fun ... https://www.freecodecamp.com/challenges/sum-all-numbers-in- the Bonus homework for this week (for those of you want an extra challenge) do the following: - Sign up on codewars.com -- In you account setting under “clan” write “Hack Your Future” +- In you account setting under “clan” write “Social Hackers Academy” - Go do the challenges in the following playlist: https://www.codewars.com/collections/fun-fun-fundamentals Codewars is really a lot of fun, and you can compete against each other who has the most points :trollface: From 4fbafc5783522dd96a774fba17907712472508bc Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 16:15:12 +0300 Subject: [PATCH 13/28] Update MAKEME.md --- Week3/MAKEME.md | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index e72040fd0..ffa80a285 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -14,11 +14,7 @@ Your fellow students have provided you with feedback in Trello. Your teachers ha - Implement both feedback from Trello and Github. - Check on one of your fellow students code and issues and see if her or she implemented their feedback correctly. If there are some things that can be improved make an issue suggesting further improvements. If you think that the feedback has been implemented correctly create a issue saying something like: "nice work you can clear your issues". -## Step 2: Reorganize your Github - -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). Ty 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. - -## Step 3: Custom DOM manipulation challenge :mortar_board: +## Step 2: Custom DOM manipulation challenge :mortar_board: 1. Open a new js file and start by declaring an array that contains 10 strings. These strings should be of book titles you have read (or made up) and be lowercase without spaces or special characters so that you can use these later as Id's. (Example: Harry Potter's - The Chamber of Secrets -> `harry_potter_chamber_secrets`). From a067d1d201590b7d18d0e7f6c842e15bcaab7062 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 16:15:22 +0300 Subject: [PATCH 14/28] Update MAKEME.md --- Week3/MAKEME.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index ffa80a285..32ebcceea 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -38,7 +38,7 @@ How to hand in your homework: • Place the link to your repository folder in Trello. ``` -## Step 4: **FreeCodeCamp challenges:** +## Step 3: **FreeCodeCamp challenges:** - https://www.freecodecamp.com/challenges/declare-javascript-objects-as-variables - https://www.freecodecamp.com/challenges/make-instances-of-objects-with-a-constructor-function From 7c56fcaaccd181312e9a3e0ae8a716e9a47da76e Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 16:16:55 +0300 Subject: [PATCH 15/28] Update MAKEME.md --- Week4/MAKEME.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Week4/MAKEME.md b/Week4/MAKEME.md index 70901e115..f42e0a778 100644 --- a/Week4/MAKEME.md +++ b/Week4/MAKEME.md @@ -47,9 +47,9 @@ Notes: :octocat: ``` How to hand in your homework: -• Create a new repository "hyf-javascript2". Also create a new folder "week1" inside this repository. +• Create a new repository "sha-javascript2". Also create a new folder "week1" inside this repository. • Upload your homework files inside the week1 folder and write a description for this “commit”. -• Your hyf-javascript2/week1 should now contain the files of your homework. +• Your sha-javascript2/week1 should now contain the files of your homework. • Place the link to your repository folder in Trello. ``` From 0f5318ccc88ab5d6f02241e595146a127c935205 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 16:24:18 +0300 Subject: [PATCH 16/28] Update README.md --- Week5/README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Week5/README.md b/Week5/README.md index 1ef448598..33bb551d7 100644 --- a/Week5/README.md +++ b/Week5/README.md @@ -16,10 +16,10 @@ In week six we will discuss the following topics: - [Polling](https://davidwalsh.name/javascript-polling) - [JavaScript Variable Scope and Hoisting Explained](http://javascriptissexy.com/javascript-variable-scope-and-hoisting-explained/) -### This Sunday we have a test :boom: +### This class we have a test :boom: If you feel you need preparation for the test we recommend to do the following: -- Take a look at the topics listed in the [README](https://github.com/HackYourFuture) of this repo (up to and including week 5). +- Take a look at the topics listed in the [README](https://github.com/SocialHackersCodeSchool) of this repo (up to and including week 5). - Review all the _REVIEW.md_ files in every week. - Look up the concepts you are struggling with 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. From f0fb789cc1252ac5794828be94c7b56b3c1fa329 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 16:26:45 +0300 Subject: [PATCH 17/28] Update MAKEME.md --- Week5/MAKEME.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/Week5/MAKEME.md b/Week5/MAKEME.md index 121b17f8d..e144dc419 100644 --- a/Week5/MAKEME.md +++ b/Week5/MAKEME.md @@ -1,6 +1,6 @@ ## Homework Week 5 ->[Here](https://github.com/HackYourFuture/JavaScript/tree/master/Week5/README.md) you find the readings you have to complete before the sixth lecture. +>[Here](https://github.com/SocialHackersCodeSchool/SocialHackersCodeSchool/tree/master/Week5/README.md) you find the readings you have to complete before the sixth lecture. ### Step 0 All share a video or a resource (this can be a drawing, article or a pod cast) that was helpful for you the last few weeks with learning JavaScript. Please share this in the channel of your class in Slack. Also write as small note about what the resource i about and why you think it's so helpful (you can share more than one if you like). @@ -95,18 +95,18 @@ Make a website that fetches (= to get) data asynchronously. 2) Add a button (e.g. 'click me') that when clicked `console.logs` 'you clicked me!' -3) Create a function that fetches from [The Github API](https://developer.github.com/v3/). For example from [this page] (https://api.github.com/orgs/HackYourFuture/repos) (the one we used last week). For help on this check this [SO post](https://stackoverflow.com/questions/247483/http-get-request-in-javascript) +3) Create a function that fetches from [The Github API](https://developer.github.com/v3/). For example from [this page] (https://api.github.com/orgs/SocialHackersCodeSchool/repos) (the one we used last week). For help on this check this [SO post](https://stackoverflow.com/questions/247483/http-get-request-in-javascript) 4) Display the data that you get from the Github API on your web page. 5) Now link the two together: When you click the button -> get the data from the Github API and display it on your website -6) Make all the repositories link their own page in Github. Use the value of the key: `name` to make this work (hint: Github urls always look like this https://api.github.com/repos/HackYourFuture/[repositoryName] where [repositoryName] would be replaced by the actual `name` of the repository, for example `CommandLine`). Make sure the link opens in a new tab. +6) Make all the repositories link their own page in Github. Use the value of the key: `name` to make this work (hint: Github urls always look like this https://api.github.com/repos/SocialHackersCodeSchool/[repositoryName] where [repositoryName] would be replaced by the actual `name` of the repository, for example `CommandLine`). Make sure the link opens in a new tab. 7) BONUS: if you look at this: ```js -https://api.github.com/repos/HackYourFuture/CommandLine +https://api.github.com/repos/SocialHackersCodeSchool/CommandLine ``` You can see `CommandLine` in the URL. These are called "query parameters" and let us specify in detail what we want from the API. Play around with this. For example you can make two buttons that either get data for a specific repository, JavaScript or Node.js. Or go even more crazy and make users type in a search box 'JavaScript' and then send that to the API by changing the repository. @@ -126,12 +126,12 @@ You can see `CommandLine` in the URL. These are called "query parameters" and le ``` How to hand in your homework: -• Clone your existing "hyf-javascript2" Github repository. +• Clone your existing "sha-javascript2" Github repository. • Create a new folder "week2" USING THE COMMAND LINE • Save your homework files inside this folder. • When you are done with your homework use add/commit and push to upload your homework. • Write a description for your “commit”. -• Your hyf-javascript2/week2 should now contain all your homework files. +• Your sha-javascript2/week2 should now contain all your homework files. Place the link to your repository folder in Trello. ``` From b13a5fa206a3598e433ebf5febd3796cbcf0419a Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 16:27:58 +0300 Subject: [PATCH 18/28] Update README.md --- Week6/README.md | 3 --- 1 file changed, 3 deletions(-) diff --git a/Week6/README.md b/Week6/README.md index f14c3231b..ec9427fb7 100644 --- a/Week6/README.md +++ b/Week6/README.md @@ -2,7 +2,6 @@ ``` In week seven we will discuss the following topics: -• Git Workflow :muscle: • Map, reduce filter • Arrow functions ``` @@ -13,8 +12,6 @@ Some nice resources about map, filter, reduce - :dizzy: [Fun fun functional](https://www.youtube.com/playlist?list=PL0zVEGEvSaeEd9hlmCXrk5yUyqUag-n84) :dizzy: Check the first 3-4 videos. - Wes Bos' awesome free tutorials. Just make a free account and do Array Cardio #1 [here](https://javascript30.com/) -- Check out this video of Daan to see how we use Git Workflow to hand in Homework (from now on): https://www.youtube.com/watch?v=-o0yomUVVpU&index=2&list=PLVYDhqbgYpYUGxRdtQdYVE5Q8h3bt6SIA - _Please go through the material and come to class prepared!_ From 668098ead22e1e7a8b46f8447e796383ab58b2cb Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 16:29:30 +0300 Subject: [PATCH 19/28] Update MAKEME.md --- Week6/MAKEME.md | 32 ++++++-------------------------- 1 file changed, 6 insertions(+), 26 deletions(-) diff --git a/Week6/MAKEME.md b/Week6/MAKEME.md index 3eacf6cce..dd5bb50f6 100644 --- a/Week6/MAKEME.md +++ b/Week6/MAKEME.md @@ -22,7 +22,7 @@ Make a website that fetches (= to get) data asynchronously. 2) Add a button (e.g. 'click me') that when clicked `console.logs` 'you clicked me!' -3) Create a function that fetches from [The Github API](https://developer.github.com/v3/). For example from [this page] (https://api.github.com/orgs/HackYourFuture/repos). For help on this check this [SO post](https://stackoverflow.com/questions/247483/http-get-request-in-javascript) +3) Create a function that fetches from [The Github API](https://developer.github.com/v3/). For example from [this page] (https://api.github.com/orgs/SocialHackersCodeSchool/repos). For help on this check this [SO post](https://stackoverflow.com/questions/247483/http-get-request-in-javascript) 4) Display the data that you get from the Github API on your web page. @@ -33,12 +33,12 @@ Cool we are back where we left of. 6) Take a look at this: ```js -https://api.github.com/repos/HackYourFuture/CommandLine +https://api.github.com/repos/SocialHackersCodeSchool/CommandLine ``` -7) Make a function which takes a single argument. The function should make an XHR request to `https://api.github.com/repos/HackYourFuture/[SearchTerm]` where the search term will be the argument. This argument will be the input the user has given you, so make sure that when the user clicks the button you call this function with the argument. +7) Make a function which takes a single argument. The function should make an XHR request to `https://api.github.com/repos/SocialHackersCodeSchool/[SearchTerm]` where the search term will be the argument. This argument will be the input the user has given you, so make sure that when the user clicks the button you call this function with the argument. -8) Make all the repositories link their own page in Github. Use the value of the key: `name` to make this work (hint: Github urls always look like this https://api.github.com/repos/HackYourFuture/[repositoryName] where [repositoryName] would be replaced by the actual `name` of the repository, for example `CommandLine`). Make sure the link opens in a new tab. +8) Make all the repositories link their own page in Github. Use the value of the key: `name` to make this work (hint: Github urls always look like this https://api.github.com/repos/SocialHackersCodeSchool/[repositoryName] where [repositoryName] would be replaced by the actual `name` of the repository, for example `CommandLine`). Make sure the link opens in a new tab. - Make sure you handle user input well. That means you need to think about empty input, and input that doesn't yield any results. @@ -69,33 +69,13 @@ So for example, we have teams in our organization. You can find out who are in t Anyway, endless fun and possibilities. Need inspiration, check out the Github API documentation. Oh and please make it look nice (hint: use the stuff you learned in HTML/CSS)! - -### Step 4: Git branching homework - -1) Use the unmeshvrije/MyFirst repository (the one you cloned) for this homework. - -2) Make a branch. - -3) Name it YOUR-GITHUB-NAME-dev - -4) Create a file commands.txt in your branch. - -5) Add bash commands that you have learnt with descriptions - -6) Then git add, commit and push them in a remote branch. - -**Do not merge the changes to master branch. - -** Do not make any changes to master branch. - - __Bonus__: Write a function takes this array `['a', 'b', 'c', 'd', 'a', 'e', 'f', 'c']` and returns an array which only has unique values in it (so it removes the duplicate ones). Make it a 'smart' algorithm that could do it for every array (only strings/number). Try to make it as fast as possible! ``` How to hand in your homework: -• Upload your homework in your "hyf-javascript2" Github repository. Make sure to create a new folder "week3" first. +• Upload your homework in your "sha-javascript2" Github repository. Make sure to create a new folder "week3" first. • Upload your homework files inside the week3 folder and write a description for this “commit”. -• Your hyf-javascript2/week3 should now contain an index.html, main.css and a script.js file (and the images folder) +• Your sha-javascript2/week3 should now contain an index.html, main.css and a script.js file (and the images folder) • Place the link to your repository folder in Trello. ``` From 4cd8ef226798d96a24f77c18ac73a49d9e341c7b Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Tue, 17 Oct 2017 16:31:09 +0300 Subject: [PATCH 20/28] Update MAKEME.md --- Week6/MAKEME.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week6/MAKEME.md b/Week6/MAKEME.md index dd5bb50f6..287f8ef32 100644 --- a/Week6/MAKEME.md +++ b/Week6/MAKEME.md @@ -1,6 +1,6 @@ # Homework Week 6 ->[Here](https://github.com/HackYourFuture/JavaScript/tree/master/Week6/README.md) you find the readings you have to complete before the seventh lecture. +>[Here](https://github.com/SocialHackersCodeSchool/JavaScript/tree/master/Week6/README.md) you find the readings you have to complete before the seventh lecture. ### Step 1: Feedback From 1fd5a245848f75de85e9be5ff89bc0c991ee7234 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Thu, 19 Oct 2017 13:34:19 +0300 Subject: [PATCH 21/28] Update README.md --- Week2/README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/Week2/README.md b/Week2/README.md index ed33a643d..3aa094e74 100644 --- a/Week2/README.md +++ b/Week2/README.md @@ -2,7 +2,6 @@ ``` In week three we will discuss the following topics: -• CLI (Command Line Interface) • Closures • Scope • Array Manipulations From 37c916bcbe45cfec336154ad9c2d34229d9f84a7 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Thu, 19 Oct 2017 13:35:27 +0300 Subject: [PATCH 22/28] Update README.md --- Week3/README.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/Week3/README.md b/Week3/README.md index 21fc6d059..2d3b00e01 100644 --- a/Week3/README.md +++ b/Week3/README.md @@ -2,7 +2,6 @@ ``` In week four we will discuss the following topics: -• Git • JSON • Code debugging using the browser • Functions + JSON/Arrays @@ -14,7 +13,6 @@ In week four we will discuss the following topics: ### Here are resources that we like you to read as a preparation for the coming lecture. - [JSON](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON) (MDN) -- 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. - Chrome DevTools [Debugging](https://developers.google.com/web/tools/chrome-devtools/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3) ### A Refresher from some previous covered topics: From b36a17921ed55feda9712ea8afd0104958b3cbe4 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Thu, 19 Oct 2017 13:36:03 +0300 Subject: [PATCH 23/28] Update MAKEME.md --- Week3/MAKEME.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index 32ebcceea..a8acd9b39 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -9,9 +9,9 @@ ## Step 1: Implement feedback -Your fellow students have provided you with feedback in Trello. Your teachers have provided you with feedback in issues in Github. +Your teachers have provided you with feedback in issues in Github. -- Implement both feedback from Trello and Github. +- Implement both feedback Github. - Check on one of your fellow students code and issues and see if her or she implemented their feedback correctly. If there are some things that can be improved make an issue suggesting further improvements. If you think that the feedback has been implemented correctly create a issue saying something like: "nice work you can clear your issues". ## Step 2: Custom DOM manipulation challenge :mortar_board: From 141d9d276435fe05a86ad0848bf1d69de9183e92 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Thu, 19 Oct 2017 13:45:32 +0300 Subject: [PATCH 24/28] Update README.md --- Week4/README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/Week4/README.md b/Week4/README.md index 846bf16d3..3dc119120 100644 --- a/Week4/README.md +++ b/Week4/README.md @@ -5,7 +5,6 @@ ``` In week five we will discuss the following topics: -• First Git Session • Events • Callbacks • XHTTP Requests From 2f15f11acfc4a28d816c6fb3b608c38d7cd43d17 Mon Sep 17 00:00:00 2001 From: Chris Owen Date: Thu, 19 Oct 2017 13:46:16 +0300 Subject: [PATCH 25/28] Update README.md --- Week5/README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/Week5/README.md b/Week5/README.md index 33bb551d7..5fb72bec2 100644 --- a/Week5/README.md +++ b/Week5/README.md @@ -2,7 +2,6 @@ ``` In week six we will discuss the following topics: -• Second Git Session • Async VS Sync • Polling • Structure for a basic SPA From dba880bae1d5ebca3498c46759f04d39cb1481fb Mon Sep 17 00:00:00 2001 From: PGorvitzSH <32056616+PGorvitzSH@users.noreply.github.com> Date: Sun, 22 Oct 2017 12:54:13 -0700 Subject: [PATCH 26/28] Update MAKEME.md comments, solutions to these questions. --- Week1/MAKEME.md | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md index b3124292d..863dfb764 100644 --- a/Week1/MAKEME.md +++ b/Week1/MAKEME.md @@ -36,6 +36,17 @@ Write commands to do following: 2. How do you round the number 7.25, to the nearest integer? + currnum = 5.49999999999999955 ; + + if (currnum % 1 >= 0.5) { + + console.log (currnum - currnum % 1 + 1) ; + } + else { + + console.log (currnum - currnum % 1) ; + } + 3. Create a array called `colors` with the strings red, green and blue inside. 4. How can you find the length of the string you just created? @@ -54,10 +65,18 @@ For example: 6. If `x` equals 7, and the only other statement is `x = x % 3`, what would be the new value of `x`? + let x = 7 ; + x = x % 3 ; + console.log (x) ; + 1 + 7. Write a program to answer the following questions: * Can you store multiple types in an array? Numbers and strings? * Can you compare inifities? (Not in Eyad's world) - does 6/0 == 10/0? How can you test this? + 6 / 0 == -6 / -0 == Infinity == Number.POSITIVE_INFINITY + -6 / 0 == 6 / -0 == -6 / 0 == Number.NEGATIVE_INFINITY + ### Step 3: **Some freeCodeCamp challenges (10 hours):** 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). From 21ac980e03ebaf2e28f5f6f221bfe8852e0f800c Mon Sep 17 00:00:00 2001 From: PGorvitzSH <32056616+PGorvitzSH@users.noreply.github.com> Date: Sun, 22 Oct 2017 14:34:41 -0700 Subject: [PATCH 27/28] Update REVIEW.md commenting on what was covered by 10/19 --- Week1/REVIEW.md | 43 ++++++++++++++++++++++++++----------------- 1 file changed, 26 insertions(+), 17 deletions(-) diff --git a/Week1/REVIEW.md b/Week1/REVIEW.md index b97e46057..fb8ecd7a2 100644 --- a/Week1/REVIEW.md +++ b/Week1/REVIEW.md @@ -53,9 +53,9 @@ A "variable" is a place where you can store information, such as a string, or a Variables are "declared" using the `var`, `let` or `const` keyword: ```js -var x; -let foo; -const bar; +var x; -- covered +let foo; -- covered +const bar; -- covered, without practicing ``` ### let and const @@ -63,19 +63,19 @@ const bar; - read about [const](https://developer.mozilla.org/nl/docs/Web/JavaScript/Reference/Statements/const) - [let vs const] (http://wesbos.com/let-vs-const/) -Here, we say: "declare variable x and initialize it with the integer (number) 5". +Here, we say: "declare variable x and initialize it with the integer (number) 5". -- used the word 'declare' without covering this vocabulary deliberately ```js -let foo; // declare variable `foo` +let foo; // declare variable `foo` -- used in code ``` ```js -let foo = 6; // declare and assign a variable at the same time +let foo = 6; // declare and assign a variable at the same time -- covered explicitly ``` You can also assign a value to an existing variable: ```js -foo = 4; // change variable `foo` +foo = 4; // change variable `foo` -- used in code ``` @@ -83,15 +83,16 @@ foo = 4; // change variable `foo` All variables have a type. In our example above, the variable `x` is a `number`. JavaScript supports the following types: -* `string`, e.g. "HackYourFuture" -* `number`, e.g. 5, or 10.6 -* `boolean`, e.g. `true` or `false` -* `array`\*, e.g. `[1, 2, 3]` or `['what', 'is', 'your', 'name']` -* `object`, e.g. `{name: 'John', age: 24}`, or the special object `null` -* `function`, e.g. `function () { return 4; }` -* `symbol` +* `string`, e.g. "HackYourFuture" -- covered +* `number`, e.g. 5, or 10.6 -- covered +* `boolean`, e.g. `true` or `false` -- covered briefly +* `array`\*, e.g. `[1, 2, 3]` or `['what', 'is', 'your', 'name']` -- started; took some time; not covered completely +* `object`, e.g. `{name: 'John', age: 24}`, or the special object `null` -- brought up; not explore, except in the context of Array +* `function`, e.g. `function () { return 4; }` ; brought up, mentioned in some contexts; used -- not discussed in detail +* `symbol` -- not mentioned -In addition, a variable may be `undefined`. This is also a special type. +In addition, a variable may be `undefined`. This is also a special type. -- mentioned, and discussed at a certain level + -- also, mentioned null. To get the type of a variable, use the following code: @@ -100,6 +101,8 @@ let x = 5; let typeOfX = typeof x; // -> 'number' ``` +-- covered + Note that I've put an asterisk behind 'array'. That is because in JavaScript, array is a special kind of object: ```js @@ -107,12 +110,16 @@ let arr = [1, 2, 3]; let typeOfArr = typeof arr; // -> 'object' ``` +-- showed that this is the case + However, in our communication, we will call these variables arrays. ### Null & undefined The values `null` and `undefined` are very similar in JavaScript, but they behave a bit differently. The difference is that `null` always has type "object", and `undefined` always has type "undefined". +-- discussed undefined type and value; not so much null, but mentioned it. null is not of type Object in JavaScritp. It is intended to be of type null. + Whenever you declare a variable, but you don't set a value, the variable will become `undefined`. JavaScript will never make a variable `null` unless you explicitly program it. ```js @@ -120,12 +127,14 @@ let x; console.log(typeof x); // -> 'undefined' ``` +-- shown, maybe discussed a bit + -### Typeof +### Typeof -- covered -- though to get type -- eg. to distinguish between Objects, Arrays, etc. -- may need some other things You can use `typeof` to get the type of a certain variable as you have seen in the above section 'Variable types'. As you can see in the following examples it returns the type of data that you have stored in your variable. -## Strings +## Strings -- covered but not in terms of length -- or other object properties In JavaScript you can store a series of characters inside a variable, you then call this a string. You can store all sorts of characters (text/numbers, spaces or phrases) in strings. By using the `''` you define that something is a string. You can also use `""` to create a string. Both are fine as long as you are consistent (just make a choice on which one you prefer and stick to it). From 622e75b949430d036afa840ad555d44ffed64d7a Mon Sep 17 00:00:00 2001 From: PGorvitzSH <32056616+PGorvitzSH@users.noreply.github.com> Date: Sun, 22 Oct 2017 17:34:04 -0700 Subject: [PATCH 28/28] Update REVIEW.md notes on Friday class. --- Week1/REVIEW.md | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/Week1/REVIEW.md b/Week1/REVIEW.md index fb8ecd7a2..bd4af461f 100644 --- a/Week1/REVIEW.md +++ b/Week1/REVIEW.md @@ -163,7 +163,7 @@ baz.length; //-> 11 ## Numbers -All numbers in JavaScript are considered numbers with or without decimal +All numbers in JavaScript are considered numbers with or without decimal -- briefly mentioned ```js let quux = 42; @@ -175,7 +175,7 @@ typeof quuux //-> 'number' ``` -## Arrays +## Arrays -- covered a substantial portion of this Variables that are arrays contain a list of things, instead of just one thing. What's inside the array, we typically call "elements". So, the array `[1, 2, 3]` has three elements. The array `[]` has no elements and is therefore empty. The number of elements in an array is called its "length". @@ -192,13 +192,15 @@ The number `0` is the "index of the first element of array `arr`". Conversely, t Instead of a number, you can also use a variable to access elements in an array, *as long as this variable is a number*: +-- did not cover this + ```js let arr = ['john', 'jane', 'jack']; let a = 1; console.log(arr[a]); // -> jane ``` -If the index you use is not an integer (a whole number), or if it's less than `0` or if it's greater than or equal to the array's length, you will get back `undefined`. +If the index you use is not an integer (a whole number), or if it's less than `0` or if it's greater than or equal to the array's length, you will get back `undefined`. -- did not cover this More about [arrays](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array) @@ -209,8 +211,8 @@ A single equals sign (=) is used to assign a value to a variable. A triple equals sign (===) is used to compare two values (see Equality Operators). #### Equality operators -* Equality `==` -* Inequality `!=` +* Equality `==` -- covered this +* Inequality `!=` -- mentioned this once * Identity / strict equality `===` * Non-identity / strict inequality `!==` @@ -286,4 +288,5 @@ x += 1; x = x + 1; ``` +covered idea of what a variable is -- it represents a number, or String, or something... I didn't use the word 'represents,' and I did not say 'in place of...'