Due 09/26 before class

You do not have to become a coder to do well in this course. However, you will have to be willing to explore technical skills that you might not otherwise develop as a humanities scholar. In this initial assignment, we’ll use one of the web’s many excellent self-education platforms to learn the very basics of how web pages work.

Web pages are composed of three components: HTML, CSS, and Javascript. HTML provides the structure and content of a web page; CSS controls the style of presentation; and Javascript permits dynamic modification of both. To explore the web from the inside, you need to be alittle bit comfortable in all three.

Assignment A (for beginners)

Codeacademy.com is a platform that focusses on teaching web skills; head over there and set up an account. Once you’ve done that, complete the HTML & CSS course, which will take about 7 hours.

Once you have finished, send me a link to your profile page (click “view my Profile” under the top right menu item with your picture on it). That’s all! But feel free to continue exploring on Codeacademy – there’s lots to learn and much of it will be helpful to this course, or to your further explorations in this field.

Assignment B (for returnees)

If you are already a hotshot coder, or if you took Digital History last Spring: codacademy is not for you!

  • return to (or set up) your Github account
  • clone my html-tutorial-ex tutorial
  • write a short tutorial about one of the following:
    • the HTML5 <audio> and <video> elements
    • HTML tables
    • “new” semantic tags such as <aside>, <article>, <header>, <footer>, etc.
    • CSS float
    • Padding and Margins
    • Flexbox or CSS Grids

Your tutorial should include a README.md that explains the function of this HTML/CSS feature to the reader, and a practical example that the reader can play with to understand it. The playground should take the form of one HTML and one CSS file. Once you’re done, you should feel free to set up a tiny jsbin with your sample code; this will make it a bit easier for your readers to mess about.

You can learn more about git and Github here. This information will come in handy later, so it’s well worth your time now.