JAVASCRIPT Y JQUERY

Introducción
¿Qué es JavaScript?
Un poco de historia
JavaScript está en todas partes
¿Qué es jQuery?
HTML: la estructura medular
Cómo funcionan las etiquetas HTML
CSS: añadir estilo a las páginas Web
Anatomía de un estilo
Software para programar en JavaScript
Programas gratuitos
Software comercial
Acerca de este libro
El enfoque a JavaScript de este libro
Organización del libro
Convenciones
Código fuente

Parte I. Primeros pasos con JavaScript

1. Su primer programa de JavaScript
Introducirse en la programación
¿Qué es un programa informático?
Añadir JavaScript a una página
Archivos externos de JavaScript
Su primer programa de JavaScript
Escribir texto en una página Web
Adjuntar un archivo externo de JavaScript
Localizar errores
La consola de JavaScript de Firefox
Mostrar la consola en Internet Explorer 9
Abrir la consola JavaScript de Chrome
Acceder a la consola de errores de Safari

2. La gramática de JavaScript
Instrucciones
Funciones integradas
Tipos de datos
Números
Cadenas
Booleanos
Variables
Crear una variable
Usar variables
Trabajar con tipos de datos y variables
Matemáticas básicas
El orden de las operaciones
Combinar cadenas
Combinar números y cadenas
Cambiar valores de variables
Tutorial: Usar variables para crear mensajes.
Tutorial: Pedir información
Matrices
Crear una matriz
Acceder a los elementos de una matriz
Añadir elementos a una matriz
Borrar elementos de una matriz
Tutorial: Escribir en una página Web usando matrices
Una rápida lección sobre objetos
Comentarios
Cuándo usar comentarios
Comentarios del libro

3. Añadir lógica y control a los programas
Hacer que los programas reaccionen de forma inteligente
Fundamentos de las instrucciones condicionales
Añadir un plan de respaldo
Probar más de una condición
Condiciones más complejas
Anidar instrucciones condicionales
Consejos para crear instrucciones condicionales
Tutorial: Usar instrucciones condicionales
Realizar tareas repetitivas con bucles
Bucles while
Bucles y matrices
Bucles for
Bucles do/while
Funciones: convertir código útil en comandos reutilizables
Mini tutorial
Dar información a sus funciones
Recuperar información de las funciones
Evitar choques de variables
Tutorial: Un sencillo examen

Parte II. Primeros pasos con jQuery

4. Presentación de jQuery
Las bibliotecas de JavaScript
Comenzar con jQuery
Añadir jQuery a una página
Modificar páginas Web: una visión general
Entender el Modelo de objetos de documento
Seleccionar elementos de la página: la técnica de jQuery
Selectores básicos
Selectores avanzados
Filtros de jQuery
Comprender las selecciones jQuery
Añadir contenido a una página
Sustituir y eliminar selecciones
Establecer y leer atributos de etiqueta
Clases
Leer y cambiar propiedades CSS
Cambiar varias propiedades CSS de una vez
Leer, establecer y eliminar atributos HTML
Actuar sobre cada elemento de una selección
Funciones anónimas
this y $(this)
Citas automáticas
Visión general
Programación

5. Acción/Reacción: Hacer que las páginas cobren vida con eventos
Concepto de eventos
Eventos de ratón
Eventos de documento/ventana
Eventos de formulario
Eventos de teclado
Utilizar eventos con jQuery
Tutorial: Eventos
Otros conceptos sobre eventos en jQuery
Esperar a que se cargue el código HTML
Eventos de jQuery
El objeto evento
Detener el comportamiento normal de un evento
Eliminar eventos
Gestión avanzada de eventos
Otras formas de usar la función bind()
Tutorial: Una página de preguntas frecuentes
Presentación de la tarea
Programación

6. Animaciones y efectos
Efectos de jQuery
Mostrar y ocultar
Hacer aparecer y desaparecer elementos
Deslizar elementos
Tutorial: Un regulador de inicio de sesión
Programación
Animaciones
Easing
Realizar una acción después de completar un efecto
Tutorial: Un panel de control animado
Programación

Parte III. Funciones de páginas Web

7. Mejorar las imágenes
Intercambiar imágenes
Cambiar el atributo src de una imagen
Carga previa de imágenes
Imágenes de rollover
Tutorial: Añadir imágenes de rollover
Visión general de la tarea
Programación
Tutorial: Galería de imágenes con efectos
Visión general de la tarea
Programación
Una galería avanzada con FancyBox de jQuery
Conceptos básicos
Crear una galería de imágenes
Personalizar FancyBox
Tutorial: Galería de imágenes FancyBox

8. Mejorar la navegación
Fundamentos de los vínculos
Seleccionar vínculos con JavaScript
Determinar el destino de un vínculo
No siga ese vínculo
Abrir vínculos externos en una ventana nueva
Crear ventanas nuevas
Propiedades de la ventana
Abrir páginas en una ventana de la página
Tutorial: Abrir una página dentro de otra
Una barra de navegación animada básica
El código HTML
El código CSS
Código de JavaScript
Tutorial

9. Mejorar formularios Web
Comprender los formularios
Seleccionar elementos de formulario
Obtener y establecer el valor de un elemento de formulario
Determinar si botones y casillas están seleccionados
Eventos de formulario
Añadir mejoras a los formularios
Enfocar el primer campo de un formulario
Habilitar y deshabilitar campos
Ocultar y mostrar opciones de formulario
Tutorial: Mejoras de formulario básico
Enfoque en un campo
Deshabilitar campos de formulario
Ocultar campos de formulario
Validar formularios
Complemento de validación jQuery
Validación básica
Validación avanzada
Estilo de los mensajes de error
Tutorial de validación
Validación básica
Validación avanzada
Validación de casillas de verificación y botones de opción
Aplicar formato a mensajes de error

10. Ampliar la interfaz
Organizar la información en paneles con fichas
El código HTML
El código CSS
El código JavaScript
Tutorial de paneles con fichas
Añadir un deslizador de contenido a su sitio
Utilizar AnythingSlider
Tutorial de AnythingSlider
Personalizar el aspecto del deslizador
Personalizar el comportamiento del deslizador
Determinar el tamaño y la posición de los elementos de la página
Determinar la altura y la anchura de los elementos
Determinar la posición de los elementos en una página
Determinar la posición de desplazamiento de una página
Añadir información en pantalla
El código HTML
El código CSS
El código JavaScript
Tutorial: Información en pantalla

Parte IV. Ajax: Comunicarse con el servidor Web

11. Presentación de Ajax
Qué es Ajax
Fundamentos de Ajax
Las piezas del rompecabezas
Comunicarse con el servidor Web
Ajax al estilo jQuery
Usar la función load()
Tutorial: La función load()
Las funciones get() y post()
Aplicar formato a los datos pa

JavaScript es un lenguaje de programación para interactuar con los navegadores, que proporciona a los sitios Web dinamismo e inmediatez. Todos los navegadores importantes del mercado contienen un intérprete de JavaScript.

Cuando aprenda a utilizar su biblioteca jQuery, obtendrá una programación más sencilla y potente que simplificará la manera de interactuar con los documento HTML, manejar eventos, desarrollar animaciones y agregar interacción a las páginas Web.

Este libro le enseñará las bases de la programación con JavaScript. Hace énfasis en jQuery lo que le ayudará a liberarse de la complejidad de JavaScript y la naturaleza cambiante entre navegadores. Con este manual no tardará en crear páginas Web, sofisticadas y divertidas, que funcionarán como programas de escritorio, sin apenas programación.