PatrickJS PatrickJS

The browser field is provided by a module author as a hint to javascript bundlers or component tools when preparing modules for client side use.

terms

Below are common terms used in the rest of the document

server

This is a non-dom based javascript execution environment. It usually only contains the base javascript language spec libraries and objects along with modules to communicate with OS features (available through commonjs require).

client

Looking for workshop teachers to teach on the following topics!

For introductions please tweet @frontendmasters, @1marc or email: marc at FrontendMasters.com. Thanks!

You can propose other topics too.

Published blog post detailing topics and allowed people to vote on priority: 2015 Frontend Masters topic poll

JavaScript

Tinder API documentation

http://rsty.org/

I've sniffed most of the Tinder API to see how it works. You can use this to create bots (etc) very trivially. Some example python bot code is here -> https://gist.github.com/rtt/5a2e0cfa638c938cca59 (horribly quick and dirty, you've been warned!)

Note: this was written in April/May 2014 and the API may have changed since

API Details

Folder Structure

Motivations

Clear feature ownership
Module usage predictibility (refactoring, maintainence, you know what's shared, what's not, prevents accidental regressions, avoids huge directories of not-actually-reusable modules, etc)

	// 32 bit FNV-1a hash
	// Ref.: http://isthe.com/chongo/tech/comp/fnv/
	function fnv32a( str )
	{
	var FNV1_32A_INIT = 0x811c9dc5;
	var hval = FNV1_32A_INIT;
	for ( var i = 0; i < str.length; ++i )
	{
	hval ^= str.charCodeAt(i);
	hval += (hval << 1) + (hval << 4) + (hval << 7) + (hval << 8) + (hval << 24);

	const React = require('react');
	const _ = require('lodash');

	var model = new falcor.Model({
	cache: {
	movies: [
	{
	title: "Daredevil",
	plot: "Marvel lol",
	year: "2015-",

	// ...
	// ... SNIP: You should include and wire up express as needed before this
	// ...

	// Falcor deps
	var falcor = require('falcor');
	var falcorExpress = require('falcor-express');
	var bodyParser = require('body-parser');

	// ROUTES

	var parser = document.createElement('a');
	parser.href = "http://example.com:3000/pathname/?search=test#hash";

	parser.protocol; // => "http:"
	parser.hostname; // => "example.com"
	parser.port; // => "3000"
	parser.pathname; // => "/pathname/"
	parser.search; // => "?search=test"
	parser.hash; // => "#hash"
	parser.host; // => "example.com:3000"

	/*
	The MIT License (MIT)

	Copyright (c) 2014

	Permission is hereby granted, free of charge, to any person obtaining a copy
	of this software and associated documentation files (the "Software"), to deal
	in the Software without restriction, including without limitation the rights
	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software, and to permit persons to whom the Software is

	import {Component as _Component, Template as _Template} from 'angular2/src/core/annotations/annotations';

	function makeDecorator(annotationClass) {
	return (options) => {
	return (klass) => {
	klass.annotations = klass.annotations \|\| [];
	klass.annotations.push(new annotationClass(options));
	return klass;
	};
	};