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
+14-14
Original file line number
Diff line number
Diff line change
@@ -17,38 +17,38 @@ _______________
17
17
18
18
19
19
20
-
If you familiar with git you can clone this repository to your machine and simply start working
20
+
If you are familiar with git, you can clone this repository to your machine and simply start working
21
21
through files starting from README.md file, after that jump to js/level1.js file.
22
22
23
23
24
-
If you don't know what is git, relax, you can download the folder on your machine - go to
24
+
If you don't know what git is, relax. You can download the folder on your machine - go to
25
25
'releases' tab over the yellow line on the page and download folder 'Source code (zip)'.
26
-
Unzip it and start from README.md file, after jump to js/level1.js file.
26
+
Unzip it and start from README.md file, after jumping to js/level1.js file.
27
27
28
28
29
-
To open web-page in your browser go to _index.html_ file and double click on it, you will see
30
-
an option 'open in browser' - preferably use Chrome, but Firefox and Safari will work as well.
29
+
To open the web-page in your browser go to _index.html_ file and double click on it, you will see
30
+
an option 'open in browser'. Preferably use Chrome, but Firefox and Safari will work as well.
31
31
32
-
Follow the instructions in _level1.js_ file and type code in your Text Editor(it is where your code lives and you can write, edit and delete code), in order to see anything that you console.log() you need refresh web page and result will be in web console on the page(you can directly write javaScript code here as well and see result straight away, but as soon as you refresh the page all code will be gone, that is why we use Text Editor).
32
+
Follow the instructions in _level1.js_ file and type code in your Text Editor(it is where your code lives and you can write, edit and delete code). In order to see anything that you console.log(), you need refresh the web page and the result will be in web console on the page(you can directly write javaScript code here as well and see the result straight away, but as soon as you refresh the page all the code will be gone, that is why we use Text Editor).
33
33
34
34
35
35
36
36
##Structure
37
37
____________________
38
38
39
39
40
-
-Css folder contains css files that are responsible for styles and how our project looks on the web.
40
+
-CSS folder - contains css files that are responsible for styles and how our project looks on the web.
41
41
42
-
- img folder - a place where we can store images that we will use on our web-page
42
+
- img folder - a place where we can store images that we will use on our web-page.
43
43
44
-
- Js folder contains javaScript files that makes our project works, it defines content and make static page functional.
44
+
- Js folder contains javaScript files that makes our project work, it defines content and makes a static page functional.
45
45
It contains 2 files:
46
-
-_level1.js_ - basics with explanations(comments, variables, functions, if/else statements).
47
-
-_level2.js_ - more complex javaScript with explanations(arrays, loops).
46
+
-_level1.js_ - basics with explanations(comments, variables, functions, if/else statements)
47
+
-_level2.js_ - more complex javaScript with explanations(arrays, loops)
48
48
-_level3.js_ - html, css and how manipulate them with javaScript (selectors)
49
49
50
-
-_index.html_ - a file responsible for structure of our project.
50
+
-_index.html_ - a file responsible for the structure of our project
51
51
52
-
-_Readme.md_ - a file with explanations and any information about the project, how to run it, what it is for etc.
52
+
-_Readme.md_ - a file with explanations and any information about the project, how to run it, what it is for etc
53
53
54
-
-_cheat-sheet.md_ - file with quick overlook for key namings and their explanations.
54
+
-_cheat-sheet.md_ - a file with a quick overlook for key namings and their explanations
Comments are some notes that you can leave for yourself or another person, the note that computer will not read. You can write a comment on a new line or on the same line after code as so: //I’m your comment
48
+
Comments are some notes that you can leave for yourself or another person, a note that a computer will not read. You can write a comment on a new line or on the same line after code as so: //I’m your comment
49
49
Single line comment starts with //
50
-
Multi line comment are placed between /* .. */
50
+
Multi line comment are placed between /* .. */
51
51
52
52
53
53
###function
54
54
55
-
A separable, reusable piece of code. It takes some input do some manipulation on it and return us output
55
+
A separable, reusable piece of code. It takes some input, does some manipulation on it and returns us an output.
56
56
57
57
58
58
###to declare function
@@ -71,17 +71,17 @@ A value input that functions can accept
71
71
72
72
###while loop
73
73
74
-
It repeats code over and over again until some condition is met
74
+
It repeats code over and over again until some condition is met.
75
75
76
76
77
77
###for loop
78
78
79
-
This loop is similar to ‘while loop’, just with set amount of repetition. You declare counter in the statement as so: for(var i = 0; i < 5; i++){do something 5 times};
79
+
This loop is similar to ‘while loop’, just with a set amount of repetition. You declare counter in the statement as so: for(var i = 0; i < 5; i++){do something 5 times};
80
80
81
81
82
82
###infinite loop
83
83
84
-
A loop that does not stop and it’s a loop that you need to avoid. Each loop should have some condition so it can stop.
84
+
A loop that does not stop and it’s a loop that you need to avoid. Each loop should have some condition so it can stop.
85
85
86
86
87
87
###object
@@ -91,7 +91,7 @@ A collection of properties
91
91
92
92
###event
93
93
94
-
A type of object that is created when user interacts with web page. For example, JavaScript creates an event when user clicks on a button.
94
+
A type of object that is created when a user interacts with a web page. For example, JavaScript creates an event when a user clicks on a button.
95
95
96
96
97
97
###CSS
@@ -111,10 +111,9 @@ Stands for Document Object Model. It defines the logical structure of documents
111
111
112
112
###scope
113
113
114
-
Scope is the set of variables, objects, and functions that you can access
114
+
Scope is the set of variables, objects, and functions that you can access.
115
115
116
116
117
117
###console
118
118
119
119
A method of interacting with the system. In order to write to the browser console, you could use console.log(‘Hello World’). This would write Hello World in the browser console.
0 commit comments