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: Week1/MAKEME.md
+20-5Lines changed: 20 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
3
3
## Todo list
4
4
5
-
1.Get to know
5
+
1.Practice the concepts
6
6
2. JavaScript exercises
7
7
3. Code along
8
8
4. PROJECT:
@@ -162,13 +162,28 @@ We don't want to lose connection with HTML/CSS, so in the following tutorial you
162
162
163
163
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.
164
164
165
+
In this JavaScript-only project you'll write code that
166
+
167
+
Follow the instructions:
168
+
169
+
1. Create a `.js` file that will contain your temperature converter
170
+
2.
171
+
172
+
Example of how to use comments:
173
+
174
+
```js
175
+
constmyName="";
176
+
```
177
+
165
178
## SUBMIT YOUR HOMEWORK!
166
179
167
-
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:
180
+
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.
168
181
169
-
1. JavaScript exercises
170
-
2. Project
182
+
Take a look at the following [guide](../hand-in-homework-guide.md) to see how it's done.
171
183
172
-
Go through the [guide](../hand-in-homework-guide.md) to learn how to do this.
184
+
The homework that needs to be submitted is the following:
Copy file name to clipboardExpand all lines: Week1/README.md
+38-29Lines changed: 38 additions & 29 deletions
Original file line number
Diff line number
Diff line change
@@ -5,19 +5,19 @@
5
5
These are the topics for week 1:
6
6
7
7
1. What is programming?
8
-
- Introduction
9
-
- Software
10
-
- What is a programming language?
8
+
- Introduction
9
+
- Software
10
+
- What is a programming language?
11
11
2. What is web development?
12
-
- Web development vs. software development
13
-
- Web development vs. web design
14
-
- Website vs. web application
12
+
- Web development vs. software development
13
+
- Web development vs. web design
14
+
- Website vs. web application
15
15
3. What is JavaScript?
16
16
4. What are variables?
17
-
- The keywords: let, const, var
18
-
- values
17
+
- The keywords: let, const, var
18
+
- values
19
19
5. What are data types?
20
-
- 6 basic types
20
+
- 6 basic types
21
21
22
22
## 1. What is programming?
23
23
@@ -33,30 +33,30 @@ This is important to note: a computer is a `tool` we use to make our lives easie
33
33
34
34
Go through the following resources to learn more about what programming is:
35
35
36
-
-[What is programming?](https://www.youtube.com/watch?v=3tWMQ3ZMjbg)
37
-
-[Introduction into programming Playlist](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZYJC7L-r6rX6utt6wwJCyi)
36
+
-[What is programming?](https://www.youtube.com/watch?v=3tWMQ3ZMjbg)
37
+
-[Introduction into programming Playlist](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZYJC7L-r6rX6utt6wwJCyi)
38
38
39
39
### Software
40
40
41
41
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:
42
42
43
-
-[What is software?](https://www.youtube.com/watch?v=MSA3WsGeTNI)
43
+
-[What is software?](https://www.youtube.com/watch?v=MSA3WsGeTNI)
44
44
45
45
### What is a programming language?
46
46
47
47
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.
48
48
49
-
-[What are programming languages](https://hackr.io/blog/what-is-programming-language)
49
+
-[What are programming languages](https://hackr.io/blog/what-is-programming-language)
50
50
51
51
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:
52
52
53
-
-[14 Programming Languages Explained](https://mikkegoes.com/14-programming-languages-explained/)
53
+
-[14 Programming Languages Explained](https://mikkegoes.com/14-programming-languages-explained/)
54
54
55
55
## 1. What is web development?
56
56
57
57
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:
58
58
59
-
-[What does a web developer do?](https://www.youtube.com/watch?v=GEfuOMzRgXo)
59
+
-[What does a web developer do?](https://www.youtube.com/watch?v=GEfuOMzRgXo)
60
60
61
61
## Web development vs. software development
62
62
@@ -71,7 +71,7 @@ The field of programming is broad. As a software developer (a general term for a
71
71
72
72
Read the following article to read more about different career paths:
73
73
74
-
-[Software Development Career Paths](https://simpleprogrammer.com/software-development-career-paths/#title-career-developer-options)
74
+
-[Software Development Career Paths](https://simpleprogrammer.com/software-development-career-paths/#title-career-developer-options)
75
75
76
76
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 :)
77
77
@@ -91,8 +91,8 @@ This is the difference bteween `static` and `dynamic` sites: a static site alway
91
91
92
92
Read the following articles to learn more about this:
93
93
94
-
-[Website vs. Web Application](https://www.seguetech.com/website-vs-web-application-whats-the-difference/)
95
-
-[Static vs. dynamic websites](https://www.youtube.com/watch?v=4sP7fp3cp24)
94
+
-[Website vs. Web Application](https://www.seguetech.com/website-vs-web-application-whats-the-difference/)
95
+
-[Static vs. dynamic websites](https://www.youtube.com/watch?v=4sP7fp3cp24)
96
96
97
97
## 3. What is JavaScript?
98
98
@@ -104,22 +104,26 @@ The main use for JavaScript is to make your webpage interactive: for example, if
104
104
105
105
Check the following resources to learn more about it:
106
106
107
-
-[What is JavaScript?](https://www.youtube.com/watch?v=nItSSTwBvSU)
108
-
-[What does JavaScript do and what is it used for?](https://www.youtube.com/watch?v=OSWppEa2Zac)
107
+
-[What is JavaScript?](https://www.youtube.com/watch?v=nItSSTwBvSU)
108
+
-[What does JavaScript do and what is it used for?](https://www.youtube.com/watch?v=OSWppEa2Zac)
109
109
110
110
## 4. What are variables?
111
111
112
+
A variable is a piece of information that is saved. You give it a name that describes what its contents are, and to also refer to it at a later point.
113
+
112
114
### The keywords: let, const, var
113
115
114
-
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 because it has a special meaning. Read more about this in the following article:
116
+
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:
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.
121
125
122
-
As a developer you'll be using variables to manipulate its content (the value inside the variable). Why would you want to do this? For most of the time, you want to perform some kind of calculation. The most basic example is the following:
126
+
Why do we need variables? You'll be using variables to manipulate its content (the value inside the variable). Why would you want to do this? For most of the time, you want to perform some kind of calculation. The most basic example is the following:
123
127
124
128
```js
125
129
constone=1;
@@ -138,14 +142,19 @@ A data type is a category of data. It tells the code interpreter what kind of da
138
142
139
143
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:
140
144
141
-
-[JavaScript Data Types](https://www.tutorialrepublic.com/javascript-tutorial/javascript-data-types.php)
142
-
-[JS Data Types](https://www.w3schools.com/js/js_datatypes.asp)
143
-
-[Variables & Data Types](https://www.youtube.com/watch?v=Hrd3SfCCXZw)
145
+
-[JavaScript Data Types](https://www.tutorialrepublic.com/javascript-tutorial/javascript-data-types.php)
146
+
-[JS Data Types](https://www.w3schools.com/js/js_datatypes.asp)
147
+
-[Variables & Data Types](https://www.youtube.com/watch?v=Hrd3SfCCXZw)
144
148
145
149
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.
146
150
147
-
In JavaScript, the data types allow us to store various types of information, and perform manipulations on them.
148
-
You'll learn more about them at a later stage.
151
+
In JavaScript, the data types allow us to store various types of information, and perform manipulations on them. You'll learn more about them at a later stage.
152
+
153
+
## Extra resources
154
+
155
+
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:
156
+
157
+
-[Introduction to JavaScript Development](https://www.udemy.com/refactoru-intro-js)
0 commit comments