diff --git a/README.md b/README.md index accb21b53..650ec3c82 100644 --- a/README.md +++ b/README.md @@ -1,28 +1,28 @@ >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 - + 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)|-| +|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)|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: @@ -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. diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md index d02722eb4..863dfb764 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 @@ -41,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? @@ -59,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). @@ -71,19 +85,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: diff --git a/Week1/REVIEW.md b/Week1/REVIEW.md index b97e46057..bd4af461f 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). @@ -154,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; @@ -166,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". @@ -183,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) @@ -200,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 `!==` @@ -277,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...' 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: 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 diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index 2ed148bc1..a8acd9b39 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -1,24 +1,20 @@ ## 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 -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: 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`). @@ -36,13 +32,13 @@ 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. ``` -## 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 @@ -56,7 +52,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: @@ -66,7 +62,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: 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: 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*. diff --git a/Week4/MAKEME.md b/Week4/MAKEME.md index 2e080dc1e..f42e0a778 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 `