tony23coding
diff --git a/‎.DS_Store
6 KB b/‎.DS_Store
6 KB
diff --git a/‎Week1/.DS_Store
6 KB b/‎Week1/.DS_Store
6 KB
diff --git a/‎Week1/LESSONPLAN.md
Lines changed: 4 additions & 1 deletion b/‎Week1/LESSONPLAN.md
Lines changed: 4 additions & 1 deletion
diff --git a/‎Week1/MAKEME.md
Lines changed: 2 additions & 21 deletions b/‎Week1/MAKEME.md
Lines changed: 2 additions & 21 deletions
diff --git a/‎Week1/README.md
Lines changed: 26 additions & 26 deletions b/‎Week1/README.md
Lines changed: 26 additions & 26 deletions
diff --git a/‎Week1/resources/ASmarterWaytoLearnJavaScript.pdf
-3.26 MB b/‎Week1/resources/ASmarterWaytoLearnJavaScript.pdf
-3.26 MB
diff --git a/‎Week2/MAKEME.md
Lines changed: 11 additions & 97 deletions b/‎Week2/MAKEME.md
Lines changed: 11 additions & 97 deletions
diff --git a/‎Week3/MAKEME.md
Lines changed: 2 additions & 2 deletions b/‎Week3/MAKEME.md
Lines changed: 2 additions & 2 deletions
@@ -2,7 +2,10 @@
 
 ## Agenda
 
-The purpose of this class is to introduce to the student (1)
+The purpose of this class is to introduce to the student:
+
+(1) what variables are and why they're used
+(2) what a data type is, and which ones there are in JavaScript
 
 FIRST HALF:
 
 
@@ -5,9 +5,8 @@
 1. Practice the concepts
 2. JavaScript exercises
 3. Code along
-4. PROJECT:
 
-## **1. Get to know**
+## **1. Practice the concepts**
 
 Before we learn how to build actual applications, we first need to gain experience using JavaScript in a computational way. This teaches us how to think like a programmer, and gives us more experience with the language itself.
 
@@ -164,31 +163,14 @@ console.log('The length of the array is...' + ...);
 
 ## **3. Code along**
 
-We don't want to lose connection with HTML/CSS, so in the following tutorial you'll learn how to build a simple web application use HTML/CSS and JavaScript.
+We don't want to lose the connection with HTML/CSS, so in the following tutorial you'll learn how to build a simple web application use HTML/CSS and JavaScript.
 
 You'll first write the HTML and CSS, to provide structure and style to the page. When doing so, keep notice of how the developer chooses to do this. Why do they use this tag instead of something else? Why do they give an element a certain class name?
 
 After, the developer will write JavaScript code. You'll notice it's different from how you've used JavaScript. It is something we call **DOM Manipulation**. Don't worry, you don't need to master this just yet. Just follow along and do some research yourself if you already want to learn more about it!
 
 - [Calculator](https://www.youtube.com/watch?v=6v4vBXL-qkY)
 
-## **4. PROJECT: Temperature converter** NOT FINISHED
-
-Every week ends with a project you have to build on your own. Instead of getting clear-cut instructions, you'll get a list of criteria that your project needs to measure up to.
-
-In this JavaScript-only project you'll write code that
-
-Follow the instructions:
-
-1. Create a `.js` file that will contain your temperature converter
-2.
-
-Example of how to use comments:
-
-```js
-const myName = "";
-```
-
 ## **SUBMIT YOUR HOMEWORK!**
 
 After you've finished your todo list it's time to show us what you got! Starting from this week you'll be submitting all your homework through GitHub. What you'll be doing is upload all your files to a forked repository (a copy from the original, which in this case is the [JavaScript1](https://www.github.com/HackYourFuture/JavaScript1) repository) using GIT.
@@ -198,6 +180,5 @@ Take a look at the following [guide](../hand-in-homework-guide.md) to see how it
 The homework that needs to be submitted is the following:
 
 1. JavaScript exercises
-2. PROJECT: Temperature converter
 
 _Deadline Saturday 23.59 CET_
@@ -5,19 +5,19 @@
 These are the topics for week 1:
 
 1. What is programming?
-    - Introduction
-    - Software
-    - What is a programming language?
+   - Introduction
+   - Software
+   - What is a programming language?
 2. What is web development?
-    - Web development vs. software development
-    - Web development vs. web design
-    - Website vs. web application
+   - Web development vs. software development
+   - Web development vs. web design
+   - Website vs. web application
 3. What is JavaScript?
 4. What are variables?
-    - The keywords: let, const, var
-    - values
+   - The keywords: let, const, var
+   - values
 5. What are data types?
-    - 6 basic types
+   - 6 basic types
 
 ## 1. What is programming?
 
@@ -33,30 +33,30 @@ This is important to note: a computer is a `tool` we use to make our lives easie
 
 Go through the following resources to learn more about what programming is:
 
--   [What is programming?](https://www.youtube.com/watch?v=3tWMQ3ZMjbg)
--   [Introduction into programming Playlist](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZYJC7L-r6rX6utt6wwJCyi)
+- [What is programming?](https://www.youtube.com/watch?v=3tWMQ3ZMjbg)
+- [Introduction into programming Playlist](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZYJC7L-r6rX6utt6wwJCyi)
 
 ### Software
 
 As a software developer (synonym to 'programmer'), you will write these instructions in order to create 'software'. Look at the following video to get a better idea of what software is:
 
--   [What is software?](https://www.youtube.com/watch?v=MSA3WsGeTNI)
+- [What is software?](https://www.youtube.com/watch?v=MSA3WsGeTNI)
 
 ### What is a programming language?
 
 Programming is done using a programming language. Why do we need a language to communicate with the computer? At its most basic level, a computer operates based on 0's and 1's: 0 meaning off, and 1 meaning on. Smart people decided to make this more comprehensible, so that people can more simply communicate with a computer. This is how the development of programming languages started: by defining a vocabulary, grammar and syntax to put more organization to the 0's and 1's, we can more simply communicate exactly what we want to computer to do.
 
--   [What are programming languages](https://hackr.io/blog/what-is-programming-language)
+- [What are programming languages](https://hackr.io/blog/what-is-programming-language)
 
 There are various languages, each made to fulfill a certain need. For example, Microsoft developed a language called [C#](https://www.youtube.com/watch?v=paJUbVeKEOU) in order to make applications for Windows computers. Read the following article to learn more about different languages and their uses:
 
--   [14 Programming Languages Explained](https://mikkegoes.com/14-programming-languages-explained/)
+- [14 Programming Languages Explained](https://mikkegoes.com/14-programming-languages-explained/)
 
 ## 1. What is web development?
 
 In HackYourFuture we focus on `web` programmming (also known as `web development`): writing code that creates websites and web applications. Look at the following video to learn about what you'll be doing:
 
--   [What does a web developer do?](https://www.youtube.com/watch?v=GEfuOMzRgXo)
+- [What does a web developer do?](https://www.youtube.com/watch?v=GEfuOMzRgXo)
 
 ## Web development vs. software development
 
@@ -71,7 +71,7 @@ The field of programming is broad. As a software developer (a general term for a
 
 Read the following article to read more about different career paths:
 
--   [Software Development Career Paths](https://simpleprogrammer.com/software-development-career-paths/#title-career-developer-options)
+- [Software Development Career Paths](https://simpleprogrammer.com/software-development-career-paths/#title-career-developer-options)
 
 Note: once you've chosen a certain track it doesn't mean you can't try out any other! If anything, you are encouraged to explore and see what fits your taste :)
 
@@ -91,8 +91,8 @@ This is the difference bteween `static` and `dynamic` sites: a static site alway
 
 Read the following articles to learn more about this:
 
--   [Website vs. Web Application](https://www.seguetech.com/website-vs-web-application-whats-the-difference/)
--   [Static vs. dynamic websites](https://www.youtube.com/watch?v=4sP7fp3cp24)
+- [Website vs. Web Application](https://www.seguetech.com/website-vs-web-application-whats-the-difference/)
+- [Static vs. dynamic websites](https://www.youtube.com/watch?v=4sP7fp3cp24)
 
 ## 3. What is JavaScript?
 
@@ -104,8 +104,8 @@ The main use for JavaScript is to make your webpage interactive: for example, if
 
 Check the following resources to learn more about it:
 
--   [What is JavaScript?](https://www.youtube.com/watch?v=nItSSTwBvSU)
--   [What does JavaScript do and what is it used for?](https://www.youtube.com/watch?v=OSWppEa2Zac)
+- [What is JavaScript?](https://www.youtube.com/watch?v=nItSSTwBvSU)
+- [What does JavaScript do and what is it used for?](https://www.youtube.com/watch?v=OSWppEa2Zac)
 
 ## 4. What are variables?
 
@@ -115,11 +115,11 @@ A variable is a piece of information that is saved. You give it a name that desc
 
 A variable is a central concept within programming. It's applied the same way across almost all programming languages. In JavaScript we apply it by using a `keyword`, a word that is reserved by the language because it has a special meaning. Read more about this in the following article:
 
--   [Variables](https://github.com/HackYourFuture/fundamentals/blob/master/fundamentals/variables.md)
+- [Variables](https://github.com/HackYourFuture/fundamentals/blob/master/fundamentals/variables.md)
 
 A variable always contains a `value`: a piece of information that you want to refer to at a later stage. Read more about this here:
 
--   [Values](https://www.github.com/hackyourfuture/fundamentals/blob/master/fundamentals/values.md)
+- [Values](https://www.github.com/hackyourfuture/fundamentals/blob/master/fundamentals/values.md)
 
 When creating variables, it's important to think about the right name to give it. It should always reflect what "type" of data it contains and how it would make sense in light of the rest of your code. You (and other developers that will read your code) should be able to read a variable name and know what its purpose is.
 
@@ -142,9 +142,9 @@ A data type is a category of data. It tells the code interpreter what kind of da
 
 There are about 6 basic data types in JavaScript. String, Number, Boolean, Object, Array, and Function. You can read more about them in the following article:
 
--   [JavaScript Data Types](https://www.tutorialrepublic.com/javascript-tutorial/javascript-data-types.php)
--   [JS Data Types](https://www.w3schools.com/js/js_datatypes.asp)
--   [Variables & Data Types](https://www.youtube.com/watch?v=Hrd3SfCCXZw)
+- [JavaScript Data Types](https://www.tutorialrepublic.com/javascript-tutorial/javascript-data-types.php)
+- [JS Data Types](https://www.w3schools.com/js/js_datatypes.asp)
+- [Variables & Data Types](https://www.youtube.com/watch?v=Hrd3SfCCXZw)
 
 Why do you need to know this? Again, this goes back to computers not being very smart: it needs to know **exactly** how to look at things, what to do with it and in what order.
 
@@ -154,7 +154,7 @@ In JavaScript, the data types allow us to store various types of information, an
 
 If you feel like you need more information to fill in the gaps of your understanding, check out the following resources to learn more about the basics of JavaScript:
 
--   [Introduction to JavaScript Development](https://www.udemy.com/refactoru-intro-js)
+- [Introduction to JavaScript Development](https://www.udemy.com/refactoru-intro-js)
 
 ## Finished?
 
 
@@ -14,12 +14,6 @@ In this section you will be doing interactice exercises, that will allow you to
 - [Codecademy: Arrays](https://www.codecademy.com/courses/introduction-to-javascript/lessons/arrays)
 - [FreeCodeCamp: Basic data structures](https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-data-structures)
 
-So far you've been practicing with JavaScript by itself. This is useful, but we shouldn't lose the connection between this and what we learned before: HTML & CSS.
-
-In the following tutorial you'll learn how to combine JavaScript with HTML & CSS in order to build a simple calculator:
-
-- [Calculator]()
-
 ## **2. JavaScript exercises**
 
 > 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.
@@ -71,107 +65,27 @@ Ingredients:
 
 Keep track of which books you read and which books you want to read!
 
-1. Create an array of 3 objects, where each object describes a book and has properties for the `title` (string), `author` (string), and `alreadyRead` (boolean indicating if you read it yet).
+1. Declare a variable that holds an array of 3 objects, where each object describes a book and has properties for the `title` (string), `author` (string), and `alreadyRead` (boolean indicating if you read it yet).
 2. Loop through the array of books.
 3. For each book, log the book title and book author like so: "The Hobbit by J.R.R. Tolkien".
 4. Create a conditional statement to change the log depending on whether you read it yet or not. If you read it, log a string like `You already read "The Hobbit"` right after the log of the book details
 5. If you haven't read it log a string like `You still need to read "The Lord of the Rings"`
 
-**Exercise 5: **
-**Exercise 3: **
-**Exercise 3: **
+**Exercise 5: Who wants a drink?**
+
+You're at a party and you feel thirsty! However, you've got 5 friends who are also in need of a drink. Let's go get them a drink.
 
-**Array exercises!**
+1. Declare a variable that holds an empty array, called `drinkTray`.
 
-Consider the following array:
+There are 3 different types of drinks:
 
 ```js
-let favoriteAnimals = ["blowfish", "capricorn", "giraffe"];
+const drinkTypes = ["cola", "lemonade", "water"];
 ```
 
-2.1 Add a statement that adds Mauro's favorite animal _'turtle'_ to the existing array.
-2.2 Log your new array!
-2.3 Now add Jim's favorite animal to the array, it's _'meerkat'_, but make sure it will be placed after _'blowfish'_ and before _'capricorn'_.
-2.4 Write a console.log statement that explains in words _you think_ the new value of the array is.
-2.5 Log your new array!
-2.6 Log the length of the array, add a message: _'The array has a length of: '_ (here you should show the length of the array).
-2.7 Jason does not like _'giraffe'_, delete this animal from the array.
-2.8 Again log your new array.
-2.9 Now if unlike Jim, you don't like _'meerkat'_ and you want to delete it from the array, but you don't know the position or the `index` of the item in the array, how can you find it?
-2.10 Log the index of _'meerkat'_. Add a message so it says: _'The item you are looking for is at index: '_ (here you should show the index of the item).
-
-1. Create a function that takes 3 arguments and returns the sum of the these arguments.
-
-2. Create a function named `colorCar` that receives a color, and prints out, _'a red car'_ for example.
-
-3. Create an object and a function that takes the object as a parameter and prints out all of its properties and values.
-
-4. Create a function named `vehicleType` that receives a color, and a code, 1 for car, 2 for motorbike. And prints _'a blue motorbike'_ for example when called as `vehicleType("blue", 2)`
-
-5. Can you write the following without the `if` statement, but with just as a single line with `console.log(...);`?
-
-   ```js
-   if (3 === 3) {
-     console.log("yes");
-   } else {
-     console.log("no");
-   }
-   ```
-
-6. Create a function called `vehicle`, like before, but takes another parameter called `age`, so that `vehicle("blue", 1, 5)` prints _'a blue used car'_
-
-7. Make a list of vehicles, you can add `"motorbike"`, `"caravan"`, `"bike"`, or more.
-
-8. How do you get the third element from that list?
-
-9. Change the function `vehicle` to use the list of question 7. So that `vehicle("green", 3, 1)` prints "a green new bike".
-
-10. Use the list of vehicles to write an advertisement. So that it prints something like: `"Amazing Joe's Garage, we service cars, motorbikes, caravans and bikes."`. (Hint: use a `for` loop.)
-
-    > Hint, the output should be correct English with all the punctuation in place (that's the challenge). So plurals for the vehicle types, commas followed by a single space, the word and to replace the final comma and closed off by a period.
-
-11. What if you add one more vehicle to the list, can you have that added to the advertisement without changing the code for question 10?
-
-12. Create an empty object.
-
-13. Create an object that contains the teachers that you have had so far for the different modules.
-
-14. Add a property to the object you just created that contains the languages that they have taught you.
-
-15. Write some code to test two arrays for equality using `==` and `===`. Test the following:
-
-    ```js
-    let x = [1, 2, 3];
-    let y = [1, 2, 3];
-    let z = y;
-    ```
-
-    What do you think will happen with `x == y`, `x === y` and `z == y` and `z == x`? Prove it!
-
-    Check out this [Fiddle](http://jsfiddle.net/jimschubert/85M4z/). You need to open your browser’s Developer Tools to see the console output. Press the Run button in the upper right corner to run the code.
-
-    More insights from this [Stack Overflow question](http://stackoverflow.com/questions/22395357/how-to-compare-two-arrays-are-equal-using-javascript).
-
-16. Take a look at the following code:
-
-    ```js
-    let o1 = { foo: "bar" };
-    let o2 = { foo: "bar" };
-    let o3 = o2;
-    ```
-
-    Show that changing `o2` changes `o3` (or not) and changing `o1` changes `o3`(or not).
-
-    Does the order that you assign (`o3 = o2` or `o2 = o3`) matter?
-
-17. What does the following code return? (And why?)
-
-    ```js
-    let bar = 42;
-    typeof typeof bar;
-    ```
+2.
 
-> ‘Coerce' means to try to change - so coercing `var x = '6'` to number means trying to change the type to number temporarily.
+3. adsa
 
 ## **3. Code along**
 
@@ -183,7 +97,7 @@ It's ok if you don't understand exactly what's happening here. Just follow along
 
 **Project 1: Temperature Converter**
 
-This project will teach you how to convert the temperature from one scale to another in real-time!
+This project will teach you how to convert temperature from one scale to another in real-time!
 
 In the first part you'll be building the basic frontend, which means the way the page is going to look using only HTML/CSS. In the second part you'll be writing the logic that will allow a user to convert the temperature from one temperature scale to another (i.e. Celsius to Fahrenheit)
 
@@ -240,7 +154,7 @@ Good luck!
 After you've finished your todo list it's time to show us what you got! The homework that needs to be submitted is the following:
 
 1. JavaScript exercises
-2. PROJECT:
+2. PROJECT: Grade calculator
 
 Upload both to your forked JavaScript1 repository in GitHub. Make a pull request to the original repository.
 
 
@@ -142,14 +142,14 @@ If you have time left over and feel like you could go for more practice, try out
 
 - [JavaScript30](https://javascript30.com/)
 
-In this free course, you'll build 30 small projects that will sharpen your HTML, CSS and JavaScript skills. Each project is meant to show you different ways you could use programming to make fun and useful things! Have fun!
+In this free course, you'll build 30 small projects that will sharpen your HTML, CSS and JavaScript skills. Each project is meant to show you different ways you could use programming to make fun and useful things! Enjoy!
 
 ## **SUBMIT YOUR HOMEWORK!**
 
 After you've finished your todo list it's time to show us what you got! The homework that needs to be submitted is the following:
 
 1. JavaScript exercises
-2. PROJECT: Grade calculator
+2. PROJECT: Credit card validator
 
 Upload both to your forked JavaScript1 repository in GitHub. Make a pull request to the original repository.