TheConnMan

TheConnMan

// Old
// Define a data object for each circle
var nodes = d3.range(size).map(function() {
    return {
        radius: 8 + Math.floor(Math.random() * 10),
        x: Math.random() * w * .8 + w * .1,
        y: Math.random() * h * .8 + h * .1,
        v: speed,
        r: Math.random() * 2 * Math.PI
    };

TheConnMan

Frontend Development

Discipline

• HTML, CSS, and JS are all very free-form
• Many different ways to do many different things

Keep Everything Clean

TheConnMan

{
	"html": {
		"brace_style": "collapse",
		"indent_char": "\t",
		"indent_scripts": "normal",
		"indent_size": 1,
		"max_preserve_newlines": 1,
		"preserve_newlines": true,
		"unformatted": ["a", "sub", "sup", "b", "i", "u"],
		"wrap_line_length": 0,

TheConnMan

#!/usr/bin/env bash

# Colours picked from https://robinpowered.com/blog/best-practice-system-for-organizing-and-tagging-github-issues/

###
# Label definitions
###
declare -A LABELS

# Platform

TheConnMan

...

io.on('connection', function(socket) {
	socket.on('username', function(username) {
		socket.username = username;
	});
	socket.on('message', function(text) {
		rooms.send(io, socket, text, 'message');
	});
	socket.on('change', function(room) {

TheConnMan

BlindsIntent to {open|action} the blinds
BlindsIntent to {close|action} the blinds
BlindsIntent to {shut|action} the blinds

TheConnMan

app.get('/api/:fn', function(req, res) {
	try {
		var result = {
			"ok": true
		};
		if (req.query.apiKey !== process.env.API_KEY) {
			throw "Invalid API key";
		}
		if (!req.query.clientId || req.query.clientId.length === 0) {
			throw "A client ID is required";

TheConnMan

FROM alpine

RUN apk add --no-cache nodejs git
RUN npm install -g bower

WORKDIR /usr/src/app

COPY package.json /usr/src/app
RUN npm install

TheConnMan

Windows Programs

Dev

• 7-Zip
• Aqua Data Studio 16
• Atom
• Babun
• Docker/Docker Toolbox
• Chrome
• Groovy/Grails Tool Suite
• IntelliJ