Juha Karttunen jkarttunen

Working with git remotes on Heroku

Generally, you will add a git remote for your Heroku app during the Heroku app creation process, i.e. heroku create. However, if you are working on an existing app and want to add git remotes to enable manual deploys, the following commands may be useful.

Adding a new remote

Add a remote for your Staging app and deploy

Note that on Heroku, you must always use master as the destination branch on the remote. If you want to deploy a different branch, you can use the syntax local_branch:destination_branch seen below (in this example, we push the local staging branch to the master branch on heroku.

$ git remote add staging https://git.heroku.com/staging-app.git

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.

	/*
	Usage:
	* Paste this into your dev tools console (or even better as a snippet)
	* It will parse the page and find all the things that create a new stacking context
	and dump some info about them to the console. It will also outline them on the page.

	* This is pretty rough and probably misses heaps of bugs and edge cases.
	*/

	function highlight(el) {

	{
	"ecmaFeatures": {
	"arrowFunctions": true,
	"binaryLiterals": false,
	"blockBindings": true,
	"classes": true,
	"defaultParams": true,
	"destructuring": true,
	"forOf": true,
	"generators": true,

	{
	// http://eslint.org/docs/rules/

	"ecmaFeatures": {
	"binaryLiterals": false, // enable binary literals
	"blockBindings": false, // enable let and const (aka block bindings)
	"defaultParams": false, // enable default function parameters
	"forOf": false, // enable for-of loops
	"generators": false, // enable generators
	"objectLiteralComputedProperties": false, // enable computed object literal property names

	// Object.create Partial Polyfill
	// Support for second parameter is non-standard
	if (typeof Object.create !== 'function') {
	Object.create = function(o, props) {
	// Create new object whose prototype is o
	function F() {}
	F.prototype = o;
	result = new F();
	// Copy properties of second parameter into new object
	if (typeof(props) === "object") {

	/**
	* Encode string into Base64, as defined by RFC 4648 [http://tools.ietf.org/html/rfc4648].
	* As per RFC 4648, no newlines are added.
	*
	* Characters in str must be within ISO-8859-1 with Unicode code point <= 256.
	*
	* Can be achieved JavaScript with btoa(), but this approach may be useful in other languages.
	*
	* @param {string} str ASCII/ISO-8859-1 string to be encoded as base-64.
	* @returns {string} Base64-encoded string.

	// http://jsperf.com/new-vs-object-create-including-polyfill
	if (typeof Object.create !== 'function') {
	Object.create = function(o, props) {
	function F() {}
	F.prototype = o;

	if (typeof(props) === "object") {
	for (prop in props) {
	if (props.hasOwnProperty((prop))) {
	F[prop] = props[prop];

	// https://github.com/angular-app/angular-app

	angular.module('services.breadcrumbs', []);
	angular.module('services.breadcrumbs').factory('breadcrumbs', ['$rootScope', '$location', function($rootScope, $location){

	var breadcrumbs = [];
	var breadcrumbsService = {};

	//we want to update breadcrumbs only when a route is actually changed
	//as $location.path() will get updated imediatelly (even if route change fails!)