O'Reilly logo

CoffeeScript Programming with jQuery, Rails, and Node.js by Michael Erasmus

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating the collaboration UI

First, we'll add an input field to specify a list name and a button to join the specified list.

Make the following changes (highlighted in the code snippet) to our index.jade file, which will add an input element and a button element to specify our list name and join it:

      footer#footer
        | Join list:
        input#join-list-name
        button#join Join
        button#clear-completed Clear completed
  script(src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js")
  != js('todo')

Our page should now look like the page displayed in the following screenshot:

Creating the collaboration UI

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required