4 Responses to “JavaScript Best Practices by Christian Heilman”

1. Willem van Zyl (willemvzyl) « JavaScript Best Practices by Christian Heilman | Geekology « Chat Catcher
   October 28th, 2009 at 13:59

   

   [...] 2009-10-28T04:59:20  Great slideshow, thanks @costab :). JavaScript Best Practices by Christian Heilman - [link to post] [...]

2. Balaji
   October 28th, 2009 at 17:49

   

   Have you given any thoughts to JavaScript Best Practices by Christian Heilman? I’ve been hard pressed to find good resources, and judging from this article I’m guessing you may have something valuable to say. Thanks in advance!

3. iresha
   October 29th, 2009 at 12:55

   

   I really like the “add functionality, not content” bit. That really rings true with me

4. willem
   October 30th, 2009 at 09:23

   

   @Balaji: Some notes on this slideshow:

   —

   As for variable names, I like the following schema:

   [descriptive]{object}{attribute}

   … interpreted as:

   newCustomerId
   validContactNumber

   … etc.

   —

   I agree with him that “good code explains itself” is an arrogant myth. Developers should comment all code where it’s purpose isn’t clear at a glance.

   His idea that comments shouldn’t go out to the end user ties in with my feeling on minifying code: On a development server you can use commented and un-minified code, but when you take a system live you should optimize it as much as possible.

   —

   Shortcut notations are, in my opinion, just as important to learn as regular expressions. So, use this:

   var x = v || 10;

   … instead of:

   if(v){
     var x = v;
   } else {
     var x = 10;
   }

   —

   His notes on loops tie in with my 4th point here:

   http://www.geekology.co.za/blog/2009/10/12-tips-improve-your-jquery-code/

   Loops are expensive, especially if they traverse arrays or the DOM, so optimize them where you can.

   —

   Finally and very importantly, build on the shoulders of giants: Find a good framework and learn how to use it. Frameworks cater for many browser issues and will let you approach problems in the same way no matter which browser the user has.