kimjoar

function fakeResponse(response, options, callback) {
  var statusCode, headers, server, resp;

  // some default values, so we don't have to set status code and
  // content type all the time.
  statusCode = options.statusCode || 200;
  headers = options.headers || { "Content-Type": "application/json" }

  // we create what Sinon.js calls a fake server. This is basically just
  // a name for mocking out all XMLHttpRequests. (There are no actual

kimjoar

it("should show error message when pagination fails", function() {

  // ajax responses
  var response = readFixtures("responses/persons.json");
  var errorResponse = readFixtures("responses/errors.json");

  // create our initial view
  var view = new PersonsView({ collection: new Persons() });
  view.render(); // show header and other static stuff

kimjoar

function getPersonsViewFromResponse(response, options) {
  var view = new PersonsView({ collection: new Persons() });
  view.render();

  fakeResponse(response, options, function() {
    view.collection.fetch();
  });

  return view;
}

kimjoar

// a view constructor which accepts:
// - el, which is a jQuery object of the HTML element the view owns
// - user, which is a user model with key-value pairs
var UserView = function(el, user) {
  this.el = el;
  this.user = user;
}

UserView.prototype.showImage = function() {
  this.el.append('<img src="' + user.image + '" />');

kimjoar

describe('user view', function() {
  it('should be able to show image', function() {
    var user = {
      image: "user.png"
    };

    var view = new UserView($('<div></div>'), user);
    view.showImage();

    // remember that `view.el` is a jQuery object. So now we can call

kimjoar

UserView.prototype.$ = function(selector) {
  return this.el.find(selector);
}

kimjoar

var events = new EventEmitter();

var UserView = function(el, user) {
  this.el = el;
  this.user = user;

  // Let's listen for someone emitting the event 'user:showImage', which
  // we listen for and then show the user's image.
  // The first parameter is the event name, the second is the function
  // to call when the event is triggered, and the third is the context

kimjoar

Simple Ruby DSL to generate XML

Implemented as an exercise to learn about metaprogramming in Ruby. The DSL is implemented using instance_eval and method_missing.

Usage

require 'xmldsl'

Twitter = Struct.new :name, :avatar, :text
twitters = []
5.times { twitters << Twitter.new("Jonas", "/profile.png", "Hello World!") }

kimjoar

require './xmldsl'

Twitter = Struct.new :name, :avatar, :text
twitters = []
5.times { twitters << Twitter.new("Jonas", "/profile.png", "Hello World!") }

xml = XML.generate do
  html do
    body do
      twitters.each do |tw|

kimjoar

+function addStatus(options) {
+    $.ajax({
+        url: '/status',
+        type: 'POST',
+        dataType: 'json',
+        data: { text: $('#new-status textarea').val() },
+        success: function(data) {
+            $('#statuses ul').append('<li>' + data.text + '</li>');
+            $('#new-status textarea').val('');
+        }