16
Effective Tool Usage Nigel Alford

Effective tool usage - web development tools and tips

Embed Size (px)

DESCRIPTION

Web Dev Tools, and tricks to help us all work a little better. Node.Js is a major help in the battle for a better #devlife.

Citation preview

Page 1: Effective tool usage - web development tools and tips

Effective Tool Usage

Nigel Alford

Page 2: Effective tool usage - web development tools and tips

About Me

● Javascript Developer

● @alforddesign

[email protected]

● Codingthepath.com

Page 3: Effective tool usage - web development tools and tips

Where are we going with this?

Why should you care Time is a finite resource

Page 4: Effective tool usage - web development tools and tips
Page 5: Effective tool usage - web development tools and tips

…Nailed It!

Page 6: Effective tool usage - web development tools and tips

We must not be late

Page 7: Effective tool usage - web development tools and tips

Why should I care? Shave critical time

Reduce mental energy

Create consistent, organized code

Create breaks for mental/physical relief without impacting project performance or deadlines

Page 8: Effective tool usage - web development tools and tips

Tech Groupings Node.js

Yeoman Grunt/Gulp(honorable mention) Bower Livereload Compass

IDE Sublime Brackets

Browser tips and tricks

Page 9: Effective tool usage - web development tools and tips

Quick Math for efficiency I only work for 50-60% of my work day

Remainder of time: daydreaming, emailing, talking to coworkers(about work or play), meetings, app support, etc

Page 10: Effective tool usage - web development tools and tips

Node.js is fun Node.js uses the Google V8 engine to

execute event-driven, non-blocking I/O, Lightweight, and efficient, and cross-platform!

Page 12: Effective tool usage - web development tools and tips

More Tools….● Stack Overflow● Yeoman/Grunt/Bower

o Node.js based● LastPass - Stop trying to remember pw’s and URLs

More is always better

Page 13: Effective tool usage - web development tools and tips

Tools pt. 2● Toggl: time management● TypeIt4me(osx)/Phrase Express: Text Expansion● Git

o SourceTree

o Github/bitbucket for repository usage, ideal for sharing

Page 14: Effective tool usage - web development tools and tips

…and more tools● Filezilla for ftp file comparison● Dropbox- multiple computer usage● kaleidoscope(osx)/Beyond Compare(win)● google play music/pandora/soundcloud :-)● Coffee or Tea (buy some good joe every

now and then, you deserve it) Tools are fun

Page 15: Effective tool usage - web development tools and tips

Sublime User Settings

Page 16: Effective tool usage - web development tools and tips

Questions?