jensWorkGit

Flexbox

Visual in-class guide

CSS Tricks Flexbox reference

Flexbox Froggy

Flexbox changes a container's child elements into inline, flexible elements

Flexbox is a single-direction layout concept -- direction can be either column or row

jensWorkGit

Access this Gist via this shortened URL: https://git.io/vPj49

Errata / Updates

If anything changes, with regards to the material covered in this course, this will be the first place I share updates.

Docker Setup Links

• Docker for Windows docs
• MSDN Windows Containers

jensWorkGit

From my Pluralsight course: https://app.pluralsight.com/library/courses/asynchronous-javascript-reasoning/table-of-contents

• Weather http://plnkr.co/edit/ZOAaSdtnfvR6WwiuVZ6s
• Avoid Blocking – Red Background http://plnkr.co/edit/z29VyH5BPvC4oc40EyOu
• setTimeout Pyramid Challenge http://plnkr.co/edit/DGiHFQOQfnipCcpex2RH
• Drag and Drop Red Box http://plnkr.co/edit/SmSpPS5ZgPvkgn8RE6y1
• Timer onReady http://plnkr.co/edit/gafgKCrxnDIJ6YaG9Jpx
• Timer measure http://plnkr.co/edit/kPOgzEuIvUmN4o6Jenem
• Progress Number Crunching - Web Worker https://plnkr.co/edit/Yy7BOZU9sIa8EyrxJwGH
• Event Listeners Are Synchronous http://plnkr.co/edit/mDvSHpF3HcTjtvltGmQn

jensWorkGit

Angular2 + JSPM cheat sheet

First time setup

• install jspm beta: npm install -g jspm@beta
• set up your project: jspm init
• install dependencies: jspm install angular2 reflect-metadata zone.js es6-shim

This will create a jspm_packages folder, and a config.js file.

Open the config.js file - this file manages options for the System.js loader - tweak it as appropriate

jensWorkGit

var normalize = System.normalize;
System.normalize = function (name, parentName, parentAddress) {
  console.log("normalize: " + JSON.stringify({
      name: name,
      parentName: parentName,
      parentAddress: parentAddress
    }));
  return normalize.call(this, name, parentName, parentAddress);
};