{"id":966,"date":"2015-09-21T06:41:27","date_gmt":"2015-09-21T10:41:27","guid":{"rendered":"https:\/\/cindypotvin.com\/?p=966"},"modified":"2016-01-06T20:51:04","modified_gmt":"2016-01-07T01:51:04","slug":"6-ways-to-code-faster-with-less-bugs","status":"publish","type":"post","link":"https:\/\/cindypotvin.com\/6-ways-to-code-faster-with-less-bugs\/","title":{"rendered":"6 ways to code faster and with fewer bugs"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cindypotvin.com\/wp-content\/uploads\/2015\/09\/Typing-1-300x200.jpg\" alt=\"Blurred motion of hands typing on laptop late at night, view from above\" width=\"300\" height=\"200\" class=\"alignright size-medium wp-image-1357\" srcset=\"https:\/\/cindypotvin.com\/wp-content\/uploads\/2015\/09\/Typing-1-300x200.jpg 300w, https:\/\/cindypotvin.com\/wp-content\/uploads\/2015\/09\/Typing-1.jpg 424w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>It can take ages to code what looks like a simple feature at first glance. Times flows while you have the impression that you made no measurable progress on that new feature and that everything is hopeless. <\/p>\n<p>Outsiders will tell you that you&#8217;re only adding a checkbox or a text field and wiring stuff together, so it should not take this long. Why are you coding so slowly?<\/p>\n<p>Thinking about the time it took to create a new feature as the number of lines of code you need to produce is a mistake, because the part that takes the most time is not typing code in the computer. Your keyboard shortcut skills are not going to help you with all the other things you must do to create the feature like:<\/p>\n<ul>\n<li>Understanding how it needs to behave when it&#8217;s done,<\/li>\n<li>Looking at the existing code to understand where it fits,<\/li>\n<li>Choosing the best controls and API methods for the job,<\/li>\n<li>Naming and documenting the variables and methods in your code,<\/li>\n<li>Testing the feature.<\/li>\n<\/ul>\n<p>Indeed, I&#8217;m not going to give you tips to type code faster or technical shortcuts since those can be found in any technical book about your language or framework of choice. Likewise, there are many great posts about keywords shortcuts and tools for your IDE of choice. <\/p>\n<p>So here are some ways to optimize all the other stuff so you can deliver faster: <\/p>\n<ul>\n<li>Make sure you understand what the feature should do properly before you start coding, including those hairy corner cases that you must handle. Things can change, but you&#8217;re going to lose a lot more time if you code something and have to start over: aim to do things right the first time.\n<\/li>\n<li>Plan out the big picture of how you are going to implement the feature and what are going to be the names of the most important classes and methods. This is the hardest tip in this article to stick to, but you&#8217;re going to be a better coder if you make it an habit to read the existing code to get a better idea of what to do and plan for the most probable pitfalls before writing the first line of code.<\/li>\n<li>Break down what you need to do in tiny wins instead of trying to take it in all at once. Doing just one small method at the time and incrementally adding more code as you go on is easier to manage than trying to do everything you&#8217;ll ever need in one shot. Ideally, you should always be able to run the application even if the feature is not complete. Don&#8217;t be afraid to leave TODOs in the parts of the code that are not done yet so you&#8217;ll remember what you wanted to do when you come back to finish it.<\/li>\n<li>\nMake sure that each tiny part is well-formatted, with good names and properly documented. It&#8217;s easier to do while you&#8217;re writing the method instead of waiting to do it all in the end, and chances are that once you&#8217;ve moved on you&#8217;re not really going to fix it. This will make it easier for you to use the method and change it as needed since it&#8217;s already nice and clean.<\/li>\n<li>Keep a piece of paper or a notepad beside you as you code to jolt down things that comes to mind as you work. While you code, you&#8217;re going to think about things like test cases, that bit of CSS you need to adjust and how to implement other parts of the feature. You can take a quick note without breaking the flow of what you&#8217;re doing and go back to the current task. That way, you don&#8217;t need to keep all those things in your head (think GTD) and you&#8217;re not going to forget them all if you get interrupted.<\/li>\n<li>Don&#8217;t hesitate to look for examples of code when you don&#8217;t know how to do, but avoid copy-pasting. Rewrite those examples using your own variable names and standards, and take ownership of it by understanding it as well as code you wrote yourself so you can fix it if something goes wrong. Also, if you have bugs and don&#8217;t understand what&#8217;s going on at first glance, use all the tools at your disposal like reading the docs for the API methods you&#8217;re using, using the debugger and inspecting the code of your page to make sure it&#8217;s behaving as you expected. There&#8217;s no need to try to be tough, examples and tools are there for a reason.<\/li>\n<\/ul>\n<p>All those techniques will also help you with writing code that has fewer bugs since you&#8217;ll know where you are going. Coding more deliberately will help you make the best of your coding time and deliver better features.<br \/>\n<iframe loading=\"lazy\" src=\"https:\/\/newsletter.cindypotvin.com\/embed\" width=\"100%\" height=\"320\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<!--themify_builder_content-->\n<div id=\"themify_builder_content-966\" data-postid=\"966\" class=\"themify_builder_content themify_builder_content-966 themify_builder tf_clear\">\n    <\/div>\n<!--\/themify_builder_content-->\n","protected":false},"excerpt":{"rendered":"<p>It can take ages to code what looks like a simple feature at first glance. Times flows while you have the impression that you made no measurable progress on that new feature and that everything is hopeless. Outsiders will tell you that you&#8217;re only adding a checkbox or a text field and wiring stuff together, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,4,78],"tags":[9,38,54],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"builder_content":"","_links":{"self":[{"href":"https:\/\/cindypotvin.com\/wp-json\/wp\/v2\/posts\/966"}],"collection":[{"href":"https:\/\/cindypotvin.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cindypotvin.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cindypotvin.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cindypotvin.com\/wp-json\/wp\/v2\/comments?post=966"}],"version-history":[{"count":14,"href":"https:\/\/cindypotvin.com\/wp-json\/wp\/v2\/posts\/966\/revisions"}],"predecessor-version":[{"id":1358,"href":"https:\/\/cindypotvin.com\/wp-json\/wp\/v2\/posts\/966\/revisions\/1358"}],"wp:attachment":[{"href":"https:\/\/cindypotvin.com\/wp-json\/wp\/v2\/media?parent=966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cindypotvin.com\/wp-json\/wp\/v2\/categories?post=966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cindypotvin.com\/wp-json\/wp\/v2\/tags?post=966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}