Paul Irish, "JavaScript Development Workflow of 2013"

From the Fluent 2012 conference: The past two years have given us a wealth of tools and editor innovation that makes developing web apps more fun and certainly more productive. Learn what a modern development workflow looks like, from editors and plugins, to authoring abstractions, testing and DVCS integration.
About Paul Irish (Google):
Paul Irish is a front-end developer who loves the web. He is on Google Chrome's Developer Relations team as well as jQuery's.
He develops the HTML5 Boilerplate, the HTML5/CSS3 feature detection library Modernizr, HTML5 Please, CSS3 Please, and other bits and bobs of open source code.
Don't miss an upload! Subscribe! goo.gl/szEauh
Stay Connected to O'Reilly Media by Email - goo.gl/YZSWbO
Follow O'Reilly Media:
plus.google.com/+oreillymedia
/ oreilly
/ oreillymedia

Thank you Paul Irish, thank you, O'Reilly! This is really cool stuff and I appreciate it very much. The one piece I appreciate the most is the invitation to "sit with another developer" and learn from each other. That's the spirit that really drives this world.

[@AntonDanilchenko]

Super helpful and actual set of web tools! Thanks!

Why did I not know about some of this stuff sooner! Thank you RUclips for recommending this video!

[@newbreedofgeek]

So useful, learned of all these cool new scripts and tool..

[@ShwetabhKumar]

very nice demo of the various tools. lots of things to learn :-) . Thanks Paul.

[@raveash]

That WAS helpful. So many awesome tools. Thanks!!

[@AppanPonnappan]

Nice demo-talk on JS dev tools & workflow.

[@weisjohn07]

Seriously helpful.

[@domi_dreams]

Oh my, 1st time in my life seeing 60FPS video :D Sublime! :)

[@PaulIrish]

... and it was uploaded in 2012! Kinda blows my mind.

[@LifeHackingWithLeo]

Just excellent.

[@bohguardth13]

you're not alone man

[@JanUC3mQtGq3NMcyMVdhm6md]

Awesome presentation. Thanks to your jslint idea, I found awesome Vim plugin called syntastic, which does lint my JS, Ruby and Go code. Also supports CoffeeScript, Python, Haskell, C/C++, Java, PHP, etc...

[@adrazich]

Found it! Thank you!

[@Adam.Garrett-Harris]

Great. Now I can't stop noticing that.

[@caarlos0]

Thanks, I'll take a look =) I usually use sizeup, but yours look more customizable =)
Thanks

[@hellomichellen]

Nice talk!

[@alexcdrd]

thanks :)

[@adrazich]

what is the addon he is using for code linting in sublime text?

[@caarlos0]

Also, which window tiling manager is this?

[@aaaaahaaaaa]

Which soft is used to rearrange/organize the windows ?

[@RoelofKallenkoot]

a bit late but, it's Called Livereload. Theres 100% a Chrome and a Firefox extension for it, just make sure you have it in Sublime Text aswell.

[@pictureus]

Oh thank you very much :) No it was not too late. Thanks for the answer ;) Can I have it in Netbeans aswell?

[@StoRmiC2k]

about 5:30, how do you get these white boxes ?

[@camupod1]

Where can I get that shell theme?

[@pictureus]

How does he live edit the css like that?

[@KleberCorreia]

Any one have the links showed up in the talk?

[@redCashion]

Anyone know where that "z" jump script exists?

[@RealSamGold]

Have installed node.js and yeoman globally. Command grunt serve brings "Fatal error: No Bower components found."
Any video as a solution? Thanx.

[@RealSamGold]

Problem Fixed. I have no Git installed on my Windows pc.

[@RoelofKallenkoot]

I believe there is a non browser extension that allows you to "Auto-refresh" anything that is saved. Just google Livereload it will 100% come up :), again sorry for the late reply.

[@alexcdrd]

what editor is he using?

[@caarlos0]

copied the server to my dotfiles :) Thanks

[@TobiasSailer]

Hi Paul,
How did you get this JS Codelinting to work?
I only find this (github.com/fbzhong/sublime-jslint) Package, and this does the linting into the Console window.
How do you get these white boxes ?? Which packages do you use?
thanks for your "hinting"

[@redCashion]

Found the repo at rupa/z on github.

[@orestesdd]

Does anyone know if these "tools" are available in Windows? Great video, but it won't help me to get a real job in business corp like banks, and more serious companies and their likes.

[@marko1kacanski]

awesome presentation, but i couldn't stop taking notice of rhinocerus testicles in the background. Something is wrong with me.

[@sueschtem]

Divvy from mizage :)

[@PaulIrish]

Watch my blog. I'll be posting something soon about it!

[@abyssoftus]

it is a bit odd that they would be in the illustration.

[@OlivierAudard]

Search for rupa/z on github

[@MrSaemichlaus]

I like rhino balls.

[@aamirilsvm]

stop looking at the picture behind paul :D

[@EmilyRose0]

You know whats actaully is funny. He is using adblock plus in public, while workign for google which is the maybe biggest advertising company on the planet ;) Also Crome is spyware, but i know you all don't care.

[@CoreyRothwell]

must. learn. grunt.

[@718artem]

lol lololo

[@rockyscarlet]

hehehe

[@yesteray]

So why don't you blog or screencast your workflow style. Maybe we could all learn something from your style. I'm sure your employer won't mind if we have a look at some of those 140 modules.

[@DavidFregoli]

Check out brunch.io for a great build tool!

[@slothsarecool]

FWIW I don't think grunt is the way to go, makefiles are great for builds, we should be breaking these and other tools into small executables, not grunt-specific tasks