Bruce Burton bpinedah

## 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

## javascript_resources.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                bpinedah
                / javascript_resources.md
            
            
              Created
              April 23, 2014 04:48
                — forked from jookyboi/javascript_resources.md
            
              
                Here are a set of libraries, plugins and guides which may be useful to your Javascript coding.
              
          
    Libraries


jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
AngularJS - Conventions based MVC framework for HTML5 apps.
Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
lawnchair - Key/value store adapter for indexdb, localStorage


## css_resources.md

      
              1 file
            
          
              1 fork
            
          
              0 comments
            
          
              2 stars
            
          
                bpinedah
                / css_resources.md
            
            
              Created
              April 23, 2014 04:48
                — forked from jookyboi/css_resources.md
            
              
                CSS libraries and guides to bring some order to the chaos.
              
          
    Libraries


960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
Compass - Open source CSS Authoring Framework.
Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
Font Awesome - The iconic font designed for Bootstrap.
Zurb Foundation - Framework for writing responsive web sites.
SASS - CSS extension language which allows variables, mixins and rules nesting.
Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides


## pure_funtion.js
const myFunction = (factorX, factorY) =>  factorX === factorY;

myFunction(9, 9); // true

## impure_function.js
const myFunction = () =>  Math.random();

myFunction(); // 0.5578493686496315
myFunction(); // 0.7899515813186793
myFunction(); // 0.1619741867064739

// No way baby, your output is not the same.

## fm-private-storex.js
(function () {
  Polymer({
    is: 'fm-private-storex',
    properties: {
      /**
       * @description Store all states
       */
      store: {
        type: Object,
        value: function () {

## fm-private-storex-behavior.html
<script>
  var FmPrivateStorex = window.FmPrivateStorex || {};

  FmPrivateStorex.BaseStoreBehavior = {
    properties: {
      /**
       * @description Store all states
       */
      state: {},
      /**

## fm-private-storex-commit.js
/**
 * @description Function to apply the mutations
 * @param mutation
 * @param value
 */
commit: function (mutation, value) {
  this.set('mutations', gs.mutations);
  if (this.mutations[mutation]) {
    (this.mutations[mutation])(this, value);
  } else {

## const.js
const mutable = { foo: 'bar' };

mutable.foo = 'dog';

console.log(mutable.foo); // Dog

## Object-freeze.js
const inmutable = Object.freeze({
  foo: 'bar'
});

inmutable.foo = 'Dog';

console.log(inmutable.foo); // bar

// But...
	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console
	const myFunction = (factorX, factorY) => factorX === factorY;

	myFunction(9, 9); // true
	const myFunction = () => Math.random();

	myFunction(); // 0.5578493686496315
	myFunction(); // 0.7899515813186793
	myFunction(); // 0.1619741867064739

	// No way baby, your output is not the same.
	(function () {
	Polymer({
	is: 'fm-private-storex',
	properties: {
	/**
	* @description Store all states
	*/
	store: {
	type: Object,
	value: function () {
	<script>
	var FmPrivateStorex = window.FmPrivateStorex \|\| {};

	FmPrivateStorex.BaseStoreBehavior = {
	properties: {
	/**
	* @description Store all states
	*/
	state: {},
	/**
	/**
	* @description Function to apply the mutations
	* @param mutation
	* @param value
	*/
	commit: function (mutation, value) {
	this.set('mutations', gs.mutations);
	if (this.mutations[mutation]) {
	(this.mutations[mutation])(this, value);
	} else {
	const mutable = { foo: 'bar' };

	mutable.foo = 'dog';

	console.log(mutable.foo); // Dog
	const inmutable = Object.freeze({
	foo: 'bar'
	});

	inmutable.foo = 'Dog';

	console.log(inmutable.foo); // bar

	// But...