- The assignment (below) includes coding and reading
- Due: Midnight on Sunday, 19 Sep
- Check Canvas for submission details
- Learning goals
- Set up a gh-pages site
- Create a minimal HTML page with just a little CSS
- Begin working with JavaScript in Observable notebooks
- Provide feedback -- especially if this seems too new!!
- Ask questions in class or with piazza or during office hours
- Create a github account, unless you have one already
- Verify that you can use your github account to authenticate on observablehq.com.
- Follow the gh-pages tutorial to set up your own gh-pages site
- If you're new to git and github: You may want to use "Github Desktop" as your git client.
- If you're already familiar with github, then you may want to use the command line.
- Note: If you're having any trouble at all, post a question on Piazza.
- Extra credit: Add a little CSS styling of your choice.
- Be creative! Learn about CSS. But whatever you do, keep it simple!
- If you're new to CSS, this MDN tutorial may give you ideas.
- Optional: If you know CSS, then you might consider a CSS Grid demo
- Document your code so that other students can understand how it works
- Required reading
- Optional reading & tutorials
- JavaScript & Observable
- This notebook has a nice video tutorial for those familiar with JavaScript.
- If you're new to JavaScript, start with the required reading (above), then look at the video.
- JavaScript -- MDN
- If you're new to JavaScript, the Mozilla Development Network (MDN) has some nice introductory tutorials.
- Note: This is optional reading. There's a lot of material here, and it may be more than you need.
- Observable's not JavaScript
- This is also optional reading. If you're comfortable with JavaScript, you'll probably find this helpful.
- JavaScript & Observable