matthewstokeley

wip needs editing

// native array methods are functions attached to the prototype of the variadic constructor or object literal, and are inherited via prototypal inheritance
Array.prototype[METHOD].call, [].prototype[METHOD].call, let arr_ = [1,2,3]; arr[METHOD].call

// the common argument pattern for methods is VIA: value, index, array
[].forEach((value, index, array) => value++)

matthewstokeley

// the simplest possible example of inversion of control

class IOC
{
  /*
   * @type {string}
   */
  classProperty: 'hello world'
	
  constructor(/** Function */ fn) {

matthewstokeley

Prototypal Javascript

// this is like a constructor
const Oopj = function() {}

// inherits or implements a built-in prototype object
console.log(Oopj.prototype);

matthewstokeley

Created in conjunction with this landing page google integration road map https://docs.google.com/document/d/1YXartxy_Qv9cKMqlKrIlyfC5IeNyuDnZQRp5_XtezC8/edit?usp=sharing

and a mood board - a look and feel guide for landing pages https://app.milanote.com/1J5RhI1CpFX49G

mood board easter eggs

• Andrew Herzog Project - former Google Creative Lab
• The Agoraphobic Traveller - Google Street View
• Bard's Material History Collection at their graduate center - Material design

matthewstokeley

// has

const hasAttr = ( _el, attr ) => {

	if ( ! 'children' in _el || _el.children[ 0 ] ) {
		return false;
	}
	
	if ( _el.nodeType !== 1) {
		return false;

matthewstokeley

#! /usr/bin/node

/*  ~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-
 *  Bootload a Transpiling Environment
 *  
 *  @version 0.0.2
 */

/*  ~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-
 *  Declare Modules

matthewstokeley

// #### Delegation

// A SOLID method is delegated via composition. 

/**
 *
 */
type Subtask: Function(name: String): Function

/**

matthewstokeley

// an incredibly quick sketch
// goal: a 4-line version of redux

// 0.0.1

// actions
const ACTIONS = {
	"nav-toggle": "BIND_NAV_TOGGLE"
}

matthewstokeley

/*_________________________________________________________
 *
 *  @version 0.0.2
 */

( function( $ ) {

	const KEY                =   'template-name'
	const HTML_KEY           =   'html'
	const CONTAINER          =   '.container'

matthewstokeley

{
  "presets": [
  		"@babel/preset-env",
  		"@babel/preset-react"
  ],
  "plugins": ["babel-plugin-styled-components"],
  "ignore": []
  
}