Hello from amsterdam Honored and excited flown all the way to tell about how I avoid work
Unlike Wally, I don&#x2019;t avoid all work, just the work that makes me less productive when I started hooked by productivity, easy to create something from nothing The work I avoid I avoid to stay fast Not telling how to be lazy. Telling about feedback loop.
Productivity result of short feedback loop Initially short, get momentum going, get rhythm, get in the zone As project grows the loop grows, Dependencies, interaction Not once but every time, for every browser forget what your latest change was really here to make you aware of the loop and the things we can do to keep it small start with the refresh phase
refresh phase is everything between pressing save and looking at your change on screen a little demo to illustrate
I work at ebuddy on a web-based IM client typical feature: group chat or conferencing after a change I&#x2019;d have to go through these steps to be able to verify
boring repetitive steps backend may be broken, AIM may slow, blocked accounts what can we do?
for interaction obvious solution is static html otherwise we can try to automate the interaction what about dependencies?
these days dependencies can often be mocked by hijacking ajax and json requests go through these solutions one by one start with static html problem is that DOM and CSS modified by JS we want the page in the state we see it
chris pederick&#x2019;s web developer plugin - view generated source the other option was automated interaction been a good boy or girl? trigger jQuery event handlers like a user created a little plugin autorun let&#x2019;s check out code
pretty straightforward very useful and savesme a lot of time by the way did you notice this little trick?
very handy to switch back and forth between block comments now we&#x2019;ve got 2 options to deal with long interactions what about the dependencies? I said something about mocking them
for jquery users, there&#x2019;s 2 major options that I know mockjax mocks all types of ajax, including json with a great level of configuration mockjson is specialized for json and can do random template-based responses let&#x2019;s look at a little mockjax example
I use something PHP based in ebuddy plan to move to mockjax soon super configurable
configure all these aspects of your ajax calls great for when backend isn&#x2019;t ready yet great for testing error handling like timeouts and 404&#x2019;s for myself (again) I built something specialized for json requests
great for testing JSON based UI with random data that concludes my suggestions for the &#x201C;refresh&#x201D; phase let&#x2019;s move to &#x201C;verify&#x201D; phase
the verification phase is where you check if the edits you made delivered the desired results if not, what failed if so, what to do next consists of 2 aspects:
if these are the two tasks at hand, what can we do to speed them up?
to test the functioning, we can use automated UI testing there are many frameworks but it all boils down to this:
got a little frustrated with the tool we were using figured that jquery makes both things very easy set out to build a framework for our new webclient
for me to use something like this it has to be super convenient super easy to write, debug, run tests no config, no install
anyone seen my presentation in mountain view this year? small demo to refresh your memory
Basic code for tests again 2 things: first simulating interaction
just triggering event handlers then testing UI properties
writing asserts is very easy btw then wrap inside a testcase
of course most tests will be a little longer that&#x2019;s UITest you can use any framework you want of course now that we&#x2019;ve automated this part of the verification phase, what about the other?
what can we do to speed up checking if it looks as intended?
unfortunately, other than visibility it&#x2019;s not very practical to automate so we&#x2019;ve optimized our verification phase what about the edit phase?
no surprise that the edit phase is all about writing code you are here means you are trying to become better programmers what about editors?
there&#x2019;s a lot of debate about editor choice some take it really far and personally. in my opinion it really doesn&#x2019;t matter much because
you&#x2019;re not getting the most out of your editor anyway there&#x2019;s tons of features you&#x2019;re not using when you could scratch that
when you should I find it amazing to see people wanting to be rockstar developers but don&#x2019;t invest any time in learning their instrument
any vim users here? you rock! just kidding, you&#x2019;re all cool your editor is the most important tool in your arsenal it is such a shame that some devs don&#x2019;t go beyond the basics it is a huge part of your productivity
besides all the plugins and the tech that I&#x2019;ve shown the most important message I want to get across is the awareness of feedback loop be aware of the time you&#x2019;re wasting be aware of the unnecessary taks you are accumulating thank you
Rapid Testing, Rapid Development
Menno van Slooten