a-boertien

The introduction to Reactive Programming you've been missing

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.

JQL Syntax for the Impatient

There are a few JQL syntax bits to get you started:

AND --- allows you to add qualifiers to a list
!= Thing --- target one thing
is in (List, Of, Things) --- target a bunch of things (Done, Closed, Resolved) typically
not in (List, of, Things) --- do not include a bunch of things
-1w --- relative time. You can also use -1d for day
"2015/3/15" --- specific dates

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Comprehensive Introduction to @ngrx/store

By: @BTroncone

Also check out my lesson @ngrx/store in 10 minutes on egghead.io!

Update: Non-middleware examples have been updated to ngrx/store v2. More coming soon!

Table of Contents

Simple Bubble Chart D3 v4

var color = d3.scaleOrdinal(d3.schemeCategory20);

var bubble = d3.pack(dataset)
            .size([diameter, diameter])
 .padding(1.5);

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Building a router</title>
	<script>
	// Put John's template engine code here...

	(function () {
	// A hash to store our routes:

	// Somewhere in your controllers for this given example

	// Example functions
	$scope.itemOnLongPress = function(id) {
	console.log('Long press');
	}

	$scope.itemOnTouchEnd = function(id) {
	console.log('Touch end');
	}

	/* bling.js */

	window.$ = document.querySelectorAll.bind(document);

	Node.prototype.on = window.on = function (name, fn) {
	this.addEventListener(name, fn);
	};

	NodeList.prototype.__proto__ = Array.prototype;

	// Jeremie Miserez <[email protected]>, 2015
	//
	// A little bit of Javascript to let you export your Google Music library, playlists, and album track lists :)
	//
	// I posted this as an answer here: http://webapps.stackexchange.com/questions/50311/print-playlist-from-google-play-music
	//
	// 1. Go to: https://play.google.com/music/listen#/all (or your playlist)
	//
	// 2. Open a developer console (F12 for Chrome). Paste
	// code below into the console.

	function getScrollParent(node) {
	const isElement = node instanceof HTMLElement;
	const overflowY = isElement && window.getComputedStyle(node).overflowY;
	const isScrollable = overflowY !== 'visible' && overflowY !== 'hidden';

	if (!node) {
	return null;
	} else if (isScrollable && node.scrollHeight >= node.clientHeight) {
	return node;
	}