NYU — Fall 2014 / Week 7

Walking the Walk

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

Housekeeping

Example Example Example Example Example Example Example

Let’s Make an App

Tonight, we deconstruct 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.

Things we need:

  1. Make sure you have Google Chrome and Sublime Text 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>

  1. In your Terminal, navigate to the folder and run (optional, mac users only)

    python -m SimpleHTTPServer

  2. As a class, let’s make a plan in plain English.

  3. 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.

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

Things you might need: