darrentorpey

Let's say we have a feature branch:

git checkout -b feature/9999-awesome-things

We can compare this branch's history with another history:

# This will show all changes we've added "since" the tip of master
git log feature/9999-awesome-things..

darrentorpey

function report(name, data) {
    console.log('===============');
    console.log(name, data);
    console.log(JSON.stringify(data));
}

var jsonData = [
  {
    id:   1,
    name: 'Darren',

darrentorpey

function report(name, data) {
    console.log('===============');
    console.log(name, data);
    console.log(JSON.stringify(data));
}

var jsonData = [
  {
    id:   1,
    name: 'Darren',

darrentorpey

An Underscore.js Primer

Written by Darren Torpey and presented to Rue La La in May 2013.

This guide was written based upon Underscore.js version 1.4.4.

What is Underscore.js? How does it help us?

From the official website:

darrentorpey

@import "compass"
// == BUTTONS ==

$g_button_colors: 'blue', 'green', 'lightblue', 'silver'

// =======
// Helpers
// -------

=button_color($text_color: false, $text_shadow: false, $bg_light: false, $bg_dark: false, $bg_default: $bg_dark, $border: false)

darrentorpey

@import "compass"
// == BUTTONS ==

$g_button_colors: 'blue', 'green', 'lightblue', 'silver'

// =======
// Helpers
// -------

=button_color($text_color: false, $text_shadow: false, $bg_light: false, $bg_dark: false, $bg_default: $bg_dark, $border: false)

darrentorpey

@import "compass"
// == BUTTONS ==

$g_button_colors: 'blue', 'green', 'lightblue', 'silver'

// =======
// Helpers
// -------

=button_color($text_color: false, $text_shadow: false, $bg_light: false, $bg_dark: false, $bg_default: $bg_dark, $border: false)

darrentorpey

<a href="" class="toggle_form_style">Toggle form style</a>

<form accept-charset="UTF-8" action="/shopping/checkout/update/address" class="checkout_form formtastic spree_order" id="checkout_form_address" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="uM2v0Q6eSbGgeJgGgm7LgTFCqub/zT6c0KeNy+KpwUo="></div>
    <section class="main_col" data-hook="checkout_content">
      <div class="columns alpha six" data-hook="billing_fieldset_wrapper">
  <div class="form_box billing_info" id="billing" data-hook="">
    <header><h2>Billing Information</h2></header>

    <div class="body">
      <fieldset class="inputs">

darrentorpey

<a href="" class="toggle_form_style">Toggle form style</a>

<form accept-charset="UTF-8" action="/shopping/checkout/update/address" class="checkout_form formtastic spree_order" id="checkout_form_address" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="uM2v0Q6eSbGgeJgGgm7LgTFCqub/zT6c0KeNy+KpwUo="></div>
    <section class="main_col" data-hook="checkout_content">
      <div class="columns alpha six" data-hook="billing_fieldset_wrapper">
  <div class="form_box billing_info" id="billing" data-hook="">
    <header><h2>Billing Information</h2></header>

    <div class="body">
      <fieldset class="inputs">

darrentorpey

<a href="" class="toggle_form_style">Toggle form style</a>

<form accept-charset="UTF-8" action="/shopping/checkout/update/address" class="bs-form form-horizontal checkout_form formtastic spree_order" id="checkout_form_address" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="uM2v0Q6eSbGgeJgGgm7LgTFCqub/zT6c0KeNy+KpwUo="></div>
    <section class="main_col" data-hook="checkout_content">
      <div class="columns alpha six" data-hook="billing_fieldset_wrapper">
  <div class="form_box billing_info" id="billing" data-hook="">
    <header><h2>Billing Information</h2></header>

    <div class="body">
      <fieldset class="inputs">