*Please note: this is the JavaScript planning/curriculum only for class12, we changed the topic order while they already started JavaScript, because of this reason an additional planning has been made for them*

|0.|Preparation for your first JavaScript session|[Pre reading](/Week0/README.md)|-|-|

|1.|• [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :heart: <br>• Intro JavaScript (What is it, where can you use it for)<br>• Variables [var, let, const]<br>• Basic Data types [Strings, Numbers, Arrays, Booleans]<br>• Operators|[Reading Week 1](/Week1/README.md) | [Homework Week 1](/Week1/MAKEME.md)|[Review](/Week1/REVIEW.md)|

|2.|• [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :balloon: <br>• Advanced data types [Objects] <br>• Conditions <br>• Statements vs Expressions<br> • Loops (for/while)<br>• Functions <br>• Naming conventions|[Reading Week 2](/Week2/README.md)|[Homework Week 2](/Week2/MAKEME.md)|[Review](/Week2/REVIEW.md)|

|3.|• Capturing user input<br> • Basic DOM manipulations [img src, innerHTML]<br>• Code debugging using the browser<br> • Code commenting<br> • Structuring code files<br> • Scope<br> • State|[Reading Week 3](/Week3/README.md)|[Homework Week 3](/Week3/MAKEME.md)|[Review](/Week3/REVIEW.md)|

|4.| Git Session with Unmesh :smiling_imp:|[Reading Week 4](/Week4/README.md)|[Homework Week 4](/Week4/MAKEME.md)|Review|

|5.|• Functions + JSON/Arrays <br>• Array Manipulations <br>• JSON<br>• Map and filter <br>• Arrow functions|[Reading Week 5](/master/Week5)|[Homework Week 5](/Week5/MAKEME.md)|[Review](/Week5/REVIEW.MD)|

|6.|• Closures <br>• Events<br>• Callbacks <br>• Git [work flow](https://github.com/HackYourFuture/Git/blob/master/Lecture•3.md)|[Reading Week 6](/Week6/README.md)|[Homework Week 6](/Week6/MAKEME.md)|Review|

|7.|• Object Oriented Programming<br>• Code flow (order of execution) <br>• Async VS Sync |[Reading Week 7](/Week7/README.md)|[Homework Week 7](/Week7/MAKEME.md)|[Review](/Week7/REVIEW.md)|

|9.|• (re)writing data structures (in JSON)<br>• Promises|[Reading Week 9](/Week9/README.md)|[Homework Week 9](/Week9/MAKEME.md)|[Review](/Week9/REVIEW.md)|

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.

1. Download and install the latest Current version of NodeJS - from https://nodejs.org/en/download/current/

To test that it was installed and running properly, go to your terminal and run the command: node -v You should get the node version printed on your terminal, for example, v8.8.0

2. Although you are free to make you own choice of text/code editor to use during class and homework, we have good experiences with Microsoft's free VSCode editor, which is supported on Windows, Mac and Linux. Please refer to our [VSCode Tips](../VSCodeTips/README.md) for more information.

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):

Only watch the below chapters:

0. Introduction

1. Programming Basics

2. Core Programming Syntax

3. Variables and Data Types

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

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

- Helpful resource: http://jsbooks.revolunet.com/ (here you can find tons of free JavaScript books online)

:star: You can also already go through the [review](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/REVIEW.md) of the upcoming lecture.

_Please go through the material and come to class prepared!_

1. Go through the review of [week 1](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/REVIEW.md)

2. 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).

3. 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):

<br>0. Introduction

1. Programming Basics

2. Core Programming Syntax

3. Variables and Data Types

_Deadline Tuesday_

1. Create a `.js` file that prints `Hello` when you run it from the command line. (Hint: `node` is the program that can run your JavaScript files.)

_Deadline Wednesday_

Provide feedback on the HTML-CSS assignments (week 3) of one of your fellow students. You will be assigned to one of the assignments by the class lead of this week.

_Deadline Thursday_

1\. Write a `console.log` statement saying "Hello World!" for each language that you know.

For example:

2\. Consider the following code:

2\.1 Copy the code in your `.js` file and run it. You will see that you will get a SyntaxError. Find a solution for this error, Hint read the error message carefully, it also gives an indication of where the problem is.

3\. Declare a variable `x` and initialize it with an integer.

3\.1 First, _declare_ your variable `x`.

3\.2 Add a console.log statement that explains that explains in words what _you think_ the value of `x` is, like in this example:

// TODO -> here you initialize your variable

console.log('the value of my variable x will be: whateverYouThinkItWillLog');

3\.3 Add a console.log statement that logs the value of `x`.

3\.4 Now _initialize_ your variable `x` with an integer.

3\.5 Now add a console.log statement that explains what _you think_ the value of `x` is.

3\.6 Add a console.log statement that logs the value of `x`.

Steps to be taken:

// TODO -> here you declare your variable

console.log('the value of x will be: whateverYouThinkItWillLog');

// TODO -> log the actual value of x

// TODO -> here you initialize your variable

console.log('the value of x will be: whateverYouThinkItWillLog');

// TODO -> log value of x again

4\. Declare a variable `y` and assign a string to it.

4\.1 Write a console.log statement in which you explain in words what _you think_ the value of the string is.

4\.2 Now console.log the variable `y`.

4\.3 Now assign a new string to the variable `y`.

4\.4 Just like you did before write a console.log statement that explains in words what you think will be logged to the console.

4\.5 Now console.log `y` again.

// TODO -> here you declare AND assign your string

console.log('the value of my string will be: whateverYouThinkItWillLog');

// TODO -> log the actual value of the string to the console

// TODO -> assign a new value to your variable x

console.log('the value of my string will be: whateverYouThinkItWillLog');

// TODO -> log the actual value of the string to the console

5\. How do you round the number 7.25, to the nearest integer?

5\.1 Declare a variable `z` and assign the number 7.25 to it.

5\.2 Console.log `z`.

5\.3 Declare another variable `a` that has the value of z but rounded to the nearest integer.

5\.4 Console.log `a`.

5\.5 So now we have `z` and `a` find a way to compare the two values and store the highest of the two in a new variable.

5\.6 Console.log the highest value.

6\. Arrays!

6\.1 Declare an empty array (you can decide on how to call it yourself, but read on a bit here and see if you can find a good name that exactly describes what this variable will hold).

6\.2 Write a console.log statement that explains in words what you think the value of the array is.

6\.3 Console.log your array.

6\.4 Create an array that has your favorite animals inside.

6\.5 Log your array.

6\.6 Add a statement that adds Daan's favorite animal (baby pig) to the *existing array*.

6\.7 Log your new array!

7\. More strings

7\.1 Let's consider the following string: `let myString = "this,is,a,test"`.

7\.2 Add the string to your file and console.log it.

7\.3 Find a way to get the length of `myString`.

7\.4 Console.log the length of `myString`.

8\. Write a program that checks the types of two variables and prints out `SAME TYPE` if they are the same type.

8\.1 First declare at least four variables and assign them different data types.

8\.2 For each variable write a `console.log` statement that logs the value

```js

let foo = 3;

console.log('The value of my variable foo is: ' + foo);

```

8\.3 Now write a console.log statement wherein you first explain in words what you think the _type_ of your variables is.

8\.4 Now use `typeof` to log the actual _type_ of your variables.

8\.5 Now compare the types of your different variables with one another.

8\.6 Make sure to also show a message when the variables you are comparing are not the same type.

For example:

let x = 9;

let y = 'Hello';

if () {

console.log('SAME TYPE');

}

9\. If `x` equals 7, and the only other statement is `x = x % 3`, what would be the new value of `x`?

9\.1 Add at least 3 `console.log` statements in which you show that you understand what `%` does.

10\. Write a program to answer the following questions:

10\.1 Can you store multiple types in an array? Numbers and strings? Make an example that illustrates your answer.

10\.2 Can you compare infinities? (Not in Eyad's world) - does 6/0 === 10/0? How can you test this?

10\.3 Add console.log statements to the above program's in which you show that you understand the concepts (just like you've done in the above assignments).

_Deadline Saturday_

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).

Go trough the reading material in the [README.md](/Week1/README.md) to prepare for your next class

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](/Week1/REVIEW.md):star: