cowboy

Understanding JavaScript

This 3-day course will expand on the introductory knowledge that developers have regarding the use of JavaScript. Attendees will learn best practice approaches on general JavaScript topics such as inheritance, code organization, type checking, performance and testing, as well as implementation-specific topics such as the window object, the DOM and the debugging console. In addition, hands-on workshops and discussions will be utilized to enable attendees to experiment and learn first-hand.

In this workshop, your team will learn:

• JavaScript Isn't Just in the Browser
• Debugging with console
• Variables and Identifiers
• Statements

cowboy

/*!
 * Simple jQuery (1.5+) AJAX Mocking - v0.1.1 - 2012-08-17
 * http://benalman.com/
 *
 * Copyright (c) 2012 "Cowboy" Ben Alman
 * Dual licensed under the MIT and GPL licenses.
 * http://benalman.com/about/license/
 */

(function($) {

cowboy

/* EA Battlelog BF3 misc hacks
 * http://benalman.com/
 * Copyright (c) 2011 "Cowboy" Ben Alman; Licensed MIT, GPL */

// What does it do?
// 
// * Auto-retries server join so you don't have to spam the button.
//   (close the Game Manager error popup to cancel the auto-join)
// 
// What might it do in the future?

cowboy

var isIE = document.all?true:false;
var isNS4 = document.layers?true:false;
var isNS6 = (document.getElementById&&!document.all)?true:false;

if (isNS4) document.onkeydown = getKey;

document.onselectstart = falseReturn;
document.oncontextmenu = falseReturn;

cowboy

// Don't actually use this. Ever. Thx.

(function fn() {

  var slice = fn.call.bind([].slice);

  Function.overload = function(obj) {
    return function() {
      var key = slice(arguments).map(function(a) { return typeof a; }).join(', ');
      if (obj[key]) {

cowboy

function joinArray(arr, separator) {
  // if (typeof separator === "undefined") {
  // if (separator === undefined) {
  // if (arguments.length === 1) {
  if (separator == null) {
    separator = " - ";
  }
  return arr.join(separator);
}
joinArray([1, 2, 3])        // "1 - 2 - 3"

cowboy

<?PHP

# Twitpic-Flickr bridge - v0.1pre - 10/18/2011
# http://benalman.com/
# 
# Copyright (c) 2011 "Cowboy" Ben Alman
# Dual licensed under the MIT and GPL licenses.
# http://benalman.com/about/license/

# There's no way I'm writing all the Flickr stuff myself.

cowboy

function Thing(context, name) {
  this.context = context;
  this.name = name;
  this.init();
  this.startTheWorstGarbageCollectorEver();
}

Thing.prototype.startTheWorstGarbageCollectorEver = function() {
  var id = setInterval(function() {
    if (!this.context[this.name]) {

cowboy

[
  "",
  "",
  "",
  "",
  "",
  "",
  "",
  "",
  "",

cowboy

// Iterate over a bunch of elements.
$(":header, p, li").each(function() {
  // The current element.
  var elem = $(this);
  // A copy of the current element that will take its place in the DOM during
  // the animation.
  var copy = elem.clone().replaceAll(elem);
  // The element's text content. To be animated, character-by-character.
  var text = copy.text();