activities.html

---
layout: basic-inside
title: "Web dev activities & quizzes"
desc: "There are lots of activities, quizzes, exercises & games to test the knowledge you’ve learned—or even explore and master new tools."
priority: 0.8
hide_markbot: true
head: |
  <link href="/css/main-topics.min.css" rel="stylesheet">
skip_links: |
  <li><a href="#activity-list">Skip to activity list</a></li>
---

{% include icons-topics.html %}

<div class="wrapper gutter-1-2 pad-t pad-b-1-2" id="activity-list">
  {% capture all_courses %}{{site.collections_courses | join: "|"}}|{{site.collections_selfdirected | join: "|"}}{% endcapture %}
  {% assign the_courses = all_courses | split: "|" %}

  {% for collection_id in the_courses %}
    {% assign collection = site.collections | where: "label", collection_id | first %}
    {% if collection.disabled %}{% continue %}{% endif %}
    {% if collection.relative_directory contains "posts" %}{% continue %}{% endif %}
    {% assign the_number = forloop.index %}
    {% capture the_slug %}web-dev-{{the_number}}{% endcapture %}

    {% case collection_id %}
      {% when "javascript" %}
        {% assign the_number = "infinite" %}
        {% assign the_slug = "javascript" %}
      {% when "jekyll" %}
        {% assign the_number = "infinite" %}
        {% assign the_slug = "jekyll" %}
    {% endcase %}

    {% if collection.disabled %}
      {% assign link = false %}
    {% else %}
      {% assign link = true %}
    {% endif %}

    {% if page.unused_activities %}
      {% assign is_last = false %}
    {% else %}
      {% assign is_last = forloop.last %}
    {% endif %}

    {% include activity-section.html slug=the_slug icon=the_number collection=collection is-last=is_last link=link %}
  {% endfor %}
</div>