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! http://goo.gl/szEauh
Stay Connected to O’Reilly Media by Email – http://goo.gl/YZSWbO
Follow O’Reilly Media:
http://plus.google.com/+oreillymedia
https://www.facebook.com/OReilly
Tweets by OReillyMedia
Original source
43 responses to “Paul Irish, “JavaScript Development Workflow of 2013””
Oh my, 1st time in my life seeing 60FPS video 😀 Sublime! 🙂
I like rhino balls.
stop looking at the picture behind paul 😀
Super helpful and actual set of web tools! Thanks!
Have installed node.js and yeoman globally. Command grunt serve brings "Fatal error: No Bower components found."
Any video as a solution? Thanx.
hehehe
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
Nothing helps you be confident in your presentation like having big leathery rhinoceros balls.
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…
Great. Now I can't stop noticing that.
Thanks, I'll take a look =) I usually use sizeup, but yours look more customizable =)
Thanks
Divvy from mizage 🙂
Also, which window tiling manager is this?
copied the server to my dotfiles 🙂 Thanks
you're not alone man
Why the condescending use of "tools" bro? The majority of serious tech work gets done on Unix based OS now a days.
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.
Check out brunch.io for a great build tool!
must. learn. grunt.
Your comment just made for an awkward 20 minutes.
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.
Why did I not know about some of this stuff sooner! Thank you Youtube for recommending this video!
Found it! Thank you!
what is the addon he is using for code linting in sublime text?
So useful, learned of all these cool new scripts and tool..
Oh thank you very much 🙂 No it was not too late. Thanks for the answer 😉 Can I have it in Netbeans aswell?
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.
Nice talk!
Nice demo-talk on JS dev tools & workflow.
it is a bit odd that they would be in the illustration.
How does he live edit the css like that?
Any one have the links showed up in the talk?
lol lololo
thanks 🙂
what editor is he using?
awesome presentation, but i couldn't stop taking notice of rhinocerus testicles in the background. Something is wrong with me.
very nice demo of the various tools. lots of things to learn 🙂 . Thanks Paul.
about 5:30, how do you get these white boxes ?
Watch my blog. I'll be posting something soon about it!
Just excellent.
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.
Search for rupa/z on github
wow clear picture … nice camera