Captulo 1: Bienvenido

Captulo 2: Conceptos Bsicos de JavaScript

Captulo 3: Conceptos Bsicos de jQuery
Captulo 4: El ncleo de jQuery
Captulo 5: Eventos
Captulo 6: Efectos
Captulo 7: Ajax
Captulo 8: Extensiones
Captulo 9: Mejores Prcticas para Aumentar el
Rendimiento
Captulo 10: Organizacin del Cdigo
Captulo 11: Eventos Personalizados
 jQuery se est convirtiendo rpidamente en
una herramienta que todo desarrollador de
interfaces web debera de conocer. El
propsito de este libro es proveer un resumen
de la biblioteca, de tal forma que para cuando
lo haya terminado de leer, ser capaz de
realizar tareas bsicas utilizando jQuery y
tendr una slida base para continuar el
aprendizaje.
 Software
navegador web Firefox;
la extensin Firebug, para Firefox;
un editor de textos planos (como Notepad+
+/Sublime Text 2 para Windows, gedit/Kate para
Linux o TextMate para Mac OS X);
para las secciones dedicadas a Ajax: Un servidor
local (como WAMP o MAMP) o un cliente FTP/SSH
(como FileZilla) para acceder a un servidor remoto.

 Aadir JavaScript a una Pgina

Existen dos formas de insertar cdigo JavaScript
dentro de una pgina: escribiendo cdigo en la
misma (en ingles inline) o a travs de un archivo
externo utilizando la etiqueta script
Para mejorar el rendimiento de la pgina, el cdigo
JavaScript debe ser incluido al final del HTML.
Adems, cuando se trabaja en un ambiente de
produccin con mltiples archivos JavaScript,
stos deben ser combinados en un solo archivo.
 Ejemplo de cdigo JavaScript en lnea
<script>
console.log('hello');
</script>
Ejemplo de inclusin de un archivo externo
JavaScript
<script src='js/jquery.js'></script>
 Depuracin del Cdigo JavaScript
La utilizacin de una herramienta de depuracin es
esencial para trabajar con JavaScript. Firefox provee un
depurador a travs de la extensin Firebug; mientras que
Safari y Chrome ya traen uno integrado.
Cada depurador ofrece:
un editor multi-linea para experimentar con JavaScript;
un inspector para revisar el cdigo generado en la
pgina;
un visualizador de red o recursos, para examinar las
peticiones que se realizan.
 Cuando usted este escribiendo cdigo JavaScript,
podr utilizar alguno de los siguientes mtodos
para enviar mensajes a la consola del depurador:
console.log() para enviar y registrar mensajes
generales;
console.dir() para registrar un objeto y visualizar sus
propiedades;
console.warn() para registrar mensajes de alerta;
console.error() para registrar mensajes de error.
 Conceptos Bsicos de JavaScript
2.1 Introduccin
jQuery se encuentra escrito en JavaScript, un
lenguaje de programacin muy rico y
expresivo.
 2.2 Sintaxis Bsica
Comprensin de declaraciones, nombres de variables, espacios en blanco, y otras sintaxis bsicas
de JavaScript.
Declaracin simple de variable

var foo = 'hola mundo';

Los espacios en blanco no tienen valor fuera de las comillas

var foo = 'hola mundo';
Los parntesis indican prioridad
2 * 3 + 5; // es igual a 11, la multiplicacin ocurre primero
2 * (3 + 5); // es igual a 16, por los parntesis, la suma ocurre primero
La tabulacin mejora la lectura del cdigo, pero no posee ningn significado especial
var foo = function() {
console.log('hola');
};
 2.3 Operadores
2.3.1 Operadores Bsicos
Los operadores bsicos permiten manipular valores.
Concatenacin

var foo = 'hola';

var bar = 'mundo';

console.log(foo + ' ' + bar); // la consola de depuracin muestra 'hola mundo'

Multiplicacin y divisin
2 * 3;
2 / 3;
Incrementacin y decrementacin
var i = 1;
var j = ++i; // incrementacin previa: j es igual a 2; i es igual a 2
var k = i++; // incrementacin posterior: k es igual a 2; i es igual a 3
 2.3.2 Operaciones con Nmeros y
Cadenas de Caracteres
En JavaScript, las operaciones con nmeros y cadenas de caracteres (en ingls strings) pueden ocasionar resultados no esperados.
Suma vs. concatenacin

var foo = 1;
var bar = '2';
console.log(foo + bar); // error: La consola de depuracin muestra 12
Forzar a una cadena de caracteres actuar como un nmero

var foo = 1;
var bar = '2';

// el constructor 'Number' obliga a la cadena comportarse como un nmero

console.log(foo + Number(bar)); // la consola de depuracin muestra 3

El constructor Number, cuando es llamado como una funcin (como se muestra en el ejemplo) obliga a su argumento a comportarse
como un nmero. Tambin es posible utilizar el operador de suma unaria, entregando el mismo resultado:

Forzar a una cadena de caracteres actuar como un nmero (utilizando el operador de suma unaria)
console.log(foo + +bar);