index.html

---
layout: default
title: Girl Develop It - Pair Up
---

<section>
  <article>
    <a name="level1"></a><h1>Level 1: HTML/CSS</h1>
    <p><em>Requires knowledge of HTML tag syntax, basic HTML tags, CSS properties, and CSS selectors (familiarity is ok, you don't need to be an expert!) </em></p>
  </article>

  <article>
    <h2>Level 1 Exercises</h2>
    <p>We've included sample files below to help jog your memory <em>but they are only for reference</em>; you shouldn't use them for the exercises.</p>

    <p>Pick the exercise you want to start with, you don't have to go in order.</p>

    <ol>
      <li><a href="exercises/1/1.html">Basic HTML</a></li>
      <li><a href="exercises/1/2.html">HTML embedding</a></li>
      <li><a href="exercises/1/3.html">CSS positioning</a></li>
      <li><a href="exercises/1/4.html">CSS media queries</a></li>
    </ol>

    <a href="downloads/HTMLCSSexercise.zip"><span class="symbol">x</span> Download sample reference files</a>
  </article>
</section>

<section>
  <article>
    <h1>Level 2: Basic JavaScript</h1>
    <p><em>Requires familiarity with everything listed in Level 1, plus JavaScript variables, arrays, functions, conditionals, and for loops. </em></p>
    <p>Exercises are sorted by order of difficulty.</p>
    <ol>
      <li><a href="exercises/2/1.html">Calculator</a></li>
      <li><a href="exercises/2/2.html">Mad Libs</a>: requires DOM manipulation and events</li>
      <!-- <li><a href="exercises/2/3.html">Cat Walk</a>: requires DOM manipulation and events</li> -->
      <li><a href="exercises/2/4.html">Word Guesser, Jeopardy, or Hangman</a>: requires knowledge of arrays and events</li>
      <!-- <li><a href="exercises/2/5.html">Memory game</a>: requires knowledge of arrays, events, functions and the DOM</li> -->
    </ol>
  </article>
</section>

<section>
  <article>
    <h1>Level 3: Advanced JavaScript</h1>
    <p><em>Requires familiarity with everything listed in Levels 1 and 2, plus jQuery, AJAX, and JSON.</em></p>
    <ul>
      <li><a href="exercises/3/1.html">Data visualization</a></li>
    </ul>
  </article>
</section>