1<!DOCTYPE html> 2<!--[if lt IE 7]> <html class="no-js ie6" lang="en"> <![endif]--> 3<!--[if IE 7]> <html class="no-js ie7" lang="en"> <![endif]--> 4<!--[if IE 8]> <html class="no-js ie8" lang="en"> <![endif]--> 5<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> 6<head> 7 <meta charset="utf-8"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 9 10 <title>How Not to Suck at Your Future Job</title> 11 12 <meta name="description" content=""> 13 <meta name="author" content="Shawn Biddle"> 14 <meta name="contact" content="[email protected]"> 15 <meta name="viewport" content="width=1024, user-scalable=no"> 16 17 <!-- Core and extension CSS files --> 18 <link rel="stylesheet" href="../css/deck.core.css"> 19 <link rel="stylesheet" href="../css/extensions/deck.hash.css"> 20 <link rel="stylesheet" href="../css/extensions/deck.menu.css"> 21 22 <!-- Theme CSS files --> 23 <!-- <link rel="stylesheet" id="style-theme-link" href="../css/style/swiss.css"> --> 24 <link rel="stylesheet" id="transition-theme-link" href="../css/transition/horizontal-slide.css"> 25 26 <!-- Custom CSS files --> 27 <link rel="stylesheet" href="../js/sh/shCoreDefault.css"> 28 <link rel="stylesheet" href="../css/deck.custom.css"> 29 30 <!-- JS files that must be included in the document head --> 31
31<script src="../js/modernizr.custom.js"></script>
31 32
32<script src="../js/sh/shCore.js"></script>
32 33
33<script src="../js/sh/shBrushPhp.js"></script>
33 34
34<script src="../js/sh/shBrushXml.js"></script>
34 35</head> 36<body class="deck-container"> 37 38<div class="slide" id="title"> 39 <div> 40 <hgroup> 41 <h1>How Not to Suck at Your Future Job</h1> 42 <h2>Tips and Tricks for Being Not Terrible</h2> 43 <h3>Shawn Biddle</a>, Senior Engineer at Synacor</h3> 44 </hgroup> 45 </div> 46 <footer> 47 <a href="http://github.com/shawncplus">github.com/shawncplus</a> 48 , <a href="http://shawnbiddle.com/">shawnbiddle.com</a> 49 , <a href="http://buffalolab.org/">buffalolab.org</a> 50 </footer> 51</div> 52 53<div class="slide" id="intro"> 54 <h2>Who Am I?</h2> 55 <section class="slide-body"> 56 <h3>Shit I've Made</h3> 57 <ul> 58 <li><a href="http://ranviermud.com/" target="_blank">RanvierMUD</a> - NodeJS based MUD engine</li> 59 <li><a href="http://shawnbiddle.com/lzHilight" target="_blank">LzHilight</a> - PHP based CLI Syntax Highlighter</li> 60 <li><strong>A <em>TON</em> of Vim goodies</strong> 61 <ul> 62 <li><a href="http://github.com/shawncplus/php.vim">php.vim</a> - PHP syntax updated for 5.4</a></li> 63 <li><a href="http://github.com/shawncplus/phpcomplete.vim">phpcomplete.vim</a> - PHP Omnicompletion for Vim</li> 64 <li><a href="http://github.com/shawncplus/skittles_berry">Skittles Berry</a> - The best Vim colorscheme ever</li> 65 <li><a href="http://shawnbiddle.com/toCterm">toCterm</a> - Converts hex colors to CLI vim-usable cterm colors</li> 66 </ul> 67 </li> 68 </ul> 69 <h3>Other Stuff</h3> 70 <ul> 71 <li>Founding member of <a href="http://buffalolab.org">BuffaloLab</a> - The Buffalo Hackerspace</li> 72 <li>Open Source contributions: GNU Screen, Last.FM, Cockatrice, SMAUG</li> 73 <li>Organizer of the Buffalo PHP meetup</li> 74 <li>Teacher and coordinator at BuffaloLab (Check their schedule for classes)</li> 75 </ul> 76 </slide> 77</div> 78 79<div class="slide" id="outline"> 80 <h2>Things That Make You Suck</h2> 81 <section class="slide-body"> 82 <section class="middle">Fear</section> 83 <section class="middle last">Stubbornness</section> 84 </section> 85</div> 86 87<div class="slide" id="fear"> 88 <h2>Fear</h2> 89 <img src="imgs/spiderkeyboard.jpg" width="502"> 90</div> 91 92<div class="slide" id="being-wrong"> 93<h2>Being Wrong</h2> 94 <section class="slide-body"> 95 <h5>Laymen are afraid of computers like they are of a dark alleyway: You're not used to being there, and from everything you've heard there's a good chance of getting into trouble.</h5> 96 <img src="imgs/doingitwrong.jpg" height="370"> 97 <section class="middle last">You don't get to use that excuse</section> 98 </section> 99</div> 100 101<div class="slide" id="news-flash"> 102 <h2>News Flash</h2> 103 <section class="middle"><strong>If you don't remember the last time you were wrong that doesn't mean you're getting better.</strong></section> 104</div> 105 106<div class="slide" id="whippersnappers"> 107 <h2>Whippersnappers</h2> 108 <img src="imgs/bloodletting.jpg" height="350"> 109 <section class="middle last">Don't be a luddite</section> 110</div> 111 112<div class="slide" id="candy"> 113 <h2>Ooh, piece a candy!</h2> 114 <img src="imgs/pieceofcandy.jpg" height="370"> 115 <section class="slide-body"> 116 <ul> 117 <li>You don't have to pick up everything shiny</li> 118 <li>It's useful from time to time to experiment</li> 119 <li>If you've insulted a language but never used it, you're <b>"that guy"</b></li> 120 </ul> 121 </section> 122</div> 123 124<div class="slide" id="problem"> 125 <h2>Hi, I'm a Dev and I have a problem</h2> 126 <section class="slide-body"> 127 <h4>It's harder than you think to see it.</h4> 128 <ul> 129 <li>Just.. one.. more.. upvote!</li> 130 <li>I, for one, welcome our Slashdot overlords.</li> 131 <li>Smoke?</li> 132 </ul> 133 </section> 134</div> 135 136<div class="slide" id="good-news"> 137 <h2>Good News, Everyone!</h2> 138 <img src="imgs/goodnews.png" height="400"> 139</div> 140 141<div class="slide" id="tools"> 142 <h2>Tools</h2> 143 <section class="slide-body"> 144 <ul> 145 <li>Time Tracker</li> 146 <li>Git/Other SCM with cheap branches</li> 147 <li>Github/equivalent</li> 148 <li><strong>Other People</strong></li> 149 </ul> 150 </section> 151</div> 152 153<div class="slide" id="Timetracker"> 154 <h2>Time Tracker</h2> 155 <section class="slide-body"> 156 <ul> 157 <li>Keep work time-tracking separate.</li> 158 <li>Every time you switch context: track it.</li> 159 <li>Make note of what you were working on when you switched.</li> 160 <li>Review at the end of the week.</li> 161 <li>
161Prioritize training regimine based on how often you switched contexts: You spent 20 minutes on reddit every time you had to write a new unit test, etc.</li> 162 </ul> 163 </section> 164</div> 165 166<div class="slide" id="git"> 167 <h2>Git</h2> 168 <section class="slide-body"> 169 <h3>Why Git?</h3> 170 <ul> 171 <li>Cheap Branching<ul><li> 172 If you're coding while simultaneously worried about breaking the build by committing your changes to truck you're doing SCM wrong. 173 </li></ul> 174 </li> 175 <li><strong>BEBOP</strong>: Branch Early, Branch Often (Please)<ul><li> 176 Make test branches. Do experimental work. Try things out. All without committing upstream. 177 </li></ul> 178 </li> 179 <li>Mike Canz is giving a talk on it later (or already gave it, I made this slide before the schedule was out)</li> 180 </ul> 181 <p>(There are other SCMs besides git such as mercurial that do cheap branching so pick one. So long as you're not using SVN/CVS you're safe.)</p> 182 </section> 183</div> 184 185<div class="slide" id="github"> 186 <h2>Github</h2> 187 <section class="slide-body"> 188 <h3>Why Github?</h3> 189 <ul> 190 <li>Out in Public<ul><li> 191 What better way to overcome your fear of failure than to fail in front of the world? 192 </li></ul> 193 </li> 194 <li>Push whatever code you're working on to github.<ul><li> 195 Let people critique, fix your code, send merge requests, tell you that you suck at coding.</li> 196 </ul></li> 197 </ul> 198 </section> 199</div> 200 201<div class="slide" id="most-important"> 202 <h1>Keep Being Wrong</h1> 203 <section class="slide-body"> 204 <h2>Most Important Part!</h2> 205 <p>The goal of this is not to stop being wrong, it's to understand why you're wrong and to know how to be wrong at the right place and the right time.</p> 206 </section> 207</div> 208 209<div class="slide" id="other-thing"> 210 <h1>The Other Thing</h1> 211</div> 212 213<div class="slide" id="stubborn"> 214 <h2>Stubbornness</h2> 215 <h3>The only way to fix it</h3> 216 <object width="480" height="390"><param name="movie" value="http://www.youtube.com/v/BYLMTvxOaeE?version=3&hl=en_US&rel=0&start=154"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/BYLMTvxOaeE?version=3&hl=en_US&rel=0&start=154" type="application/x-shockwave-flash" width="480" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></object> 217</div> 218 219<div class="slide" id="stop-it"> 220 <h2>Stop It!</h2> 221 <section class="slide-body"> 222 <h3>You have nothing to gain by being stubborn</h3> 223 <dl> 224 <dt>"But Shawn, you use Vim, how can you talk about being stubborn."</dt> 225 <dd>I've try new editors as they come out, they suck, vim's awesome.</dd> 226 <dt>"But Shawn, you use PHP!"</dt> 227 <dd>Not exclusively.</dd> 228 <dt>"But Shawn, unicorns don't exist."</dt> 229 <dd>How dare you! Get Out!</dd> 230 </dl> 231 </section> 232</div> 233 234<div class="slide" id="tldr"> 235<h2>TL;DR</h2> 236<section class="middle last">Keep Being Wrong</section> 237<section class="middle">Stop Being Stubborn</section> 238</div> 239 240<div class="slide" id="qa"> 241 <h1>Questions?</h1> 242</div> 243 244<div class="slide" id="end"> 245<h1>Fin</h1> 246</div> 247 248<!-- Core JS and extension files -->
249<script src="../js/jquery.min.js"></script>
vendor: 1 bytes, line 249
249
250<script src="../js/deck.core.js"></script>
vendor: 1 bytes, line 250
250
251<script src="../js/extensions/deck.hash.js"></script>
vendor: 1 bytes, line 251
251
252<script src="../js/extensions/deck.menu.js"></script>
252 253 254<!-- Custom JS files -->
255<script src="../js/deck.custom.js"></script>
255 256 257<!-- Activate deck.js and SyntaxHighlighter -->
258<script type="text/javascript"> 259$(function() { $.deck('.slide'); }); 260SyntaxHighlighter.all(); 261</script>
261 262 263</body> 264</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.