Andrea Dessi NKjoep

A Runtime ImportMap Example - now as a module

While it's not possible to define a <script type="importmap"> within a module, it is possible to define it in a synchronous <script> tag, as long as it's before any module starts executing.

Example ^{_{(works in Chrome / Edge / WebKit / Safari / Firefox)}}

<!DOCTYPE html>
<html lang="en">
<head>

Make sure you are aware of the problem/feature.
Don't be rude, be polite.
Give suggestions and make clear why do you think you suggestion is better than the current approach.
Don't point out just the bad things, tell about what do you think is great as well.
Make it part of your daily workflow. (use github notifications)
http://www.dein.fr/2015-02-18-maslows-pyramid-of-code-review.html

Answering the Front-end developer JavaScript interview questions to the best of my ability.

Explain event delegation

Sometimes you need to delegate events to things.

Explain how this works in JavaScript

This references the object or "thing" defined elsewhere. It's like "hey, thing I defined elsewhere, I'm talkin' to you."

Explain how prototypal inheritance works.

Feed Readers comparison

My comparison notes for web-based remotely-hosted Google Reader clones/replacements. Has to be at least 90% similar to Google Reader and not some Pinterest-like or Instapaper-like apps.

Here's a list of almost all Google Reader alternatives. And another one here.

In no particular order, here goes:

CommaFeed

	// base64.decode(base64.encode('💩'));

	// Browsers
	const base64 = {
	encode: str => btoa(unescape(encodeURIComponent(str))),
	decode: str => decodeURIComponent(escape(atob(str)))
	};

	/* ES3 compat version
	var base64 = {

	[Desktop Entry]
	Name=Start Hotspot
	Comment=Start a wireless hotspot in Access Point Mode
	Exec=gksudo /usr/bin/ap-hotspot start
	Icon=/usr/share/icons/gnome/48x48/devices/network-wireless.png
	Terminal=false
	Type=Application
	Categories=Network;

	var net = require('net');

	net.createServer(httpsSshSwitch).listen(443);

	// if the first byte is 22, it is a https handshake,
	// so redirect it to the actual https server (running on port 8443)
	// else redirect it to the ssh instance.
	//
	// some ssh clients wait for the server to send the first welcome message
	// so if we have not seen any data for 2 seconds, assume it is a ssh connection

	<contenttype typecode="CNT" typedescr="Generic Content" viewpage="NULL" listmodel="NULL" defaultmodel="NULL">
	<attributes>
	<attribute name="Attach" attributetype="Attach" />
	<attribute name="Boolean" attributetype="Boolean" />
	<attribute name="CheckBox" attributetype="CheckBox" />
	<attribute name="Composite" attributetype="Composite">
	<attributes>
	<attribute name="Attach" attributetype="Attach" />
	<attribute name="Boolean" attributetype="Boolean" />
	<attribute name="CheckBox" attributetype="CheckBox" />

	#!/usr/bin/ruby
	# Create display override file to force Mac OS X to use RGB mode for Display
	# see http://embdev.net/topic/284710

	require 'base64'

	data=`ioreg -l -d0 -w 0 -r -c AppleDisplay`

	edids=data.scan(/IODisplayEDID.*?<([a-z0-9]+)>/i).flatten
	vendorids=data.scan(/DisplayVendorID.*?([0-9]+)/i).flatten

	['touchstart', 'touchmove', 'touchend'].each(function(type){
	Element.NativeEvents[type] = 2;
	});

	Element.Events.swipe = {
	onAdd: function(fn){
	var startX, startY, active = false;

	var touchStart = function(event){
	active = true;