---
# System prepended metadata

title: Web development workshop 23.04.2023

---

# Web development workshop 23.04.2023
https://shorturl.at/svwR9 

## Links
- https://nodejs.org/en -> 18.16 LTS
    - https://nodejs.org/en/download/releases -> v16
        - https://nodejs.org/download/release/v16.20.0/node-v16.20.0.pkg
- https://code.visualstudio.com

## Terminal setup
![](https://i.imgur.com/IYUm73r.png)

```bash
 node --version
```

![](https://i.imgur.com/scpdNkB.png)



## Technologies
- HTML --> Skeleton 
- CSS --> Skeleton styling
- Javascript / Typescript --> Interactivity

## Step 1: Hello World!

- index.html: `Hello World!`
- terminal:
    - `npx parcel serve index.html`
- chrome:
    - `localhost:1234` --> `Hello World!`


## Step 2: Prettier setup
- Command pallete --> install extensions
    - install prettier

- Command pallete --> user settings JSON
    - `"editor.formatOnSave": true,`
    - `"editor.defaultFormatter": "esbenp.prettier-vscode"`


## Step 3: CSS / SCSS
- https://fonts.google.com/


## Step 4: JS
- https://github.com/workshopper/javascripting