Pimp my Soupboat 🍜
Hello this is a little workshop to cover the basics of HTML + CSS + JS in order to customize our Soupboat⛵
Table of contents
- Workspace, or: where do we code
- Files in the Soupboat
- HTML (for marking up contents)
- CSS (for styling our website)
- JS (for making things dynamic, i.e. magic)
- References
Workspace, or: where do we code
Coding in Jupiter editor
- Fast and easy
- You don't need to replace files all the time
- The page is already hosted on the Soupboat, so it is online!
- You need to be connected to edit your files
- Less code editing features (code completion, helps, templates, formatting)
Coding in a text editor (example: VS Code)
- Code editing features!
- Plugins! Extensions!
- You can work offline
- You need to install the editor
- You need to keep up to date the files on the Soupboat
Files in the Soupboat
In Jupiter Lab everyone has 2 main folders: public_html and
shared. The former takes you to your personal page, while the
latter permits you to access to the common areas of the Soupboat.
Remember that web URLs are just like paths on your computer.