Eddy Hernandez eddywashere

## badjs.md

      
              1 file
            
          
              0 forks
            
          
              2 comments
            
          
              2 stars
            
          
                ryanflorence
                / badjs.md
            
            
              Created
              November 7, 2011 04:52
            
              
                What leads to a poor JavaScript application?
              
          
    What makes a bad JavaScript application?

We've all seen some horrible JavaScript.  Name the top five things you see that lead to horrible JavaScript applications.  Feel free to elaborate on each of your points.
I'll start, in no particular order:

Poor organization in the file system
Poor abstraction
Seemingly endless indentation in nested callbacks / if / else if / etc.


## sl2-setup.md

      
              1 file
            
          
              2 forks
            
          
              0 comments
            
          
              12 stars
            
          
                javan
                / sl2-setup.md
            
            
              Created
              July 23, 2012 14:47
            
              
                My Sublime Text 2 setup
              
          
Sublime Package Control for managing packages (like the ones below)
Github theme for colors
Soda theme for better chrome
Sublime ERB keyboard shortcuts for ERB tags

My user settings:
{

  
## deploy.js
#! /path/to/node

var haibu = require('/path/to/haibu');

var client = new haibu.drone.Client();

process.stdin.resume();
process.stdin.on('data', function(data){
  var package = JSON.parse(data.toString());

## html5boilerplate.jade
!!! 5
//if lt IE 7
  <html class="no-js lt-ie9 lt-ie8 lt-ie7">
//if IE 7
  <html class="no-js lt-ie9 lt-ie8">
//if IE 8
  <html class="no-js lt-ie9">
//[if gt IE 8]><!
html(class='no-js')
  //<![endif]

## nav.html
<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8">
    <title>Nav toggle</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
  </head>
  <body>
    <ol id="nav" class="closed">
      <li class="active"><a href="#">Home</a></li>

## example-connection.js
var mongoDbConnection = require('./lib/connection.js');

exports.index = function(req, res, next) {
  mongoDbConnection(function(databaseConnection) {
    databaseConnection.collection('collectionName', function(error, collection) {
      collection.find().toArray(function(error, results) {
        //blah blah
      });
    });
  });

## gist:456141c9e6fdbca6ab4f
function createDisabledUntilClientRendersComponent(component, displayName='ClientComponent') {
  return React.createClass({

    displayName,

    propTypes: {
      disabled: React.PropTypes.bool
    },

    getInitialState() {

## sorter.js

/**
 * Generate a custom sort method for given starting `order`. After the given
 * order, it will ignore casing and put periods last. So for example a call of:
 *
 *   sorter('Overview');
 *
 * That is passed:
 *
 *   - Analytics.js

## delay.js
var Promise = require("es6-promise").Promise;

module.exports = function(delay){
	return function(value) {
		return new Promise(function(resolve, reject){
			setTimeout(function(){
				resolve(value);
			}, delay)
		});
	}

## protractor_members.txt
protractor.wrapDriver
protractor.setInstance
protractor.getInstance

protractor.By
protractor.By.binding
protractor.By.select
protractor.By.selectedOption
protractor.By.input
protractor.By.repeater
	#! /path/to/node

	var haibu = require('/path/to/haibu');

	var client = new haibu.drone.Client();

	process.stdin.resume();
	process.stdin.on('data', function(data){
	var package = JSON.parse(data.toString());
	!!! 5
	//if lt IE 7
	<html class="no-js lt-ie9 lt-ie8 lt-ie7">
	//if IE 7
	<html class="no-js lt-ie9 lt-ie8">
	//if IE 8
	<html class="no-js lt-ie9">
	//[if gt IE 8]><!
	html(class='no-js')
	//<![endif]
	var mongoDbConnection = require('./lib/connection.js');

	exports.index = function(req, res, next) {
	mongoDbConnection(function(databaseConnection) {
	databaseConnection.collection('collectionName', function(error, collection) {
	collection.find().toArray(function(error, results) {
	//blah blah
	});
	});
	});
	function createDisabledUntilClientRendersComponent(component, displayName='ClientComponent') {
	return React.createClass({

	displayName,

	propTypes: {
	disabled: React.PropTypes.bool
	},

	getInitialState() {

	/**
	* Generate a custom sort method for given starting `order`. After the given
	* order, it will ignore casing and put periods last. So for example a call of:
	*
	* sorter('Overview');
	*
	* That is passed:
	*
	* - Analytics.js
	var Promise = require("es6-promise").Promise;

	module.exports = function(delay){
	return function(value) {
	return new Promise(function(resolve, reject){
	setTimeout(function(){
	resolve(value);
	}, delay)
	});
	}
	protractor.wrapDriver
	protractor.setInstance
	protractor.getInstance

	protractor.By
	protractor.By.binding
	protractor.By.select
	protractor.By.selectedOption
	protractor.By.input
	protractor.By.repeater