Skip to content

Latest commit

 

History

History
41 lines (35 loc) · 2.52 KB

assignment01.md

File metadata and controls

41 lines (35 loc) · 2.52 KB

ASSIGNMENT 01 -- gh-pages and observable

  • 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

Coding

  • 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

Reading

  • 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.