[an error occurred while processing this directive]
<main class="container-l cs-layout pe-0">


<aside class="cs-sidebar sticky-top" id="330-nav" aria-label="Course navigation">
 <div class="offcanvas-lg offcanvas-start" tabindex="-1" id="csSidebar" aria-labelledby="sidebarNavLabel">
  <div class="offcanvas-header border-bottom">
   <h2 class="offcanvas-title h5" id="sidebarNavLabel">CS 330</h2>
   <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#csSidebar"></button>
  </div>
  <div class="offcanvas-body">
   <nav id="cs330-nav" aria-label="CS 330 navigation">
    <ul>
     <li>
      <strong>
       <svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" fill="currentColor" viewBox="0 0 16 16" style="color: var(--jmu-purple)">
        <path d="M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783"/>
       </svg>
       Course info
      </strong>
      <ul>
       <li><a href="343/syllabus.pdf">Syllabus</a></li>
       <li><a href="343/schedule.shtml">Schedule</a></li>
       <li><a href="343/preps.shtml">Class Preps</a></li>
       <li><a href="343/demos">Live Editor</a></li>
      </ul>
     </li>
     <li>
      <strong>
        <!--
       <svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" fill="currentColor" viewBox="0 0 16 16" style="color: var(--jmu-purple)">
        <path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/>
       </svg>
        -->
       <svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" fill="currentColor" viewBox="0 0 16 16" style="color: var(--jmu-purple)">
        <path d="M4.5 0a.5.5 0 0 0 0 1H5v5.36L.503 13.717A1.5 1.5 0 0 0 1.783 16h12.434a1.5 1.5 0 0 0 1.28-2.282L11 6.359V1h.5a.5.5 0 0 0 0-1zM10 2H9a.5.5 0 0 0 0 1h1v1H9a.5.5 0 0 0 0 1h1v1H9a.5.5 0 0 0 0 1h1.22l.61 1H10a.5.5 0 1 0 0 1h1.442l.611 1H11a.5.5 0 1 0 0 1h1.664l.611 1H12a.5.5 0 1 0 0 1h1.886l.758 1.24a.5.5 0 0 1-.427.76H1.783a.5.5 0 0 1-.427-.76l4.57-7.48A.5.5 0 0 0 6 6.5V1h4z"/>
       </svg>
       Labs
      </strong>
       <ul>
        <li><a href="343/lab.shtml?1">Lab 1</a></li>
        <li><a href="343/lab.shtml?2">Lab 2</a></li>
        <li><a href="343/lab.shtml?3">Lab 3</a></li>
        <li><a href="343/lab.shtml?4">Lab 4</a></li>
        <li><a href="343/lab.shtml?5">Lab 5</a></li>
        <li><a href="343/lab.shtml?6">Lab 6</a></li>
        <li><a href="343/lab.shtml?7">Lab 7</a></li>
        <li><a href="343/lab.shtml?8">Lab 8</a></li>
        <li><a href="343/lab.shtml?9">Lab 9</a></li>
        <li><a href="343/lab.shtml?10">Lab 10</a></li>
       </ul>
     <li>
      <strong>
       <svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" fill="currentColor" viewBox="0 0 16 16" style="color: var(--jmu-purple)">
         <path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3.854 2.146a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 3.293l1.146-1.147a.5.5 0 0 1 .708 0m0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 7.293l1.146-1.147a.5.5 0 0 1 .708 0m0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0"/>
       </svg>
       <!--
       <svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" fill="currentColor" viewBox="0 0 16 16" style="color: var(--jmu-purple)">
        <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2z"/>
        <path d="M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0M7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0"/>
       </svg>
       -->
        Projects
      </strong>
      <ul>
        <li><a href="343/projects/p1.shtml">Milestone 1</a></li>
      </ul>
     <li>
      <strong>
       <svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" fill="currentColor" viewBox="0 0 16 16" style="color: var(--jmu-purple)">
        <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
       </svg>
        Resources
      </strong>
      <ul>
        <li><a href="343/style_guide.shtml">Style Guide</a></li>
        <li><a href="https://validator.w3.org/nu/" target="_blank">W3C Nu</a></li>
        <li><a href="https://jigsaw.w3.org/css-validator/" target="_blank">W3 Jigsaw</a></li>
        <li><a href="https://wave.webaim.org/" target="_blank">WAVE Evaluation</a></li>
        <li><a href="https://getbootstrap.com/docs/5.1" target="_blank">Bootstrap 5.1</a></li>
        <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML" target="_blank">MDN HTML</a></li>
        <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS" target="_blank">MDN CSS</a></li>
        <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">MDN Javascript</a></li>
        <li><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA" target="_blank">MDN ARIA</a></li>
      </ul>
     </li>
     </ul>
   </nav>
  </div>
 </div>
</aside>

<article class="cs-main border-bottom">

<div class="card-header">
  <h1>Class Prep 1</h1>
  <p>This course includes a lot of hands-on, in-class activities. These activities
  assume that you have completed the associated preps <em>before</em> coming to class.
</div><br>
<div class="container px-4">
  <h2>Read</h2>
	<p>Read FunWebDev Chapter 1.3 and Chapter 2, then take the quiz in Canvas.
  
</article>
</main>

[an error occurred while processing this directive]


[an error occurred while processing this directive]