index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Introduction to Computational Media with p5.js</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <link rel="canonical" href="/">
    <meta charset="utf-8">
    <script src="/javascript/libs/jquery.min.js"></script>
    <script src="//toolness.github.io/p5.js-widget/p5-widget.js"></script>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/style.css">
</head>

    <body>
      <div class="container">
        <div class="row header-row">
          <div class="span12">
              <img style="float: right;" src="/images/header_image/cs_for_all.png" width="160px" height="auto"/>
          	  <h1>Introduction to Computational Media with p5.js</h1>
          </div>
        </div>
	       <div class="row">
			<div class="span12 index">
				<h2>Updated ICM curriculum can be found <a href = "https://cs4all-icm.gitbook.io/introduction-to-computational-media-curriculum/" target = "_blank">here</a></h2>
			</div>
		</div>
        <div class="row">
	<div class=" span8">
		<p>This is a teacher-facing p5 curriculum. Each unit includes a series of learning activities and ends with a final project where students apply the concepts they have learned in a creative way. Final project prompts include three levels of difficulty. For each of them, a finished project example is provided.</p>
	</div>
</div>
	
	
		<div class="row">
			<div class="span12 index">
				<h2>Unit 1. Drawing, Variables, Random</h2>
			</div>
		</div>
		<div class="row">
			<div class="span2">
				<p>Unit information</p>
			</div>
			<div class="span8">
				<p><a href="/units/1/overview" target="_blank">Overview, big ideas, goals, activities, final project</a></p>
			</div>
		</div>
			
			<div class="row">
			<div class="span2">
				<p>Lessons</p>
			</div>
			<div class="span8">
				
				
					<ul><li><strong>LA 1 Create a Grayscale Drawing</strong>
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/1/lessons/lesson_1.1>1.1 p5.js Introduction and Deconstruction</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/1/lessons/lesson_1.2>1.2 Line Functions and Parameters</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/1/lessons/lesson_1.3>1.3 Rectangles, Ellipses, and Layering</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/1/lessons/lesson_1.4>1.4 Various Shapes, Stroke Weight, Fill()</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/1/lessons/lesson_1.5>Mini-Project - Taijutu Symbol</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					 <!-- Lesson loop -->
				</li></ul>
				
					<ul><li><strong>LA 2 Make It Vary</strong>
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/1/lessons/lesson_2.1>2.1 Center elements with built-in variables: width and height</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/1/lessons/lesson_2.2>2.2 Custom Variables</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/1/lessons/lesson_2.3>2.3 Place elements at random positions</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/1/lessons/lesson_2.4>Mini-Project - Custom Emoji</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					 <!-- Lesson loop -->
				</li></ul>
				
					<ul><li><strong>LA 3 Make It Colorful</strong>
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/1/lessons/lesson_3.1>3.1 Intro to Color</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/1/lessons/lesson_3.2>3.2 RGB vs. HSB colorMode</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/1/lessons/lesson_3.3>3.3 Color Palettes and Design</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					 <!-- Lesson loop -->
				</li></ul>
				 <!-- Learning activity loop -->
				</p>
			</div>
		</div>
		<div class="row">
			
			
			<div class="span2">

				<a target="_blank" href=/units/1/final_project><p>Final Project - Abstract Album Art</p>
			</div>
			<div class="span8">
				<img style="border: none" src="/images/unit_1_finalproject_new.png"></a>
				<p><br>
			</div>
			
			
		</div>
		
		<div class="row">
			<div class="span2">
				Example Repository
			</div>
			<div class="span8">
				<a href="https://github.com/sepnyc/icm_examples/tree/master/unit_1" target="_blank">Unit 1 Example Code Repository</a><br/>
			</div>
		</div>
		
			
		<div class="index-room"></div>
	
	
		<div class="row">
			<div class="span12 index">
				<h2>Unit 2. Response & Draw</h2>
			</div>
		</div>
		<div class="row">
			<div class="span2">
				<p>Unit information</p>
			</div>
			<div class="span8">
				<p><a href="/units/2/overview" target="_blank">Overview, big ideas, goals, activities, final project</a></p>
			</div>
		</div>
			
			<div class="row">
			<div class="span2">
				<p>Lessons</p>
			</div>
			<div class="span8">
				
				
					<ul><li><strong>LA 1 Draw With Mouse</strong>
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/2/lessons/lesson_1.1>1.1 Conditionals and If Statements</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/2/lessons/lesson_1.2>1.2 Conditionals and If, Else If, Else Statements</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/2/lessons/lesson_1.3>1.3 Logical Operators AND and OR</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/2/lessons/lesson_1.4>1.4 Draw With Mouse</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/2/lessons/lesson_1.5>1.5 Map Function</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					 <!-- Lesson loop -->
				</li></ul>
				
					<ul><li><strong>LA 2 Hover and Click on Things</strong>
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/2/lessons/lesson_2.1>2.1 Hover and Conditional Statements</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/2/lessons/lesson_2.2>2.2 Rectangles and Clicks</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/2/lessons/lesson_2.3>Mini-Project - Light Switch Game</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					 <!-- Lesson loop -->
				</li></ul>
				
					<ul><li><strong>LA 3 Press Keys</strong>
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/2/lessons/lesson_3.1>3.1 Key Presses and Conditionals</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					 <!-- Lesson loop -->
				</li></ul>
				 <!-- Learning activity loop -->
				</p>
			</div>
		</div>
		<div class="row">
			
			
			<div class="span2">

				<a target="_blank" href=/units/2/final_project><p>Final Project - Paint in P5</p>
			</div>
			<div class="span8">
				<img style="border: none" src="/images/unit_2_final_project_new.png"></a>
				<p><br>
			</div>
			
			
		</div>
		
		<div class="row">
			<div class="span2">
				Example Repository
			</div>
			<div class="span8">
				<a href="https://github.com/sepnyc/icm_examples/tree/master/unit_2" target="_blank">Unit 2 Example Code Repository</a><br/>
			</div>
		</div>
		
			
		<div class="index-room"></div>
	
	
		<div class="row">
			<div class="span12 index">
				<h2>Unit 3. Loops, Arrays, Media</h2>
			</div>
		</div>
		<div class="row">
			<div class="span2">
				<p>Unit information</p>
			</div>
			<div class="span8">
				<p><a href="/units/3/overview" target="_blank">Overview, big ideas, goals, activities, final project</a></p>
			</div>
		</div>
			
			<div class="row">
			<div class="span2">
				<p>Lessons</p>
			</div>
			<div class="span8">
				
				
					<ul><li><strong>LA 1 Loops</strong>
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_1.1>1.1 While Loops</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_1.2>1.2 For Loops I</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_1.3>1.3 For Loops II</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_1.4>1.4 Variation In For Loops</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_1.5>1.5 Nested For Loops</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_1.6>Mini-Project: Wallpaper Design</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					 <!-- Lesson loop -->
				</li></ul>
				
					<ul><li><strong>LA 2 Arrays</strong>
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_2.1>2.1 Introduction to Arrays</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_2.2>2.2 Arrays and floor()</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_2.3>2.3 Arrays and Loops</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					 <!-- Lesson loop -->
				</li></ul>
				
					<ul><li><strong>LA 3 Media</strong>
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_3.1>3.1 Preload, Load Image, Display Image</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_3.2>3.2 Images && Arrays with ML5</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_3.3>3.3 Image Manipulation (Position, Size, Tint)</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_3.4>Mini-Project: Vision Board</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					 <!-- Lesson loop -->
				</li></ul>
				
					<ul><li><strong>LA 4 Typography</strong>
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_4.1>4.1 Fonts and Text Styling</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_4.2>Mini-Project: Kinetic Type</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					 <!-- Lesson loop -->
				</li></ul>
				
					<ul><li><strong>LA 5 Sound</strong>
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_5.1>5.1 Sound Files</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_5.2>5.2 Playing Sounds</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						
									<ul><li>
										<a class="linkcheck" href=/units/3/lessons/lesson_5.3>Mini-Project: Musical Keyboard</a>
									</li></ul>
								 <!-- make sure la is correct -->
							 <!-- make sure unit is correct -->
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					
						 <!-- check for lesson -->
					 <!-- Lesson loop -->
				</li></ul>
				 <!-- Learning activity loop -->
				</p>
			</div>
		</div>
		<div class="row">
			
			
			<div class="span2">

				<a target="_blank" href=/units/3/final_project><p>Final Project - Meme Generator</p>
			</div>
			<div class="span8">
				<img style="border: none" src="/images/unit_3_final_project_new.png"></a>
				<p><br>
			</div>
			
			
		</div>
		
		<div class="row">
			<div class="span2">
				Example Repository
			</div>
			<div class="span8">
				<a href="https://github.com/sepnyc/icm_examples/tree/master/unit_3" target="_blank">Unit 3 Example Code Repository</a><br/>
			</div>
		</div>
		
			
		<div class="index-room"></div>
	
	
		<div class="row">
			<div class="span12 index">
				<h2>Unit 4. Motion</h2>
			</div>
		</div>
		<div class="row">
			<div class="span2">
				<p>Unit information</p>
			</div>
			<div class="span8">
				<p><a href="/units/4/overview" target="_blank">Overview, big ideas, goals, activities, final project</a></p>
			</div>
		</div>
			
			<div class="row">
			<div class="span2">
				<p>Learning Activities</p>
			</div>
			<div class="span8">
				<p>
					
					
							<a href=/units/4/learning_activities/la_1 target="_blank">1 . Make a flip book </a><br/>
						
					
							<a href=/units/4/learning_activities/la_2 target="_blank">2 . Move in all directions </a><br/>
						
					
							<a href=/units/4/learning_activities/la_3 target="_blank">3 . Move in cycles </a><br/>
						
					
				</p>
			</div>
		</div>
		<div class="row">
			<div class="span2">
				<p>Final Project Examples </p>
			</div>
			<div class="span8">
				<p>
					<a href="/units/4/final_project_examples/level_1.html" target="_blank">Level 1</a>
						- <a href="/units/4/final_project_examples/guide_level_1.html" target="_blank">Step by Step Guide</a><br/>
					<a href="/units/4/final_project_examples/level_2.html" target="_blank">Level 2</a><br/>
					<a href="/units/4/final_project_examples/level_3.html" target="_blank">Level 3</a><br/>
				</p>
			</div>
		</div>
		
		<div class="index-room"></div>
	
	
		<div class="row">
			<div class="span12 index">
				<h2>Unit 5. Functions</h2>
			</div>
		</div>
		<div class="row">
			<div class="span2">
				<p>Unit information</p>
			</div>
			<div class="span8">
				<p><a href="/units/5/overview" target="_blank">Overview, big ideas, goals, activities, final project</a></p>
			</div>
		</div>
			
			<div class="row">
			<div class="span2">
				<p>Learning Activities</p>
			</div>
			<div class="span8">
				<p>
					
					
							<a href=/units/5/learning_activities/la_1 target="_blank">1 . Write a happy-face-drawing function </a><br/>
						
					
							<a href=/units/5/learning_activities/la_2 target="_blank">2 . Draw many smiley faces, slightly differently </a><br/>
						
					
							<a href=/units/5/learning_activities/la_3 target="_blank">3 . Return a value </a><br/>
						
					
				</p>
			</div>
		</div>
		<div class="row">
			<div class="span2">
				<p>Final Project Examples </p>
			</div>
			<div class="span8">
				<p>
					<a href="/units/5/final_project_examples/level_1.html" target="_blank">Level 1</a>
						- <a href="/units/5/final_project_examples/guide_level_1.html" target="_blank">Step by Step Guide</a><br/>
					<a href="/units/5/final_project_examples/level_2.html" target="_blank">Level 2</a><br/>
					<a href="/units/5/final_project_examples/level_3.html" target="_blank">Level 3</a><br/>
				</p>
			</div>
		</div>
		
		<div class="index-room"></div>
	
	
		<div class="row">
			<div class="span12 index">
				<h2>Unit 6. Objects</h2>
			</div>
		</div>
		<div class="row">
			<div class="span2">
				<p>Unit information</p>
			</div>
			<div class="span8">
				<p><a href="/units/6/overview" target="_blank">Overview, big ideas, goals, activities, final project</a></p>
			</div>
		</div>
			
			<div class="row">
			<div class="span2">
				<p>Learning Activities</p>
			</div>
			<div class="span8">
				<p>
					
					
							<a href=/units/6/learning_activities/la_1 target="_blank">1 . Draw an array of bubbles </a><br/>
						
					
							<a href=/units/6/learning_activities/la_2 target="_blank">2 . Literal Objects and Constructors </a><br/>
						
					
							<a href=/units/6/learning_activities/la_3 target="_blank">3 . Add and delete from the array </a><br/>
						
					
							<a href=/units/6/learning_activities/la_4 target="_blank">4 . Click on a bubble </a><br/>
						
					
				</p>
			</div>
		</div>
		<div class="row">
			<div class="span2">
				<p>Final Project Examples </p>
			</div>
			<div class="span8">
				<p>
					<a href="/units/6/final_project_examples/level_1.html" target="_blank">Level 1</a>
						- <a href="/units/6/final_project_examples/guide_level_1.html" target="_blank">Step by Step Guide</a><br/>
					<a href="/units/6/final_project_examples/level_2.html" target="_blank">Level 2</a><br/>
					<a href="/units/6/final_project_examples/level_3.html" target="_blank">Level 3</a><br/>
				</p>
			</div>
		</div>
		
		<div class="index-room"></div>
	
	
		<div class="row">
			<div class="span12 index">
				<h2>Unit 7. DOM</h2>
			</div>
		</div>
		<div class="row">
			<div class="span2">
				<p>Unit information</p>
			</div>
			<div class="span8">
				<p><a href="/units/7/overview" target="_blank">Overview, big ideas, goals, activities, final project</a></p>
			</div>
		</div>
			
			<div class="row">
			<div class="span2">
				<p>Learning Activities</p>
			</div>
			<div class="span8">
				<p>
					
					
							<a href=/units/7/learning_activities/la_1 target="_blank">1 . Add a title and text to your page </a><br/>
						
					
							<a href=/units/7/learning_activities/la_2 target="_blank">2 . Add title and text from Javascript </a><br/>
						
					
							<a href=/units/7/learning_activities/la_3 target="_blank">3 . Move canvas around </a><br/>
						
					
							<a href=/units/7/learning_activities/la_4 target="_blank">4 . Create a button that changes the background </a><br/>
						
					
							<a href=/units/7/learning_activities/la_5 target="_blank">5 . Add an interface to your sketch: sliders, buttons, text inputs </a><br/>
						
					
							<a href=/units/7/learning_activities/la_6 target="_blank">6 . Hover on text, drag sliders: control your sketch using HTML elements </a><br/>
						
					
				</p>
			</div>
		</div>
		<div class="row">
			<div class="span2">
				<p>Final Project Examples </p>
			</div>
			<div class="span8">
				<p>
					<a href="/units/7/final_project_examples/level_1.html" target="_blank">Level 1</a>
						- <a href="/units/7/final_project_examples/guide_level_1.html" target="_blank">Step by Step Guide</a><br/>
					<a href="/units/7/final_project_examples/level_2.html" target="_blank">Level 2</a><br/>
					<a href="/units/7/final_project_examples/level_3.html" target="_blank">Level 3</a><br/>
				</p>
			</div>
		</div>
		
		<div class="index-room"></div>
	
	
<div class="row">
	<div class="span12">
		<h2>Resources</h2>
	</div>
</div>
<div class="row">
	<div class="span2">
		<p>p5 Website</p>
	</div>
	<div class="span6">
		<p><a href="http://p5js.org/examples/">p5 Examples page</a><br/>
		<a href="http://p5js.org/reference/">p5 Reference page</a></p>
	</div>
</div>
<div class="row">
	<div class=" span2">
		<p>Video Tutorials</p>
	</div>
	<div class=" span6">
		<p><a href="http://thecodingtrain.com/">Coding Train</a>, by Daniel Shiffman</p>
	</div>
</div>
<div class="row">
	<div class=" span2">
		<p>Books</p>
	</div>
	<div class=" span6">
		<p>
			<a href="http://learningprocessing.com/">Learning Processing</a> 2nd edition, by Daniel Shiffman. <br/>
			<a href="https://p5js.org/books/">Getting Started with p5.js</a>, by Lauren McCarthy,
			Casey Reas, and Ben Fry.</p>
			<p>Parts of some learning activities in this curriculum have been adapted from the resources above. Relevant book chapters and videos are linked from each learning activity.</p>
	</div>
</div>
<div class="index-room"></div>
<div class="row">
	<div class="span12">
		<h2>Credits</h2>
	</div>
</div>
<div class="row">
	<div class="span2" >
		<p>Lead writer</p>
	</div>
	<div class="span8">
		<p><a href="http://www.luisapereira.net">Luisa Pereira</a>
	</div>
</div>
<div class="row">
	<div class="span2">
		<p>Teaching Contributors</p>
	</div>
	<div class="span8">
		<p><a href="">Courtney Morgan</a> <br/><a href="">Jose Orea</a></p>
	</div>
</div>
<div class="extra-room"></div>

        <script src="/bootstrap/js/bootstrap.min.js"></script>  

      </div>
    </body>
</html>