Nate theredpea

How to View Chrome Websocket Frames as Formatted JSON

It's frustrating to decipher the websocket frames in Chrome Dev Tools, so I setup a workflow to use Sublime Text to display the frames as JSON.

Prerequisites

Sublime Text installed
Package PrettyJSON is installed (https://github.com/dzhibas/SublimePrettyJson)
Package RegReplace is installed (https://github.com/facelessuser/RegReplace)

Add RegReplace Settings

What are Migrations

Just like how we use Git to version control source code, we use migrations to manage the state of our database schemas.

I'm not really sure what that means...

Imagine you're working on project with another developer, and you're both tasked with creating a specific part of an event planning application. Let's say you are in charge of creating the Users and your friend is going to create the Events.

Let's say you and your friend divided the work in a way so that neither of you will have to to use each other's code to finish your tasks. While you're working on your part of the application, you only really need to touch the Users table when you are working with the database.

Before you begin

Make sure that the project you are in is a node project (it has a package.json) and you have already installed and initialized sequelize (npm install --save sequelize, sequelize init). Also make sure that your config.json file has the correct credentials to connect to your database.

This is a demonstration of a bi-directional hierarchical sankey diagram produced in javascript, html and css using d3. (Refresh page to generate new random data)

Sankey diagrams represent flows between nodes by varying the thickness of the connecting links.

This diagram was based off of Mike Bostock's sankey diagram, but additionally incorporates bi-directionality into the flow and caters for hierarchical relationships between nodes to allow drill down into the data.

All javascript code to generate the diagram markup is contained in the app.js file, but the underlying calculations are performed using a custom plugin: bihisankey.js.

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.

	'use strict';

	var path = require('path');
	var fontnik = require('../');
	var Benchmark = require('benchmark');

	var opensans = path.resolve(__dirname + '/../fonts/open-sans/OpenSans-Regular.ttf');

	var suite = new Benchmark.Suite();

	var sequelize = new Sequelize('postgres:/tmp');

	var CM = sequelize.transactionManager.ConnectorManager;
	sequelize.transactionManager.ConnectorManager = function (sequelize, config) {
	var cm = new CM(sequelize, config);
	cm.pg.defaults.database = 'database_name';
	return cm;
	}

	sequelize.getQueryInterface().QueryGenerator

	function flattenTreeDepthFirst(rootNode) {
	var nodes = [rootNode];
	var childArraysQueue = [];

	if (rootNode.children) {
	childArraysQueue.push(rootNode.children);
	}

	while (childArraysQueue.length > 0) {
	var children = childArraysQueue[0];

	<!DOCTYPE html>
	<html>
	<head>
	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	</head>
	<body>
	<table id="split">
	<thead></thead>
	<tbody></tbody>