Skip to content

Commit c49bf7c

Browse files
committed
how to
1 parent 858e7b8 commit c49bf7c

File tree

2 files changed

+28
-4
lines changed

2 files changed

+28
-4
lines changed

README.md

+19
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,27 @@
22

33
An introductory JavaScript workshop for beginners.
44

5+
6+
**How to use**
7+
8+
9+
If you familiar with git you can clone repositore to your machine and simply start working
10+
through files starting from README.md file, after jump to js/level1.js file.
11+
12+
13+
If you don't know what is git, relax, you can download the folder on your machine - go to
14+
'releases' tab over the yellow line on the page and download folder 'Source code (zip)'.
15+
Unzip it and start from README.md file, after jump to js/level1.js file.
16+
17+
18+
To open web-page in your browser go to _index.html_ file and double click on it, you will see
19+
an option 'open in browser' - preferably use Chrome, but Firefox and Safari will work as well.
20+
21+
22+
523
**Structure**
624

25+
726
- Css folder contains css files that are responsible for styles and how our project looks on the web.
827

928
- img folder - a place where we can store images that we will use on our web-page

index.html

+9-4
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,15 @@
1616
<section>
1717
<h1>Hello everyone. Let's do some interactive coding today! </h1>
1818
<div class="settings">
19-
<p>To open browser console do double click on the screen and console will appear on the bottom or on the right side
20-
of the screen. It will work for Chrome and Firefox. For Safari, go to 'Safari > Preferences > Advanced > and tick
21-
the box Show Develop menu in menu bar', restart Safari, now you can do double click on the page and see
22-
console.</p>
19+
<p>To open browser console do double click on the screen (or press
20+
<i>'Command+Option+J'</i> on mac and <i>'F12'</i> on Windows) and console
21+
will appear on the bottom or on the right side of the screen. It will work
22+
for Chrome and Firefox after select <i>'Inspect'</i>.
23+
</p>
24+
<p>For Safari, go to <i>'Safari > Preferences > Advanced >
25+
and tick the box Show Develop menu in menu bar'</i>, restart Safari, now you can
26+
do double click on the page and select <i>'Inspect Element'</i> to see console.
27+
</p>
2328
</div>
2429
</section>
2530

0 commit comments

Comments
 (0)