Markus Müller usingthesystem

We will first discussed how destructing and rest parameters can be used in ES6 - in arrays and objects. Then we will look at a few examples and also discuss some quiz.

arrays

var array = [1, 2, 3, 4];
var nestedArray = [1, 2, 3, 4, [7, 8, 9]];

var [a, b, c, d] = array;
console.log(a, b, c, d)

This is one chapter of my "Chrome Extension Workshops" tutorial, see the rest here: https://gist.github.com/caseywatts/8eec8ff974dee9f3b247

Unrelated update: my book is out! Debugging Your Brain is an applied psychology / self-help book

Making Bookmarklets

I'm feeling very clever. I've got this sweet line of javascript that replaces "cloud" with "butt". My mom would LOVE this, but she doesn't computer very well. I'm afraid to show her the Developer Console and have her type/paste this in. But she IS pretty good at bookmarks, she knows just how to click those!

A bookmark normally takes you to a new web page. A bookmarklet is a bookmark that runs javascript on the current page instead of taking you to a new page. To declare that it is a bookmarklet, the "location" it points to starts with javascript:.

	#!/bin/bash

	# Sync Homebrew installations between Macs via Dropbox
	#

	BREW="/usr/local/bin/brew"

	# first get local settings
	echo "Reading local settings ..."
	rm -f /tmp/brew-sync.*

	// http://deploytonenyures.blogspot.fr/2015/11/es6-proxies-part-ii.html
	//to run it in node.js 4 it should be just this flag: --harmony_proxies
	//but does not seem to work, so run it in Firefox

	var cat = {
	name: "Kitty",
	method1: function(msg){
	console.log("cat: " + this.name + ", method1 invoked with msg: " + msg);
	this.method2(msg);
	},

	<html>
	<body>
	<div id="result"></div>
	<script>
	if (typeof(EventSource) !== 'undefined') {
	console.info('Starting connection...');
	var source = new EventSource('/stream.php');
	source.addEventListener('open', function(e) {
	console.info('Connection was opened.');
	}, false);

	// ES6 w/ Promises
	// Note: From a React starter template - see https://t.co/wkStq8y3I5
	function fetchData(routes, params) {
	let data = {};

	return Promise.all(routes
	.filter(route => route.handler.fetchData)
	.map(route => {
	return route.handler.fetchData(params).then(resp => {
	data[route.name] = resp;

	// Run this from the commandline:
	// phantomjs runner.js \| ffmpeg -y -c:v png -f image2pipe -r 24 -t 10 -i - -c:v libx264 -pix_fmt yuv420p -movflags +faststart output.mp4

	var page = require('webpage').create(),
	address = 'http://s.codepen.io/phanan/fullembedgrid/YPLewm?type=embed&safe=true&_t=1424767252279',
	duration = 3, // duration of the video, in seconds
	framerate = 24, // number of frames per second. 24 is a good value.
	counter = 0,
	width = 500,
	height = 500;

	/*
	* Get the current URL of the selected Chrome tab. Call to getCurrent
	* By Javier Santos
	* https://gist.github.com/javiersantos/c3e9ae2adba72e898f99
	*/

	var currentURL;

	chrome.tabs.query({'active': true, 'windowId': chrome.windows.WINDOW_ID_CURRENT},
	function(tabs){

	// Restify Server CheatSheet.
	// More about the API: http://mcavage.me/node-restify/#server-api
	// Install restify with npm install restify


	// 1.1. Creating a Server.
	// http://mcavage.me/node-restify/#Creating-a-Server


	var restify = require('restify');

	# A little Meteor CheatSheet about Iron-Router. (updated on a weekly basis)
	# Check our Studio: https://gentlenode.com/


	meteor add iron:router
	meteor update iron:router


	# Iron Router > Configuration