Hoetmaaiers hoetmaaiers

ulimit -n ulimit -n 512

WEB 101 workhop part 1 - prerequisites

If you want to join the first workshop and get your hands dirty in the handson part, ensure the following is ready on your computer:

Git
Node.js
Code editor
Google Chrome

Promise solution

/**
 * HANDSON Promises: provide more levels to the game
 *
 * We have some cool levels waiting for you at the following urls:
 * - 'http://localhost:8080/levels/basic.json'
 * - 'http://localhost:8080/levels/easy-start.json'
 * - 'http://localhost:8080/levels/hard-to-get-drunk.json'

Import solution

custom-levels/my-level.js

/**
 * Create your level from these building blocks:
 *
 * Legende:
 *   @ = Player start position
 *   o = Coins

app.js

// import styles
import '../styles/app.css';

// import dependencies
import { polyfill as promisePolyfill} from 'es6-promise';
import fetch from 'isomorphic-fetch';

Design developer friendly

Zeplin FTW

Icons

svg icons please
ids / classes voor stijlbare groepen, dit maakt de svg stijlbaar en herbruikbaar
wanneer oude browsers (<IE9) moet voor elk icoon ook een .png variant voorzien worden (Zeplin)

Run bash inside running container.

docker exec -it CONTAINER_ID /bin/bash

Buliding efficient Dockerfiles for node

React Native Live Templates for WebStorm

How to add Live Template in Webstorm

open preferences
editor> live templates
add template group for React Native
add templates below to the new group
define context > javascript
edit variables > add "fileNameWithoutExtension" to "$fnName$"

	/*
	* Outputs a float representing the iOS version if user is using an iOS browser i.e. iPhone, iPad
	* Possible values include:
	* 3 - v3.0
	* 4.0 - v4.0
	* 4.14 - v4.1.4
	* false - Not iOS
	*/

	var iOS = parseFloat(

	function fib(end) {
	const range = [0, 1];

	while (range[range.length - 1] < end) {
	const prev = range[range.length - 1];
	const prevPrev = range[range.length - 2];
	range.push(prev + prevPrev);
	}

	return range;