puiu puiutucutu

This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.

You're Missing the Point of Promises

Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:

getTweetsFor("domenic", function (err, results) {
 // the rest of your code goes here.

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

$ npm install
$ ./node_modules/.bin/webpack-dev-server
$ open http://localhost:8080/webpack-dev-server/

Notes:

Note the trailing slash on the URL is significant. Without it webpack-dev-server shows a file listing page.
You need 1.0.11 or later of webpack-dev-middleware for this URL to work. With earlier versions you need to specify the full URL like this: http://localhost:8080/webpack-dev-server/index.html.
To get a non-autoreloading version of the page use http://localhost:8080/index.html.

	/* Extend the Underscore object with the following methods */

	// Rate limit ensures a function is never called more than every [rate]ms
	// Unlike underscore's _.throttle function, function calls are queued so that
	// requests are never lost and simply deferred until some other time
	//
	// Parameters
	// * func - function to rate limit
	// * rate - minimum time to wait between function calls
	// * async - if async is true, we won't wait (rate) for the function to complete before queueing the next request

	$.ajax({
	type: 'POST', // Use POST with X-HTTP-Method-Override or a straight PUT if appropriate.
	dataType: 'json', // Set datatype - affects Accept header
	url: "http://example.com/people/1", // A valid URL
	headers: {"X-HTTP-Method-Override": "PUT"}, // X-HTTP-Method-Override set to PUT.
	data: '{"name": "Dave"}' // Some data e.g. Valid JSON as a string
	});

	/* Some clients do not support PUT or it’s difficult to send in a PUT request. For these cases, you could POST the request with a request header of X-HTTP-Method-Override set to PUT. What this tells the server is that the intended request is a PUT. Obviously this relies on the API you are accessing making use of the X-HTTP-Method-Override Header.*/

	<?php
	$username='h2odev';
	$password='likewater';
	$location='http://h2odev.law.harvard.edu/playlists/151';
	$baseUrl = 'http://h2odev.law.harvard.edu/';

	$currDir = dirname(__FILE__) . DIRECTORY_SEPARATOR;
	$userAgent = require($currDir . 'cuseragent.php');

	$ch = curl_init ();

	const Application = ((d) => {
	const privateVariable = 'Private content'

	const __private = {
	cache: () => {
	this.link = d.querySelector('.link')
	},

	bind: () => {
	this.link.addEventListener('click', this.showContent, false)

	// [B](f: (A) ⇒ [B]): [B] ; Although the types in the arrays aren't strict (:
	Array.prototype.flatMap = function(lambda) {
	return Array.prototype.concat.apply([], this.map(lambda));
	};