The Productive Developer

THE PRODUCTIVE DEVELOPER

Ilya Gelman

Ilya Gelman

- More than 30 projects last year - Passionate about design and UX - Has 2 cats, 2 parrots and 23 fish

Developer and consultant @ 500Tech

Productive ≠ Good

A program that produces incorrect results twice as fast is infinitely slower.

— John Osterhout

TOP 10 PRODUCTIVITY TIPS

Tools and TipsI use them for work

Don’t require much learning

You can start using them right away

Ask questions right away!Or by email: [email protected]

Terminal

THE Productivity Tool Not scary Get used to it

Terminal

Cygwinhttp://www.cygwin.com

http://ohmyz.sh

Oh My ZSH

SCM Breeze

https://github.com/ndbroadbent/scm_breeze

Autojump

https://github.com/joelthelion/autojump

npm install karma --save-dev

Learn Shortcuts

npm i karma -D

Learn Shortcuts

Aliases

alias o="open ." alias setup="bower install && npm install" alias cssh="pbcopy < ~/.ssh/id_rsa.pub"

open ~/.zshrc$

Useful NPM Modules

localtunnelhttp://localtunnel.me

http-serverhttps://www.npmjs.com/package/http-server

json-serverhttps://www.npmjs.com/package/json-server

nhttps://www.npmjs.com/package/n

LCmd

IAltCmd

Select address in location bar

Open web developer toolsF12 / Ctrl + Shift + J

Ctrl + L on windows and linux

Hotkeys

1-9CmdGo to first (n) tabCtrl + 1-9

> $_

> $0

Learn more browser console tricks from our blog:

Last output from javascript console

Last inspected DOM element

Part One Part Two

Console Tricks

Extensions

EditThisCookiehttps://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg

Octotreehttps://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc

JSONViewhttps://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc

Bookmarks Bar

G

Hotkeys

Ctrl

DCmd

WCtrl

↑Alt

Surround selection (with tag or emmet)

Duplicate line or selection

Select next occurrence

Extend selection

Ctrl + Alt + T on Windows

Ctrl + D

Alt + J

Ctrl + W

Live Templates

Macros

http://emmet.io

Emmet

HTML with Emmet

CSS with Emmet

body { vam dib tac}

CSS with Emmet

body { vertical-align: middle; display: inline-block; text-align: center; }

Airdrop

RCmdShift

(In Finder)

Screenshots

4ShiftCmd

(Mac only)

Space

CAPS LOCK

http://bit.ly/1PvbKqv

Reassign to something more useful

(Mac only)

Alfredhttp://alfredapp.com

http://www.launchy.net

Launchy

https://www.getwox.com

Wox

https://github.com/qdore/Mutate

Mutate

https://launchpad.net/synapse-project

Synapse

Spectacle

http://spectacleapp.com

http://nurgo-software.com/products/aquasnapAquaSnap

Some features available natively in Windows 10

Somehow configurable through Compiz Config Settings Manager

No alternative

Typeracer

Bad code written twice as fast is still bad. But at least you can type fast.

http://play.typeracer.com

Sleep more

WE ARE HIRING

Ilya Gelman

Check the slides:

Read our blog:http://blog.500tech.com

http://bit.ly/1HkhDNs

[email protected]