Figure out what sucks. Don’t do that.

Full-stack Thinking and the New Auteur

Thinking

It’s 2015.

3,100,000 "

2,931#

10,476$

51,365

110,796&

Storage and computation outsourced to a mysterious and powerful “cloud”.

Devices that can do

anything.In (almost)

everyone’s pocket.

Scaffolding and frameworks for anything you need.

What a time to be alive.

“…what you will observe is a vast wasteland.”

Newton N. Minow

act 1

USER

YOUTUBE

' + ( + ) + *

+ + , + + .

GPS

SCHEDULING

/ + 0 + 1 + 2

+ 2 + 3 + .

+ 4 + 5

What a time to be alive?

“Figure out what sucks. Don’t do that.”

AGENCY.COM

act 2

It’s 1998.

Server costs that blew through already-small budgets.

What the heck is this?

Everything built from scratch. Everything.

What a time to be alive.

Do good work.RULE:

Figure out what sucks.

Don’t do that.

PROCESS:

What is good work?

QUESTION:

YOU ARE AN ARTIST.

YOU ARE A DESIGNER.

DESIGN IS THE CONSCIOUS CREATION

OF AN EXPERIENCE.

YOU CREATE EXPERIENCES.

“Specialization is for insects.”

Robert Heinlein

act 3

HOW we make it

WHAT we make

WHAT we make

HOW we make it

WHAT we make

HOW we make it

NODE.JS IO.JSANGULAR EMBERPHOTOSHOP SKETCHVS

HOW we make it

WHAT we make

tools != how

tools != what

That’s his version of Angular.

details.

User experience

Performance

Marketing touchpoints

Color palette

details.

Customer support

Packaging

PERF

ORM

ANCE

Server response

times

Browser/device render times

Software

OSS

Application Architecture

CDN

Database

Middleware

Database DesignMongoDB?

Postgres? MySQL? Oracle?

Node.js? io.js?

Ruby? PHP?

Python?

Your code

Packages

You (and/or your team)

Sleep? Food? Family?

Web

Native App

Vanilla? Angular?

Bootstrap?iOS?

Android? Both?

Presentation-layer Architecture

YOUR

CO

DE

Vanilla?

Based on framework?

Naming conventions

Package selection

Integration with middleware

Package customization

Integration with front-end logic

Code style

Methods

LoopsObjects

Framework selection

User experience

Marketing touchpoints

Color palette

details.

Customer support

Packaging

Performance

turtles all the way down

HOW DO YOU SEPARATE

IMPORTANT DETAILS FROM

BULL$**T?

DETAILS THAT MATTER HAVE A

DIRECT IMPACT ON YOUR VISION.

Wearing a black

turtleneck does not turn you

into Steve.

YOU MUST DECIDE WHICH DETAILS

MATTER.

“[The artist] must be, sometimes, God and, sometimes, his creature.”

Francois Truffaut

act 4

FRONT END BACK END

HCI SGML OOP Node.js MongoDBAtom

Fixfix Atom JavaScript Node.js MongoDBAtom

User Experience HTML JavaScript Ruby MongoDBCSS

DESIGN FRONT END BACK END

Photography Wireframing SGML OOP Lang. Details IndexingSASS

Layout Architecture DOM DOM Lang. Basics Table DesignDOM

Visual Design User Experience HTML JavaScript Middleware DatabaseCSS

Color theory Closures File I/O ShardsLESS

still turtles all the way down

A FULL STACK THINKER KNOWS

WHEN TO STOP THINKING.

SEE. FULLY.

YOU ARE AN ARTIST.

YOU ARE A DESIGNER.

YOUR JOB IS TOEXPRESS YOUR

VISION.

FEEL.

THE DETAILS

a full-stack thinker stops here.

(not here.)

“It’ll happen again if we don’t fix it.”

Lt. Montgomery Scott USS Enterprise

fin

IDEAS NOT TACTICSVISION

IDEAS NOT CODEIDEAS

IDEAS NOT SAMEDIFFERENT

IDEAS NOT MAPSCOMPASSES

Thanks for listening.

Tell me somethin’ good: @husanioakley

CREDITSVideo and Photographyhttps://flic.kr/p/8h1NW https://flic.kr/p/gTDnHn https://archive.org/details/MuhammadAliVsSonnyListon https://en.wikipedia.org/wiki/Tool_use_by_animals http://www.tiadeleon.com/#/telltaleheart/ https://flic.kr/p/phE16P https://flic.kr/p/cr95YQ

Iconographyhttp://fontawesome.io/icons/ http://www.unocha.org http://www.freepik.com

Statisticshttp://www.internetlivestats.com/one-second http://www.statista.com/statistics/276623/number-of-apps-available-in-leading-app-stores/