Owen Dall Sotomayor owendall

## .block
license: gpl-3.0
height: 600
scrolling: no
border: yes


## aws-for-frontend.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                owendall
                / aws-for-frontend.md
            
            
              Created
              May 30, 2018 14:09
                — forked from stevekinney/full-stack-deploying.md
            
          
    Frontend Masters: AWS for Frontend Engineers

You should have the following completed on your computer before the workshop:

Have Node.js installed on your system. (Recommended: Use nvm.)

Unfortunately, you'll need to be on Node 9.x or earlier. Dependencies are hard and one of the dependencies of one of our dependencies is set to not allow Node 10.x.


Create an AWS account. (This will require a valid credit card.)
Install multi-factor authentication app (e.g. Authy, Google Authenticator, Duo).
Install the AWS CLI. (brew install awscli should do the trick. Otherwise, you'll need Python and PIP, which you can install using brew install python.)
Install the AWS Mobile Hub CLI: npm install -g awsmobile-cli or yarn global add awsmobile-cli.


## .block
border: no
license: Apache-2.0

## d3.sankey.js
d3.sankey = function() {
  var sankey = {},
      nodeWidth = 24,
      nodePadding = 8,
      size = [1, 1],
      nodes = [],
      links = [];

  sankey.nodeWidth = function(_) {
    if (!arguments.length) return nodeWidth;

## .block
license: bsd-3-clause

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
 <title>Testing vega-lite 2 and tooltip</title>
  <meta charset="utf-8">
    <!-- Import Vega 3 & Vega-Lite 2 js (does not have to be from cdn) -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vega/3.0.2/vega.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vega-lite/2.0.0-beta.19/vega-lite.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vega-embed/3.0.0-beta.20/vega-embed.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/vega-tooltip/0.4.3/vega-tooltip.min.css"></link>

## Tooltip Test
A vega-lite scatterplot example for vega-tooltip. You can specify the limited sets of field to display in tooltip by setting `showAllFields` to false, then specify those in `fields` array. You can also rename the field by specifying `title`

## .block
license: bsd-3-clause

## protips.js
// Promise.all is good for executing many promises at once
Promise.all([
  promise1,
  promise2
]);

// Promise.resolve is good for wrapping synchronous code
Promise.resolve().then(function () {
  if (somethingIsNotRight()) {
    throw new Error("I will be rejected asynchronously!");

## .block
license: mit
	d3.sankey = function() {
	var sankey = {},
	nodeWidth = 24,
	nodePadding = 8,
	size = [1, 1],
	nodes = [],
	links = [];

	sankey.nodeWidth = function(_) {
	if (!arguments.length) return nodeWidth;
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Testing vega-lite 2 and tooltip</title>
	<meta charset="utf-8">
	<!-- Import Vega 3 & Vega-Lite 2 js (does not have to be from cdn) -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/vega/3.0.2/vega.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/vega-lite/2.0.0-beta.19/vega-lite.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/vega-embed/3.0.0-beta.20/vega-embed.min.js"></script>
	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/vega-tooltip/0.4.3/vega-tooltip.min.css"></link>
	// Promise.all is good for executing many promises at once
	Promise.all([
	promise1,
	promise2
	]);

	// Promise.resolve is good for wrapping synchronous code
	Promise.resolve().then(function () {
	if (somethingIsNotRight()) {
	throw new Error("I will be rejected asynchronously!");