While this course is not principally focused on development of browser-based tools, there will be some topics covered in the course that will depend on some knowledge of HTML, CSS, and JavaScript. To that end, the course pre-work includes the HTML and CSS tutorials listed in the required and optional tasks (below).

Note that some of the exercises can be done using CodePen or JSFiddle. However, for more direct control over the content of your HTML and CSS files, you can also create web projects in Eclipse or IntelliJ.

Tasks

Read and work through (to the extent possible) these guides and tutorials:

• Introduction to HTML
  • Guides
    • Getting started with HTML
    • What’s in the head? Metadata in HTML
    • HTML text fundamentals
    • Creating hyperlinks
• Introduction to CSS
  • Guides
    • How CSS works
    • CSS syntax
    • Selectors
    • CSS values and units

After completing the above, go to the comments section below, and post a comment on this pre-work item. Consider the following questions in your comment:

• What benefit do you see (if any) in separating HTML content and high-level layout from CSS styling and positioning?
• What major unresolved questions about HTML and CSS do you have?

Optional tasks

Continue with these guides and tutorials:

• Introduction to HTML
  • Guides
    • Advanced text formatting
    • Document and website structure
    • Debugging HTML
  • Assessments
    • Marking up a letter
    • Structuring a page of content
• Introduction to CSS
  • Guides
    • Cascade and inheritance
    • CSS syntax
    • The box model
    • Debugging CSS
  • Assessments
    • Fundamental CSS comprehension