kapy
/
public
mirror of https://github.com/01-edu/public.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

docs(how-2-js): correct grammar

This commit is contained in:
davhojt 2022-04-29 14:43:43 +01:00
parent a9e04d8e88
commit 5ef0796e45
No known key found for this signature in database
GPG Key ID: C8C3C515E7AF0D2D
1 changed files with 31 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
subjects/how-2-js/README.md
View File

@ -2,48 +2,50 @@
### Instructions ### Instructions
Hello and welcome to the JS piscine, first you will have to learn Welcome to the JS piscine 👋.
to execute javascript.
Being a special child, JS can run in different **runtime**, what you can First you will have to learn to execute JavaScript.
do with it greatly depend of your runtime.
Luckily you don't need to install anything for that since all you JavaScript can run in different **runtime** environments. What you can do with JavaScript will greatly depend on the runtime. Even different web browsers (Chrome, Firefox, Safari etc) count as different runtime environments.
need is a web browser.
> Main runtime for executing JS are: any web browser, NodeJS and Deno. We'll start by running JavaScript in your browser, so you don't need to install anything to get started.
Let's make a hello world: Some common JavaScript runtime environments:
- Web browsers
- [Node.js](https://nodejs.org/)
- [Deno](https://deno.land/)
```bash Let's make a hello world. First we create the JavaScript file
# first we create the javascript file
echo "console.log('Hello World')" > how-2-js.js
# To run JS in your browser you need to import it from an HTML page: ```sh
echo '<script type="module" src="how-2-js.js"></script>' > index.html $ echo "console.log('Hello World')" > how-2-js.js
```
To run JavaScript in your browser, you can import it into a HTML page:
```sh
$ echo '<script type="module" src="how-2-js.js"></script>' > index.html
```
# Finally let's create a simple web server Let's create a simple web server:
&>/dev/null python3 -m http.server & ```sh
$ &>/dev/null python3 -m http.server &
```
# Now open your browser at the specified port Now open your browser at the specified port. You'll use an appropriate command for your system:
- Linux: `xdg-open`
- macOS: `open`
- Windows: `start`
```sh
xdg-open 'http://localhost:8000' xdg-open 'http://localhost:8000'
``` ```
> `xdg-open` find your default application for the given argument
> on mac it's just `open` and it's `start` on windows
You can now open your web browser console (`ctrl`+`shift`+`i`) You can now open your web browser console. From Google Chrome, press **Command+Option+J** (Mac) or **Control+Shift+J** (Windows, Linux, ChromeOS), and you should see your hello world.
and you should see your hello world.
> The console is a very handy place to test code and explore how the language The console is a handy place to test your code.
> works, don't be shy and play in it !
Great ! you are all set, if you want to re-execute your script, just refresh. You are all set. If you want to re-execute your script, just refresh.
You now just have to create a repository named `((ROOT))`, Create a repository named `((ROOT))` which will hold all your solutions for this piscine. Add your 2 generated files to it.
which will hold all your solutions for this piscine
and just add your 2 generated files to it, we will start slow for now... 🐢
### Recommendation We'll start slow for now... 🐢
Videos designed to give **hints** are assigned to each quest. It is strongly suggested to watch them as you go.