# 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