Bingo Yang blackbing

S3 Static Sites

⚠ This post is fairly old. I don't keep it up to date. Be sure to see comments where some people have posted updates

What this will cover

Host a static website at S3
Redirect www.website.com to website.com
Website can be an SPA (requiring all requests to return index.html)
Free AWS SSL certs
Deployment with CDN invalidation

The introduction to Reactive Programming you've been missing

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

CoffeeScript 1.7 is shaping up to be a pretty kick-ass release with significant improvements. Here are the ones I'm most excited about, in order of my own excitement.

Parentheses-free chaining

jashkenas/coffeescript#3263

Years of being wished for, finally granted!

前端工程師面試問題集

@版本 2.0.0

譯注：此翻譯版，主要給不能流利的讀英文的人看，相關專有名詞還是保留原文。翻譯不好地方請協助pull request.

此repository包含了一些前端開發的面試問題，來審查一個有潛力的面試者。這並不是建議你對同一個面試者問上所有的問 (那會花費好幾小時)。從列表中挑幾個題目，應該就夠幫助你審查面試者是否擁有你需要的技能。

Rebecca Murphey 的 Baseline For Front-End Developers 也是一篇很棒且值得讀的文章在你開始面試之前。

	<h3>native navigator.userAgentData</h3>
	<pre><code id="naviveUserAgentData">...</code></pre>

	<h3>polyfilled navigator.userAgentData</h3>
	<pre><code id="customUserAgentData">...</code></pre>

	<script type="module">
	import {ponyfill, polyfill} from './user-agent-data.js';

	const $ = (s, c = document) => c.querySelector(s);


	let rows = {}

	export default function(props = [], state = []) {
	return function(target) {
	const proto = Object.create(target.prototype)

	proto.shouldComponentUpdate = function(newProps, newState) {
	let id = (this._update_id = this._update_id \|\| Math.random())

	// no string get
	const get = (fn, def) => {
	try {
	return fn();
	} catch (e) {
	return def;
	}
	};

	// usage example

	(function ($) {
	'use strict';

	/* Based on https://github.com/wikimedia/mediawiki-extensions-NavigationTiming/ */

	function recordTimeToFirstPaint() {
	// Use Chrome's loadTimes or IE 9+'s msFirstPaint to record the time to render in milliseconds:
	var firstPaintTime, timingSource;

	if ('chrome' in window && $.isFunction(window.chrome.loadTimes)) {

	`/** @jsx React.DOM */`

	converter = new Showdown.converter

	Comment = React.createClass
	render: ->
	rawMarkup = converter.makeHtml @props.children.toString()
	`<div className="comment">
	<h2 className="comment">{this.props.author}</h2>
	<span dangerouslySetInnerHTML={{__html: rawMarkup}} />

	# Change YOUR_TOKEN to your prerender token
	# Change example.com (server_name) to your website url
	# Change /path/to/your/root to the correct value

	server {
	listen 80;
	server_name example.com;

	root /path/to/your/root;
	index index.html;