You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+41-11Lines changed: 41 additions & 11 deletions
Original file line number
Diff line number
Diff line change
@@ -25,9 +25,9 @@ This should be your mindset when you're learning how to think : **I'm learning h
25
25
26
26
In order to test your JavaScript code, you'll be using software that will execute your files from the command line. This software is called [Node.js](https://nodejs.org/en/download/). Download the Long-Term Support (LTS) version for your specific operating system.
- For Windows, click [here](https://nodejs.org/dist/v12.16.1/node-v12.16.1-x86.msi)
29
+
- For Mac, click [here](https://nodejs.org/dist/v12.16.1/node-v12.16.1.pkg)
30
+
- For Linux, click [here](https://nodejs.org/dist/v12.16.1/node-v12.16.1-linux-x64.tar.xz)
31
31
32
32
After you've installed it, go to your command line interface. Type in the following command:
33
33
@@ -64,22 +64,52 @@ Here's a video in order that shows you how it's done: [How to Submit Your Homewo
64
64
65
65
In order to successfully complete this module you will need to master the following:
66
66
67
-
-Have an idea of what `computer programming` is
68
-
-Know the basic building blocks of `JavaScript`
69
-
-Correctly write and use `variables`, `functions` and `loops`
70
-
-Understand the `control flow`
67
+
- Have an idea of what `computer programming` is
68
+
- Know the basic building blocks of `JavaScript`
69
+
- Correctly write and use `variables`, `functions` and `loops`
70
+
- Understand the `control flow`
71
71
72
72
## How to use this repository
73
73
74
+
### Repository content
75
+
74
76
This repository consists of 3 essential parts:
75
77
76
-
1.`README`: this document contains all the required theory you need to understand **before**class. It's also meant as a reference to understand what you're doing while you're coding.
77
-
2.`MAKEME`: this document contains the instructions for each week's homework.
78
+
1.`README`: this document contains all the required theory you need to understand **while**working on the homework. It contains not only the right resources to learn about the concepts, but also lectures done by HackYourFuture teachers. This is the **first thing** you should start with every week
79
+
2.`MAKEME`: this document contains the instructions for each week's homework. Start with the exercises rather quickly, so that you can ground the concepts you read about earlier.
78
80
3.`LESSONPLAN`: this document is meant for teachers as a reference. However, as a student don't be shy to take a look at it as well!
79
81
80
-
**Before** the first class of the module you should start off with the [Week 1 Reading](/Week1/README.md). Study all the concepts and try to get the gist of everything. After your first class, you can get started with the [Week 1 Homework](/Week1/MAKEME.md).
82
+
### How to study
83
+
84
+
Let's say you are just starting out with the JavaScript1 module. This is what you do...
85
+
86
+
1. The week always starts on **Wednesday**. First thing you'll do is open the `README.md` for that week. For the first week of `JavaScript1`, that would be [Week1 Reading](/Week1/README.md)
87
+
2. You spend **Wednesday** and **Thursday** going over the resources and try to get a basic understanding of the concepts. In the meanwhile, you'll also implement any feedback you got on last week's homework (from the HTML-CSS module)
88
+
3. On **Friday** you start with the homework, found in the `MAKEME.md`. For the first week of `JavaScript1`, that would be [Week1 Homework](/Week1/MAKEME.md)
89
+
4. You spend **Friday** and **Saturday** playing around with the exercises and write down any questions you might have
90
+
5.**DEADLINE 1**: You'll submit any questions you might have before **Saturday 23.59**, in the class channel
91
+
6. On **Sunday** you'll attend class. It'll be of the Q&A format, meaning that there will be no new material. Instead your questions shall be discussed and you can learn from others
92
+
7. You spend **Monday** and **Tuesday** finalizing your homework
93
+
8.**DEADLINE 2**: You submit your homework to the right channels (GitHub) before **Tuesday 23.59**. If you can't make it on time, please communicate it with your mentor
94
+
9. Start the new week by going back to point 1!
95
+
96
+
In summary:
97
+
98
+
99
+
100
+
To have a more detailed overview of the guidelines, please read [this document](https://docs.google.com/document/d/1JUaEbxMQTyljAPFsWIbbLwwvvIXZ0VCHmCCN8RaeVIc/edit?usp=sharing) or ask your mentor/class on Slack!
101
+
102
+
### Video lectures
103
+
104
+
For each module HackYourFuture provides you with video lectures. These are made by experienced software developers who know what they're talking about. The main teacher for this module will be [Uday Khaki](https://hackyourfuture.slack.com/team/U3T5HDP0W): former HackYourFuture student and now successful web developer for several years!
105
+
106
+
You can find out more about him here:
107
+
108
+
-[@Uday on Slack](https://hackyourfuture.slack.com/team/U3T5HDP0W)
109
+
110
+
Learn from Uday in the following playlist of videos he has made for you! (Click on the image to open the link)
81
111
82
-
If you have any questions or if something is not entirely clear ¯\\\_(ツ)\_/¯, please ask/comment on Slack!
Copy file name to clipboardExpand all lines: Week1/README.md
+6Lines changed: 6 additions & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -18,6 +18,12 @@ These are the topics for week 1:
18
18
5. What are data types?
19
19
- 6 basic types
20
20
21
+
## 0. Video Lectures
22
+
23
+
Your teacher Uday has made video lectures for this week's material. You can find them here: [Videos 1 - 10](https://www.youtube.com/watch?v=VXCDhYYMFVI&list=PLVYDhqbgYpYU5EOlYroMUri1K6snlSE-2)
Programming is giving a computer instructions written in a language it can understand, in order to solve a problem you (or the company you work for) have. We don't necessarily need computers to solve problems, but we use them because they provide several benefits:
Copy file name to clipboardExpand all lines: Week2/README.md
+6Lines changed: 6 additions & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -11,6 +11,12 @@ These are the topics for week 2:
11
11
5. Conditional statement
12
12
6. Naming conventions
13
13
14
+
## 0. Video Lectures
15
+
16
+
Your teacher Uday has made video lectures for this week's material. You can find them here: [Videos 11 - 20](https://www.youtube.com/watch?v=VXCDhYYMFVI&list=PLVYDhqbgYpYU5EOlYroMUri1K6snlSE-2)
A lot of programming is nothing different from regular human communication. When conversing with another person, we often use language in various ways: to ask questions, make statements or simply express yourself about what's going on.
Copy file name to clipboardExpand all lines: Week3/README.md
+17-13Lines changed: 17 additions & 13 deletions
Original file line number
Diff line number
Diff line change
@@ -8,6 +8,10 @@ These are the topics for week 3:
8
8
2. Thinking like a programmer I
9
9
3. How JavaScript relates to HTML & CSS
10
10
11
+
## 0. Video Lectures
12
+
13
+
There are no video lectures for this week!
14
+
11
15
## 1. Functions
12
16
13
17
In programming, we often use code to perform a specific task multiple times. Instead of rewriting the same code, we can group a block of code together and associate it with one task. This is useful, because then we can reuse that block of code whenever we need to perform the task again.
@@ -16,7 +20,7 @@ In JavaScript, we call these blocks of code `functions`. They are written like t
16
20
17
21
```js
18
22
functionmultiplyTwoNumbers(number1, number2) {
19
-
return number1 * number2;
23
+
return number1 * number2;
20
24
}
21
25
```
22
26
@@ -54,10 +58,10 @@ You should see it like this: a function is like a `tool` in the tool box. Only,
54
58
55
59
Go over the following materials to learn more about the how and why of functions:
56
60
57
-
-[Introduction to Functions](https://www.youtube.com/watch?v=4LklwbSP--4)
58
-
-[What is a function in programming?](https://www.youtube.com/watch?v=QcCnfAxGpgg)
Consider the following analogy. The human body needs 3 essential parts in order to function appropriately: bones, skin and muscles. The bones are necessary to give the body **structure**. The skin (shape of body, hair, clothing, make up) is necessary to give the body a unique **presentation**. and the muscles (for walking, climbing, swimming) are needed to give the body **movement and interactivity**.
83
87
84
88
This is exactly how HTML, CSS and JavaScript relate to each other:
85
89
86
-
-HTML is used to put the structure of a website together
87
-
-CSS acts like the skin and makeup for the HTML. CSS improves the colors and layout of a website structure built with HTML
88
-
-JavaScript is a full-on programming language that adds interactivity and functionality to a website
90
+
- HTML is used to put the structure of a website together
91
+
- CSS acts like the skin and makeup for the HTML. CSS improves the colors and layout of a website structure built with HTML
92
+
- JavaScript is a full-on programming language that adds interactivity and functionality to a website
89
93
90
94
Each technology has their own file type: `.html`, `.css` and `.js`. The HTML file is always the base, the other files (whether CSS or JavaScript) are then referenced to inside of this HTML file. HTML is the base, because that's the first file a browser will render. That's just how browsers work!
91
95
@@ -105,7 +109,7 @@ It's better practice to reference inside of the `<body>`. This is because the bi
105
109
106
110
Check the following article to learn more about this:
107
111
108
-
-[The Relationship Between HTML, CSS and JavaScript Explained by Building A City](https://blog.codeanalogies.com/2018/05/09/the-relationship-between-html-css-and-javascript-explained/)
112
+
-[The Relationship Between HTML, CSS and JavaScript Explained by Building A City](https://blog.codeanalogies.com/2018/05/09/the-relationship-between-html-css-and-javascript-explained/)
0 commit comments