1. Web Site Development »
  2. Compulsory assignment graders »
  3. WebDev roadmap

WebDev roadmap

The grader tests the roadmap.html. The roadmap.html document must use semantic tagging and answer at least the following questions:

  1. Which are the most useful technologies to learn for a web developer and why?

  2. Which are the best ways to learn web development?

  3. How will AI change future web development?

  4. How could students improve their chances to get a position as web developer?

Requirements

  1. Inside index.html there must be a link to roadmap.html and the link must have an id webdev, the link must also open the page into a new tab/window

  2. roadmap.html is valid HTML (no errors allowed)

  3. Semantic markup must be used, at least <main>, <section>, and <footer> elements must appear in the document.

    • Divide your content into separate sections where it makes sense

    • Both <main> and <footer> can contain as many sections as necessary

  4. The document main content (content inside <main>) should be at least 500 words long.

    • The content should of course be divided into separate sections, paragraphs, lists, tables, etc. as usual.

  5. Any external reference materials must be listed and links provided to any online resources.

    • The document must include an APA style reference list. (See more details below)

    • The list must be contained inside an <article id=”references”> tag

    • At least two (2) references must be present with links to them.

  6. Mark any AI created content clearly and visibly.

APA Style Reference List

The image shows an example of an APA style reference list and the table describes the HTML structure, required elements, and their attributes.

The grader requires that the list must contain at least two existing references with links to them.

../../../_images/references.png
APA Style Reference List in HTML
Tag Parent Required attributes Description
<article> N/A id="references" (required by the grader) Represents a self-contained piece of content, such as a blog post or an article
<h2> <article> N/A Heading level 2 for the title of the reference list
<ul> <article> class="ref-apa" Unordered list representing the reference list, with class "ref-apa" for styling
<li> <ul> N/A List item containing each reference
<em> <li> N/A Italicizes text within the list item, such as journal names and volume numbers
<a> <li> data-retrieved-url="true" Anchor tag for URLs of online resources

Attention

The use of ChatGPT and other AI bots is allowed but you have to mark any AI created content clearly and visibly.

This exercise can be submitted either alone or in groups of 1-3 people.

Passing compulsory graders with full points is mandatory for progression to bonus graders. However notice that the whole final assignment is still optional.

The criteria for the final assignment are outlined more specifically in the Grading section.

A+ esittää tässä kohdassa tehtävän palautuslomakkeen.