The more and more I look into RequireJS, the AMD Spec, and it's general overall usefulness, the more it sticks out as a broken appendage in the javascript world. Let me ask you, would you enjoy it if I went over to your house took your arm and snapped it in two? No. You wouldn't, or maybe you would. A lot of you would because that is exactly what RequireJS does. It stacks your code into two separate clauses cache's those results, and then delegates. All for the cost of what?

Cleanliness? Nope, I now have twice as much codebase as before spread out over twice as many files. Speed? Ahaha... ha, no. It takes about 2 ~ 3 hours longer just to determine not only if RequireJS will handle the plugin, script, or code correctly; If it doesn't then I must now find a way to do it, either through one of it's plugins or through editing the third party script myself. So where does that leave us? Optimization? No, now not only is your codebase cluttered about in some sort of maniacal structure of disorder and annoyance, you also must now clutter third party with extra bulk, unneeded bulk.

I call this "RequireJS Hell"; Somewhat like "Dependency Hell" but worse. A thousand times worse. Now, you might be saying... there is no code here! Where are our examples!? I present you with a better question, have you really looked at RequireJS, and how it is delegating your code? Maybe you have, maybe you enjoy spending those extra few hours trying to get it to work with some third party plugin you shouldn't be using but want to anyway. But for a team who has limited time, time is important. Very, very important.

Taken from the horses mouth... "But here is the plain truth: the perceived extra typing and a level of indent to use AMD does not matter. Here is where your time goes when coding; Thinking about the problem; Reading code;" ...yes, this is actually on the page. Let me explain not only how absurd but utterly idiotic this statement is; On one level you have extra typing, most of this "extra" typing comes from RequireJS wrapping all of your code into it's modules which is copy-pasta but not for everything, and on those not for everything codebases you now have more problems to think about, and more code to read than before.

You see that? It does matter, it does make a difference. I for one will never understand how or why people believe this is "optimizing"; All it does is bulk up your code, spread your files out, and cache things that for the most part don't really affect anything or shouldn't be cache'd in most cases.

To help show the pains of what RequireJS is:

So I've had this issue happen twice, and this time it really irked me. You go to change a filetype to open with a specific program, browse for it, and when you find it you think it will show up on this list but it doesn't. Why? Well... Windows stores every application you add to the "open with" window in the Registry. That in itself is a good thing, however there is a downside. Windows will not update the programs location if you were to delete or move it. Sounds dumb, well yes, it is; However, you can fix it!

Open up regedit¹:

Start > regedit

Navigate to:

Computer -> HKEY_CLASSES_ROOT -> Applications

Find the program you have been trying to set as the default, the location will probably be different than where it currently is. Now you can change it to it's correct location and quickly get back to having control over Windows.

Enjoy (:

Notes

Ever had a download on Firefox or Chrome cancel due to crash or some other random issue?

Well, it's an easy fix.

Navigate to the folder the file was downloaded in. Find the file that didn't finish and remove the un-finished extension, if any exist, until it matches the URL of the file you were downloading. Chrome is crdownload, Firefox is part.

Now open Terminal¹ or Command Prompt² in that folder.

Navigation through Terminal or Command Prompt
This applies if you are not using the open * here

*Unix:

$ cd ~/Downloads

Windows:

> cd "c:/full/path/to/Downloads"

 
Continuing the Download
Now to continue the download we are going to use wget³, type this into Terminal or Command Prompt:

$ wget --continue URL_HERE

Notes

Conventions in coding are like opinions. Everyone has one; Preferences. That's all they are, however these are what I've found to be the most legible and easiest to utilize, not to mention you don't have to drastically change them when you learn a new language. When you code something open source... people are going to look at it, so make it look good or at least navigational.

Here are a few quick surefire ways to make your code readable.

1. Don't put your brackets on separate lines.

<?php
if($annoyed)
{
    $brackets_on_seperate_line = true;
}

This causes a whole slew of inconsistencies in libraries, and projects. One person does it, another doesn't, you are constant battling. So when should you put a brace on a new line? In PHP, this really doesn't matter, but it utilizes important whitespace and shows that you indent incorrectly and to cure the issue you use braces as your guideline, which is wrong. Most IDE's will show you what block you are currently in, underlining the braces or boldening them.

So in my eyes, same line is the best approach as when you get into other languages you will notice, almost all of them require braces on the same line, especially scripting languages. I think this is something all PHP developers do in the beginning because you are constantly learning and trying to find your... style; It's not just about your style, it's about how other people will receive it as well as when it comes time to learn a new language, you will try to use your style, and it will not work out as planned and you have to learn a new one.

2. Only use underscores in certain cases.

<?php
$variables_should_not_have_them = true;
define('GLOBALS_SHOULD', true);

class Also {
    const CAN_HAZ = true;
}

Underscores should only be kept to things like global variables, enumerated lists, constants, and cookies / sessions. Why? Because, in variables not only do they take up space stretching out the time it takes to repeatedly type a variable, or even function for that matter. It's not illegal to mix and match your case as long as you have a strict guideline like the one below:

1. Globals, Constants, and Sessions / Cookies use underscore_casing
2. Functions, Variables, and local variables use camelCase
3. Classes, Modules, and Namespaces use UpperCamelCase

It not only saves you time, it prevents things like the disorderly PHP function list from happening in your library.

3. Wrapping long lines, The Smart Way.

<?php
$variable = new LongClassName('Some Variable', new AnotherLongClassName('why'), array('it','is','fun'));

Having long lines sometimes can't be avoided, however stuff like that can. First, think about your class naming structure... is it simplified and readable? If it is, then look at the line, can you break it down?

If you can, go ahead and break it down, separate lines for variables and if statements won't hurt you, in-fact they can increase readability.

<?php
$variable = new LongCN(
    'Some Variable',
    new AnotherLCN('why'),
    array('it', 'is', 'fun')
);

4. Utilize Brackets Effectively.

<?php
if($annoyed) {
    $terribleSyntax = 50/50;
}

You don't always need the brackets when doing single line if-else or for-if-else or for / if statements. It can increase readability and boost coding time by letting you type less. That is the goal here, faster code time means more time to focus on something else, even if you don't have that issue, certainly can't hurt to increase it.

There are some cases where you will need them on single lines but here are a few examples of when you can use it:

<?php
// Simplified
if(!$annoyed)
    $terribleSyntax = false;

// if-else no-brackets -- I try to avoid this
if($terribleSyntax)
    $annoyed = true;
else
    $annoyed = false;

// Continued Above -- and instead if possible use conditionals
$annoyed = ($terribleSyntax) ? true : false;

// If with else bracket block
if($terribleSyntax)
    $annoyed = true;
else {
    $annoyed = false;
    $happy = true;
}

The foreach works the same way essentially. If you have more than one line on the block, you need brackets.

Hopefully these help you out and your teammates if you are that guy they hate when it comes to coding with you ;P Let's hope not!

Updated To lessen the condescending tone because sarcasm doesn't convey well in text.

Usually creating JavaScript OOP calls for you to modify __proto__ or add tons of obscure methods to create simple parent / child objects. After reading tons of methods that other people use, and came up with my own method.

A single function. Class():

var Class = function (properties) {
  function clone (source, target) {
    Object.getOwnPropertyNames(source).forEach(function(prop) {
      Object.defineProperty(
        target, prop, Object.getOwnPropertyDescriptor(source, prop)
      );
    });

    return target;
  };

  this.inject = function (properties) {
    clone(properties, this);
  };

  this.extend = function (properties) {
    var parent = this.prototype || Class;
    var proto = Object.create(parent);

    clone(properties, proto);

    var body = proto.Constructor;
    if (!(body instanceof Function))
      throw new Error("Constructor missing in a class!");

    body.prototype = proto;
    body.parent = parent;
    body.extend = this.extend;
    body.inject = this.inject;

    return body;
  };

  return this.extend(properties);
};

That's it, that will allow you to create classes using simple objects, there is only one required function and that is the Constructor or initialization function. By using this you can easily manipulate objects, extend and inject without ever looking at prototype again.

Here is an example of an Entity (Parent) and a Monster (Child):

Entity = Class({
  attacks: 0,

  Constructor: function(name, health) {
    this.name = name;
    this.health = health || 0;
  },

  isAlive: function() {
    return this.health > 0;
  },

  setHealth: function(value) {
    this.health = value < 0 ? 0 : value;
  }
});

Monster = Entity.extend({
  attack: function(what) {
    var dmg = (Math.random() * 110) + 1 | 0, leftovers = what.health-dmg;

    if(leftovers < 0)
      what.setHealth(0);
    else
      what.setHealth(leftovers); 

    this.attacks++;
    console.log(this.name + " attacks " + what.name + " for " + dmg + " dmg.");
  }
});

See it on jsfiddle!