Here's a collection of guidebooks and tutorials that give the basics of HTML, CSS and JavaScript – three languages that form the basis for the modern web. The Mozilla links are documents that you can read through. The CodeCademy and other sites are interactive tutorials to get used to writing code.
For future projects, install Visual Studio Code, which is a handy text editor, useful for more than just web development (you can take interview notes in it, for example).
I think the fastest way to get up and running is to write using the Svelte REPL, which is an online interface for writing HTML, CSS and JavaScript. You can use it as a playground for quick experiments and following along with some of the tutorials.
Pay particular attention to list elements such as <ul> and <li> tags, which stand for "unordered list" and "list item," respectively.
We'll be using a lot of classes and IDs so make sure to note how those are used and the differing syntax for each:
- Classes are written in HTML like
<div class="my-fun-class"></div>and are referenced from CSS with a.before the name like this.my-fun-class. - IDs show up in HTML like
<div id="my-fun-id"></div>and are referenced from CSS with a#before the name like this.my-fun-id.
We won't be using much JavaScript but it's good to understand the basics of variables. Pay particular attention to query selections like document.querySelector, document.querySelectorAll and document.getElementById and how to extract text with .textContent and .getAttribute(). Also pay attention to lists and their associated methods of .map and .filter, which will be very important.