NYU — Spring 2014 / Week 7

Walking the Walk

We’ve had a lot of practice breaking down other applications and talking about how they work. Today, we’ll make one ourselves.

Housekeeping

Let’s Make an App

In class last week we deconstructed a ProPublica application about drug labels. Let’s go over some things we might have done differently if we were building it.

Now let’s build it. Our goal is to replicate the functionality of the interactive (which means, at the bare minimum, it has to work) and improve it as you prefer.

We’ll break into groups of 3.

Things we need:

  1. Make sure you have Google Chrome and Sublime Text 2 downloaded and ready to rumble.
  2. Make a older somewhere on your desktop and make an index.html page inside it. Add the following code as a starter.

    <style type="text/css">
    
    body {
      width:760px;
      margin:40px auto;
      font-family: georgia, sans;
    }
    
    h1 {
      border-bottom:1px solid #dedede;
      margin-bottom:20px;
      padding-bottom:20px;
    }
    
    </style>
    
    <h1>Starter interactive</h1>
    
    <p>This is where HTML will go.</p>
    
    <script type="text/javascript">
    
    // this is how you comment in javascript.
    console.log("this is where javascript will go!");
    
    </script>
    
  3. In your Terminal, navigate to the folder and run (optional, mac users only)

    python -m SimpleHTTPServer
    
  4. As a class, let’s make a plan in plain English.

  5. There is no step-by-step tutorial for this project. It’s mostly going to be about learning on your own and figuring out how to ask the internet good questions. Amanda and Kevin will be available to help you with any questions you have. We’ll make sure everyone is on track with their plan.

  6. Tips for success: break up your project into tiny little parts in plain English.

Things you might need:

Homework

Your homework is to email the class a link to your group’s working project by 11:59PM March 25. The project must work correctly, but it doesn’t have to look fancy. We don’t really care much about grades, but we’ll say there are three outcomes: