updated reading material and homework

mkruijt · mkruijt · commit 46bb59646f9a · 2017-03-06T16:53:12.000+01:00
diff --git a/README.md b/README.md
@@ -1,67 +1,50 @@
-# JavaScript
-Brainstorm JavaScript module
 
-Here is an overview of the brainstorm sessions for the JavaScript modules.
-Feel free to make suggestions or add anything.
-If everyone can help out with elaborating on the different subjects that would be great!
-What you see below is a rough layout for the first three Javascript modules. Feel free to deviate from this layout but try to cover all of the subject matters listed.
 
+# Hack Your JavaScript
+This is the description of the classes for JavaScript fundamentals.
 
-# What
-  
-## Module 1 (3 weeks)
- * what is a CLI
- * Basic Git commands by CLI 
- * publish your websites on Git (UI)
- * branch and push, clone
- * Intro Javascript (What is it, where can you use it for)
- * Querying the DOM
- * Basic datatypes (array, string, number, bool)
- * Loops, if statements
- * Browser debugging & ClI debugging
+## Composition (Module goals)
 
+|Week|Topic|Read|Homework|
+|----|-----|----|--------|
+|0.|preparation for first JavaScript session|https://github.com/HackYourFuture/JavaScript/tree/master/Week0|https://github.com/HackYourFuture/JavaScript/tree/master/Week0|
+|1.|Values, Operators and Variables. Primitives Types ( Strings, Numbers, Arrays, Functions, Objects literals) Conditions|https://github.com/HackYourFuture/JavaScript/tree/master/Week1|https://github.com/HackYourFuture/JavaScript/tree/master/Week1|
+|2.|Functions, For and While Loops,String and Array Manipulations |https://github.com/HackYourFuture/JavaScript/tree/master/Week2|https://github.com/HackYourFuture/JavaScript/tree/master/Week2|
+|3.|String and Array Manipulations, Closures, Scope and Immediately Invoked function expression, Call Backs and Promises|https://github.com/HackYourFuture/JavaScript/tree/master/Week3|https://github.com/HackYourFuture/JavaScript/tree/master/Week3|
+|4.|Async VS Sync, XHTTP Requests|TBA|TBA|
+|5.|Objects and Instances|TBA|TBA|
+|6.|TBA|TBA|TBA|
+|7.|Test Driven Development|TBA|TBA|
+|8.|Test Driven Development|TBA|TBA|
+|9.|Test Driven Development|TBA|TBA|
 
-## Module 2 (3 weeks)
- * Code conventions
- * Function declaration and excecution (code flow)
- * Scope
- * Github documentation (readme, description, open sourcery)
- * Git tracking, terminology
- * Advanced datatypes(objects)
- * Code flow
- * JavaScript functions, callbacks (events)
- * Writing a multi function program (or game :)
 
-## Module 3 (3 weeks)
- * HTTP requests
- * APIs!
- * JSON
- * Polling external data dynamically
- * (Unit testing)
+# References
+_We demand our student to be prepared (or at least to briefly read) the content of the class._
 
-## Optional: 
- * Code patterns
- * Observer patterns
- * Watcher patterns
+I'm concerned that a lot of students would like to have video resources, although my preference goes trough books.
+If you would like to recommend resource that I should add, please pm me.
 
+---
+## Lesson 1 ( 19/02/2017 )
 
-# How
+- Introduction ~ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Introduction
+- Introduction with scaffolding ~ http://jsforcats.com/
+- Values ~ http://eloquentjavascript.net/01_values.html
 
- * Try to find an example you can expand on. For instance coding a website that lists the students in the class along with their Github Repos. This way you can show anything from DOM querying to objects (for each student) and even load up the Github API
- * Live coding in class to show how certain features work.
- * Ask students to present their work, let them know failing while coding isn't just accepted it's encouraged. Fail often and fail early.
- * Homework is listed on Trello and handed in on Github
- * There's no strict lesson plan, adapt to students' need and level. Try to make up more advanced challenges for quick learners.
- * Test after every module, if students fail they can't move on to the rest of the program. It is possible to redo a module (one time).
+## Lesson 2 ( 26/02/2017 )
 
+- Functions ~ http://eloquentjavascript.net/03_functions.html
+- Program structure ~ http://eloquentjavascript.net/02_program_structure.html
 
-## Extra extra
- * Slackbot 
- * Work in one environment 
+## Lesson 3
 
+## Lesson 4
 
-## After
- * Feedback from students and teachers on the modules
+## Lesson 5
 
+## Lesson 6
 
 
+Module goals:
+
diff --git a/Week0/README.md b/Week0/README.md
@@ -0,0 +1,11 @@
+#Reading material for your first JavaScript lesson:
+
+## Lesson 1
+
+- Introduction ~ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Introduction
+- Introduction with scalfolding ~ http://jsforcats.com/
+- Values ~ http://eloquentjavascript.net/01_values.html
+
+_Please go through the material and come to class prepared!_
+
+Helpful resource: http://jsbooks.revolunet.com/
diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md
@@ -0,0 +1,4 @@
+##Assignments week 2:
+
+Finish these [Basic JavaScript](https://www.freecodecamp.com/challenges/learn-how-free-code-camp-works) exercises in FreeCodeCamp:
+from _Comment your JavaScript_  to the _Golf code_ exercise
diff --git a/Week1/README.md b/Week1/README.md
@@ -1,13 +1,6 @@
-# Lecture one
+#Reading material for the second lecture:
 
-# Covered in class:
+- Functions ~ http://eloquentjavascript.net/03_functions.html
+- Program structure ~ http://eloquentjavascript.net/02_program_structure.html
 
-## Git introduction 
-  * publish your websites on Git (UI)
-  * branch and push, clone
-  
-## Homework
- * Create a .js file that prints something to the console and add it to your github pages repository.
- * Recreate your CV (from the HTML/CSS module) on pages.github.io using this tutorial https://pages.github.com/ and share your link on Trello
- * Complete the first couple assignments on Codecademy (up until Math operators I)
- * Use document.querySelector to select an element in your github pages website and change the innerHTML.
+_Please go through the material and come to class prepared!_
diff --git a/Week2/MAKEME.md b/Week2/MAKEME.md
@@ -0,0 +1,4 @@
+##Assignment week 2
+
+Finish these [Basic JavaScript](https://www.freecodecamp.com/challenges/learn-how-free-code-camp-works) exercises in FreeCodeCamp:
+from _Iterate with JavaScript For Loops_  to the _Invert Regular Expression Matches with JavaScript_ exercise
diff --git a/Week2/README.md b/Week2/README.md
@@ -1,24 +1,3 @@
-# Lecture two
+#Reading material for the third lecture:
 
-# Covered in class:
-
-## Homework:
-  * Update your CV:
-    1. Remove sensitive personal information. You can link to your LinkedIn account for instance if you want people to be able to reach you
-    2. Look at the feedback from the last module (HTML/CSS) change your CV to reflect this feedback.
-    3. Validate your html using the W3c Vaidator https://validator.w3.org/
-  * Complete the following codecamp assignments:
-    * Start at https://www.freecodecamp.com/challenges/write-reusable-javascript-with-functions
-    * And make the next couple assignments until your reach: Assignment with a Returned Value
-  * Add a useful function to your website:<br>
-    Write a js feature that follows the following rules
-     1. It takes user input on a website (look up input fields)
-     2. It uses that input as parameters for a function
-     3. The function does something with the parameters and returns a value using 'return'
-     4. The return value is used on the website.
-    * For instance: Create a function that allows people to input a certain product they eat or drink every day and then asks how long they expect to live (for instance someone smokes one pack of cigarettes a day and expects to live 25 more years) then they might spend 1 X priceOfPack x 365 x lifeExpectancy euros on that product
-    * Be creative. If your idea is too complex to finish, don't worry, this exercise is really about trying to write some code yourself and applying what you've learnt.
-  * Try to solve Unmesh' challenge:
-      Assignment for “for loops” :
-      * Print ’n’ lines of a Pascal’s triangle.
-  * Hand in your homework in Trello
+TBA
diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md
@@ -0,0 +1,27 @@
+#Homework Week 3
+
+##Read:
+- https://en.wikipedia.org/wiki/Object-oriented_programming
+- https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/this
+- https://developer.mozilla.org/en-US/docs/Glossary/Scope
+- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions
+
+
+##Challenges:
+- https://www.freecodecamp.com/challenges/declare-javascript-objects-as-variables
+- https://www.freecodecamp.com/challenges/make-instances-of-objects-with-a-constructor-function
+- https://www.freecodecamp.com/challenges/make-unique-objects-by-passing-parameters-to-our-constructor
+- https://www.freecodecamp.com/challenges/make-object-properties-private
+
+And just for fun ... https://www.freecodecamp.com/challenges/sum-all-numbers-in-a-range
+
+##Further reading:
+Function call() -  https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call
+Function apply() - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply
+Function bind() - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind
+Arguments - https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/arguments
+
+
+Loops practice - https://www.freecodecamp.com/challenges/iterate-with-javascript-for-loops
+https://www.freecodecamp.com/challenges/iterate-with-javascript-while-loops
+https://developer.mozilla.org/en/docs/Web/JavaScript/Closures
diff --git a/Week3/README.md b/Week3/README.md
@@ -1,14 +1,4 @@
-# Lecture three
 
-# Covered in class:
+#Reading material for the fourth lecture
 
-## Homework:
-Create a game!
- * The game uses JSON as input
- * The game should have user interaction
- * Have at least 3 different functions
- * Have at least one callback function 
- * Use objects (this can also be a source of inspiration for what kind of game to make)
- * The game has to run on an HTML page (live on Github)
- * All the code needs to be commented
- * The github page should have a readme describing how the game/code works and a whishlist of features to be added in the future
+TBA
