const app = {
lines: document.getElementById('lines'),
textbox: createTextbox(),
lineTemplate: createLineTemplate(),
}

const socket = connect(
`ws://${location.host}/app`,
{

initial({ lines, uuid, charLimit }) {
app.uuid = uuid
app.charLimit = charLimit
lines.forEach(addLine)
},

added(line) {
addLine(line)
},

removed(i) {
app.lines.children[i].remove()
},

server.onclose = (ws) => {
if (ws.line) {
const i = lines.indexOf(ws.line)
lines.splice(i, 1)
server.sendToAll({ removed: i })
}
}

server.commands = {

begin(ws) {
const line = {
hash: ws.hash,
uuid: ws.uuid,
text: '',
}

ws.line = line
lines.push(line)
server.sendToAll({ added: line })
},

run() {
console.log(`Running on port ${this.port}`)

this.wss = new WebSocket.Server({
port: this.port,
verifyClient: this.verify.bind(this)
})

setInterval(
this.prune.bind(this),
this.pruneInterval * 1000
)

this.wss.on(
'connection',
this.connection.bind(this)
)
}

Steven Degutis

Full-stack software developer for hire

What I learned in 5 days of writing an experimental website

August 2, 2017

On Sunday, July 30th, I wrote an experimental website to learn modern JavaScript, Node.js, Websockets, to practice clean code, and to relax (programming is how I unwind and de-stress). My goal with writing the website was to make an interactive community-based website and add/change/remove features per everyone's request, which I've been doing even up until now.

This experiment lead to some some interesting conclusions, some of which contrasted highly from my work at CleanCoders.com and other "agile" workshops. This blog post is the lessons I learned from it.

You don't always "have it"

In the past 5 years of having an employer, I've felt very guilty often about how some days I just can't focus on code well enough to make any real progress. In fact some days I code everything all wrong the whole day, and need to delete it all at the end.

I've learned to not be anxious over how much I can get done or trying to hit goals. Instead, I've been practicing finding the right task to fit my state of mind at that moment. I've been much more productive this way, especially because getting smaller tasks done when my mind isn't able to focus on bigger tasks tends to motivate me more the next day.

Processes are mostly for shareholders

Development processes are way more for shareholders to have confidence than for increasing productivity. They want confidence and assurance that things will keep moving towards their interests, and process gives them that. In my experience, processes used by employers are almost always riddled with glaring inefficiencies.

For a while I tried to follow some of the processes I used when I was employed. But I found that it just made me anxious and worrying about artificial goals, rather than keeping me motivated or focused. Ironically, I've been more productive just winging it for the most part, only keeping a todo-list in a text file (or sometimes screenshots).

Sometimes clean code looks dirty

Working with professional software developers is difficult because there's a lot of context going on. There's egos and there's selling the Right Way &tm; and there's a huge variance in personalities and skill levels, and all of these get mushed into the workplace.

But the definition of clean code I've come to prefer over time is "code that doesn't slow you down". It's like a kitchen: keep it clean and you'll be able to go faster. There's no "correct" definition of clean though. There are design patterns and anti-patterns, sure. But I've actually seen these used wrongly and detrimentally about as often as they're used correctly.

Sometimes dirty code is better

So many times I've tried to make code "clean" or "perfect" or "ideal" or whatever. And I'm not even talking about over-engineering. Just noticing potential flaws in the code or the design, and being uncomfortable with it. I've learned that you just have to push past that. If the code works, then it's the right code.

There have been some times I've had to go and rip out code just to fix bugs. And that's a bit therapeutic, sure. But most of the time, my code isn't really dirty, even though many people I respect would probably say it has a lot of code smells. For example, the front-end kind of has a God-object or two, but that's okay. If the front-end grows to the point where that becomes a hindrance, I can deal with it then.

Bugs are not the end of the world

I've always been very nervous about any kind of incorrectness in my code. But that's often prevented me from making progress, because I always have this lingering feeling that if I write the wrong code, it could be buggy, so I tend to just panic and freeze up at the keyboard.

When I push past that feeling, accept the fact that there may or may not be bugs, and I may or may not encounter them, and just deploy code after manually testing it a bit, I actually make progress a lot faster. Because in practice, bugs don't happen that often, and when they do happen, they're usually easy to debug when you're at least semi-experienced with programming in general.

The right tool is the one that works

I've often been paralized with needing to have the perfect setup, the perfect tool-chain, etc. and it led to stagnation and sometimes was so discouraging that I would just not move forward with an idea.

For this project I started simple: everything was in a single HTML page on the front-end, the back-end was a single Node.js server with a single file. I spun up a single EC2 instance and didn't worry about load-balancing. I downloaded and used VS Code even though I have way more experience with Emacs. I even deploy with scp. All of these simplifications to my setup got me up and running fast.

After a while experimented with TypeScript and adding some build-processes, but they proved too time-consuming to be worth it. If the project grew, or if I was making real money from it, then it'd probably be much more worthwhile to streamline things.

Balance is important

Getting enough sleep is important, but so is taking breaks and not working for 12 hours straight several days in a row. It decreases productivity a lot and especially morale.

People can be great

I've shown the website to people at Imgur and Hacker News, and several people have regularly come back every day since then. They've done little games and had little pretend wars and it's just amazing. I love how creative and collaborative people can be and that's the exact thing that inspired me to want to do this in the first place.

About me

My name is Steven Degutis, and I've been writing software professionally for almost a decade. During that time, I've written many apps and websites, quite a few techical articles, and kept up-to-date with the rapidly evolving software industry.

If you have software needs for web, mobile, or desktop, and are looking for a seasoned software professional, please reach out to me at sbdegutis@gmail.com to set up a phone call.

Work Experience

  • Self-employed – present
  • Clean Coders – 5 years
  • 8th Light – 2 years
  • Big Nerd Ranch – 1 year
  • Self-employed - 1 year

Platforms

  • Web: full-stack
  • iOS (UIKit)
  • macOS (Cocoa)
  • REST APIs
  • AWS / EC2 / ELB

Languages

  • JavaScript
  • HTML5 / CSS
  • Swift
  • Objective-C
  • Clojure

Frameworks

  • Node.js
  • Express.js
  • React
  • Vue.js
  • Electron

Technical articles

Over the past decade, I've written a total of 169 technical articles on various programming languages, frameworks, best practices, and my own projects, as I kept up-to-date and active in the software industry.

Subscribe via RSS / Atom.

Chronological

Portfolio

Here are some of the projects I'm most proud of. They were created using a variety of technologies, running on several different platforms and OSes. They're all finished products, and many of them are open source.

CleanCoders.com

Website - Online Video Store

I wrote this web store for Robert "Uncle Bob" Martin, using Clojure for the back-end, and JavaScript for the front-end. Over the course of 5 years, I took the site from a simple three-page website to a full enterprise-ready business solution, with nearly 100% test coverage.

  • Clojure
  • Datomic
  • jQuery / D3.js
  • JavaScript
  • ClojureScript

Docks

macOS app - Dock Utility

I made Docks in 2009 for users who wanted to swap out icons in their Dock with a single click. Its unique functionality and design aesthetic attracted the attention of Apple, Engadget, MacWorld, and led to an acquisition of my start-up by Big Nerd Ranch.

  • Apple.com Staff Pick
  • MacWorld 4/5 Rating
  • MacWorld Gem of the Year
  • Featured on Engadget.com

Leviathan

macOS app - Clojure IDE

Source Code

While working on CleanCoders.com, a website written completely in Clojure, I increased my productivity by building a custom IDE for macOS designed specifically for Clojure projects.

  • Objective-C
  • Clojure
  • C / C++
  • Cocoa
  • Themeable

Zephyros

macOS app - Hackable Automation

Source Code

This began as an experiment to see how many languages I could use to script a custom macOS window manager using our custom TCP protocol. Eventually it had bindings for Clojure, Ruby, Python, Go, JavaScript, CoffeeScript, Node.js, Chicken Sceme, and Racket, as well as other community additions.

  • TCP / Unix sockets
  • Custom protocol
  • Highly Scriptable
  • 10+ language bindings
  • Open source community

Bubble Maker

iOS app - Bubble simulator

This toy was made in a weekend to entertain my 1 year old daughter. It lets you create bubbles with your fingers, which then simulate physics by bumping into each other and falling.

  • SpirteKit
  • Custom art
  • Physics simulation
  • iOS
  • tvOS

Quick List

iOS app - Todo list app

When I couldn't find an app in the App Store that let me make very simple lists extremely quickly, I made one myself. I use it almost every day to organize and track my activities.

  • In-app purchases
  • Custom UI / UX
  • Social media
  • App Store artwork
  • Spring animations

sdegutis.com

Website - Personal Portfolio

Source Code

This very site itself was written from scratch in about a day. It uses best practices for modern responsive web design, and a custom build phase to compile the sources into a single HTML file.

  • Node.js
  • Pug / Jade
  • LessCSS
  • HTML5
  • WebSockets

2048

Java app - Game

Source Code

The game 2048 (created by Gabriele Cirulli) is so fun that my kids wanted their own copy. So I wrote this version in Java 8, using JavaFx for attractive graphics and silky smooth animations.

  • Java 8
  • JavaFx
  • Modular code
  • Customizable
  • Animations

Mjolnir

macOS app - Window Manager

Source Code

I created this app to increase my productivity by letting me move windows around in macOS using keyboard shortcuts. It grew into a community-driven highly extensible app, using Lua for its plugin system.

  • Objective-C
  • Embedded Lua
  • Plugin system
  • Fully documented
  • 5,000 GitHub stars

AffluentConfidante.com

Website - Social Network

Implementing this elite social network gave me experience integrating both Apple Pay and credit card payments (via Stripe.com) seamlessly into web apps, for a frictionless and pain-free payment experience.

  • Clojure
  • Elastic Beanstalk
  • PostgreSQL
  • Stripe.com
  • Apple Pay

HyperChat

Website - Live Chatroom

Source Code

This isn't just any chatroom. In this web app, you can see what everyone is typing while they type it. I made this in order to scratch my itch for making real-time apps and games, and learned how to use WebSockets in the process.

  • JavaScript
  • WebSockets
  • Node.js
  • Vue.js
  • CSS

Bahamut

macOS app - Music Player

Source Code

As iTunes went through many user interface changes, I wanted an app that was consistent, intuitive, and easy to use. So I created Bahamut, a minimal music player for macOS with a custom user interface.

  • Objective-C
  • Custom UI
  • Cocoa
  • Core Data
  • AVFoundation

Chatter

macOS app - Chat (IRC) Client

Source Code

This was written in 2009, before the time of Slack, when IRC was the main way for programmers to get short-term assistance from each other. Its purpose was to be a beautiful app with an emphasis on simplicity and usability over technical power.

  • Async networking
  • Core Animation
  • Core Text
  • IRC Protocol
  • UI Design

AppGrid

macOS app - Window Manager

Source Code

This is an app I actually use every single day. It lets you move windows with global keyboard shortcuts. Since it uses Vim-like key bindings, it should feel pretty natural to any programmer. There's no configuration needed; it Just Works™.

  • Minimalist UI
  • Simple UI
  • Vim-like Hotkeys
  • Global Hotkeys
  • Zero-configuration

Hydra

macOS app - Lua window manager

Source Code

As an evolution of Phoenix, Hydra was my first attempt at embedding a full Lua virtual machine into an Objective-C app, to make a lightweight and efficient window manager that focused on speed, low memory usage, low CPU usage, and overall being gentle on laptop batteries.

  • Embedded Lua
  • Generated docs
  • Lightweight
  • Memory efficient
  • CPU efficient

Phoenix

macOS app - JavaScript window manager

Source Code

As an evolution of Zephyros, Phoenix was my attempt to use Cocoa's native JavaScript bindings to make a more lightweight and efficient window manager, that focused on speed, low memory usage, low CPU usage, and overall being gentle on laptop batteries.

  • JavaScriptCore
  • JavaScript API
  • Lightweight
  • Memory efficient
  • CPU efficient

Smaller projects

These may be tiny, but they're interesting technical feats.

Lua4SwiftSwift framework for embedding Lua with a native Swift API.
chooseCommand line fuzzy-matching tool for macOS that uses a GUI
musicCommand line music daemon for macOS that only speaks JSON
hectoCommand line text editor with an embedded Lua plugin system
ZephSharpWindow manager for Windows using Clojure for scripting
managementMinimalist EC2 configuration & deployment tool in Ruby.
go.assertAssertion helper package for writing tests in Go.
go.shattrGo library for printing shell-attributed strings to stdout.
OCDSpec2Objective-C based testing framework with Xcode integration.