mozilla

Revision 615129 of Roller

  • Revision slug: Web/Apps/Reference_apps/Roller
  • Revision title: Roller
  • Revision id: 615129
  • Created:
  • Creator: cvan
  • Is current revision? Yes
  • Comment
Tags: 

Revision Content

Roller is a micro blog app that allows you to post text, upload an image with an extension such as jpg, gif, png or jpeg, or paste a link.

Read the full developer walkthrough

Difficulty: Advanced

Code Breakdown:

  • 5% HTML
  • 26% CSS
  • 69% JavaScript

Third-party Libraries

Node.js
Both server and client code are written in JavaScript.
redis
A key-value store that contains all the post data for Roller.
jQuery
Uses jQuery to simplify common tasks such as DOM manipulation.
RequireJS
Uses RequireJS to split JavaScript code into more easily maintainable modules.

Revision Source

<div class="summary">
 <img alt="" src="https://mdn.mozillademos.org/files/6235/roller1.jpg" style="width: 179px; height: 269px; float: left; padding-right: 30px; padding-bottom: 30px;" />
 <p>Roller is a micro blog app that allows you to post text, upload an image with an extension such as jpg, gif, png or jpeg, or paste a link.</p>
 <p><a class="walkthrough" href="https://github.com/ednapiranha/roller/tree/master/doc/development_process.md">Read the full developer walkthrough </a></p>
 <p>Difficulty: Advanced</p>
 <p>Code Breakdown:</p>
 <ul style="position: relative; left: 30px">
  <li>5% HTML</li>
  <li>26% CSS</li>
  <li>69% JavaScript</li>
 </ul>
 <div id="view-code">
  <a class="app-source button" href="https://github.com/ednapiranha/roller/">View Source</a> <a class="app-source button" href="https://github.com/ednapiranha/roller/archive/master.zip">Download</a></div>
</div>
<h2 id="Third-party_Libraries">Third-party Libraries</h2>
<dl>
 <dt>
  <a href="http://nodejs.org/" rel="external" target="_blank">Node.js</a></dt>
 <dd>
  Both server and client code are written in JavaScript.</dd>
 <dt>
  <a href="http://redis.io" rel="external" target="_blank">redis</a></dt>
 <dd>
  A key-value store that contains all the post data for Roller.</dd>
 <dt>
  <a href="http://jquery.com/" rel="external" target="_blank">jQuery</a></dt>
 <dd>
  Uses jQuery to simplify common tasks such as DOM manipulation.</dd>
 <dt>
  <a href="http://requirejs.org/" rel="external" target="_blank">RequireJS</a></dt>
 <dd>
  Uses RequireJS to split JavaScript code into more easily maintainable modules.</dd>
</dl>
Revert to this revision