Pedro Casaubon xperiments

This is an example of how to scaffold API endpoints to list / get / create / update / delete Posts in a Keystone website.

It's a modification of the default project created with the yo keystone generator (see https://github.com/JedWatson/generator-keystone)

Gists don't let you specify full paths, so in the project structure the files would be:

routes-index.js        -->    /routes/index.js         // modified to add the api endpoints
routes-api-posts.js    -->    /routes/api/posts.js     // new file containing the Post API route controllers

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.

	var MyApp = angular.module('MyApp');
	MyApp.factory('msgBus', ['$rootScope', function($rootScope) {
	var msgBus = {};
	msgBus.emitMsg = function(msg, data) {
	data = data \|\| {};
	$rootScope.$emit(msg, data);
	};
	msgBus.onMsg = function(msg, func, scope) {
	var unbind = $rootScope.$on(msg, func);
	if (scope) {

	var gulp = require( 'gulp' ),
	component = require( 'gulp-component' ),
	tsc = require( 'gulp-typescript-compiler' );

	gulp.task( 'default' , [ 'ts' ] , function (){
	gulp.src( 'component.json' )
	.pipe( component( {
	standalone: true
	} ) )
	.pipe( gulp.dest( 'build' ) )

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<input id="file" type="file" accept="image/*" />
	<br/>

	<h2>As read:</h2>
	<img id="placeholder1" width=300/><br/>
	<h2>Rotated by exif data:</h2>
	<img id="placeholder2" width=300/>

	<script>

	// Modified from http://redotheweb.com/2013/05/15/client-side-full-text-search-in-css.html
	// you'll need to add type='text/css' to the style tag in the HTML for this to work in IE<9

	(function() {
	var addslashes = function(str) {
	return (str + '')
	.replace(/[\\"']/g, '\\$&')
	.replace(/\u0000/g, '\\0');
	};

	// Creating Google’s “Material Design” in SCSS
	// (specifically Material Shadow, uses compass)
	// see: http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-paper-craft

	// Demo: http://codepen.io/stoikerty/full/Glwxi/

	// Animating Box-Shadow is EXPENSIVE:
	// http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/#toc-

	// Moving between z-index-depths is done via opacity & multiple

	import customelement = require('./customelement');

	export class MyElement extends customelement.CustomHTMLElement {
	public myTest() {
	// "this" is fully qualified, includes all methods e.g. addEventListener, dispatchEvent
	console.log("this", this);
	console.dir(this);
	}
	}

	var express = require('express'),
	httpProxy = require('http-proxy'),
	app = express();

	var proxy = new httpProxy.RoutingProxy();

	function apiProxy(host, port) {
	return function(req, res, next) {
	if(req.url.match(new RegExp('^\/api\/'))) {
	proxy.proxyRequest(req, res, {host: host, port: port});