Aprender JQuery – Con 100 ejercicios prácticos

JQuery es una biblioteca creada con JavaScript que permite simplificar el desarrollo de animaciones e interacciones con HTML facilitando el acceso a la estructura interna de un documento basándose en la manipulación del DOM y en el manejo de eventos asociados a los elementos contenidos en la misma. Si se inicia usted en la programación con jQuery, encontrará en estas páginas un completo recorrido por sus principales funciones. Pero si es usted un experto en el programa, le resultará también muy útil para consultar determinados aspectos más avanzados o repasar funciones específicas que podrá localizar en el índice.

Colección “Aprender con 100 ejercicios prácticos” para formarse sin esfuerzo

 Ventajas

100 ejercicios prácticos resueltos que conforman un recorrido por las principales funciones del framework de Javascript. Hemos escogido las posibilidades más interesantes y utilizadas de jQuery. Una vez realizados a conciencia los ejercicios que componen este ma­nual, el lector será capaz de manejar con soltura el programa y llevar a cabo el diseño de objetos y espacios, tanto en el ámbito profesional como en el particular.

Todos los códigos necesarios para la el seguimiento de este ma­nual, deben ser descargados desde la zona de descargas de la página de Alfaomega (www.alfaomega.com.mx).

• Cada una de las funciones se ejercita realizando un ejercicio práctico explicado paso a paso y pulsación a pulsación, a fin de no dejar ninguna duda en el proceso de ejecución.
• Las ilustraciones paso a paso, ayudan a la comprensión de los ejercicios y de lo que se explica en el texto.
• Este sistema de aprendizaje, ayuda a una mejor y mayor retención de las funciones del programa, con menor tiempo de dedicación a su estudio y requerimientos teóricos mínimos.

Conozca

• Cómo gestionar fechas
• Cómo manejar eventos
• Como manipular el árbol DOM
• La manera de interactuar con los documentos HTML
• Un gran número de métodos para trabajar con AJAX.

Aprenda

• Uso de widgets como el acordeón, gestión de fechas, etcétera
• Dar vistosidad y dinamismo a las páginas web en una forma sencilla
• Uso de las principales herramientas de software libre para diseño web

Desarrolle sus habilidades para: 

• Diseñar páginas web con las más poderosas herramientas de software libre.

001 ¿Qué es jQuery? ……………………………………………………………..14
002 Documentación ……………………………………………………………..16
003 “Hola mundo” ……………………………………………………………….18
004 Función jQuery ……………………………………………………………..20
005 each………………………………………………………………………………22
006 size & length ………………………………………………………………….24
007 data() y removeData()……………………………………………………..26
008 Introducción al DOM ……………………………………………………..28
009 addClass(), removeClass() y hasClass()………………………………30
010 toggleClass()…………………………………………………………………..32
011 Copias de elementos clone()…………………………………………….34
012 unwrap(), wrap(), wrapAll() y wrapInner()…………………………36
013 Insertar en el interior: append() y appendTo()……………………38
014 Insertar en el interior: html() y text()………………………………..40
015 after(), before(), insertAfter(), insertBefore()……………………….42
016 Eliminar con detach(), remove() y empty()………………………..44
017 Sustituir elementos: replaceAll() y replaceWith()………………..46
018 Atributos generales de los elementos del DOM ………………….48
019 Propiedades de estilo: css(), height(), width()……………………..50
020 innerHeight(), innerWidth(), outerHeight() y outerWidth() ….52
021 offset(), position(), scrollLeft() y scrollTop() ………………………54
022 ¿Qué es un selector?………………………………………………………..56
023 Filtros para Atributos ………………………………………………………58
024 Filtros genéricos ……………………………………………………………..60
025 Filtros básicos …………………………………………………………………62

026 Filtros para hijos …………………………………………………………….64
027 Filtros para contenido …………………………………………………….66
028 Filtros de formularios………………………………………………………68
029 Filtros de jerarquía ………………………………………………………….70
030 Filtros de visibilidad………………………………………………………..72
031 Más filtros …………………………………………………………………….74
032 Miscellaneous…………………………………………………………………76
033 Recorrido del árbol………………………………………………………….78
034 Introducción a la función callback……………………………………80
035 callbacks.add(), remove() y fire() ………………………………………82
036 callbacks.disable() y callbacks.disabled() ……………………………84
037 callbacks.empty() y callbacks.has()……………………………………86
038 callbacks.fire(), callbacks.fired() y callbacks.fireWith() ………..88
039 callbacks.lock() y callbacks.locked() ………………………………….90
040 Qué es un evento. El objeto del evento……………………………..92
041 Delegación y propagación de un evento ……………………………94
042 Eventos de navegador error(), resize() y scroll() ………………….96
043 load() ready() y unload()………………………………………………….98
044 Eventos de asociación de un manejador ………………………….100
045 Eventos de asociación con jQuery.proxy()……………………….102
046 Eventos de formulario……………………………………………………104
047 Eventos de teclado ………………………………………………………..106
048 Eventos de ratón (I)……………………………………………………….108
049 Eventos de ratón (II) ……………………………………………………..110
050 Evitar el comportamiento por defecto …………………………….112

051 Eventos propios ……………………………………………………………114
052 Efectos básicos hide(), show() y toggle()…………………………..116
053 Efectos personalizados animate() y delay()……………………….118
054 Efectos personalizados animate() II…………………………………120
055 Efectos personalizados finish() y stop()……………………………122
056 Efectos personalizados jQuery.fx.interval ………………………..124
057 Efectos personalizados jQuery.fx.off ……………………………….126
058 Efectos queue(), dequeue() y clearQueue() ……………………….128
059 Fading fadeIn(), fadeOut(), fadeTo() y fadeToggle()…………..130
060 Efecto Sliding slideDown(), slideUp() y slideToggle() ……….132
061 Efecto Easing ……………………………………………………………….134
062 Realizar una acción al finalizar un efecto ………………………..136
063 FancyBox……………………………………………………………………..138
064 Efecto rollover………………………………………………………………140
065 Valores de un formulario……………………………………………….142
066 Habilitar y deshabilitar campos ………………………………………144
067 Ocultar y mostrar elementos ………………………………………….146
068 Validación de formularios ……………………………………………..148
069 Validación avanzada de formularios ……………………………….150
070 Formato en mensajes de error ……………………………………….152
071 Tamaño, posición y dimensiones ……………………………………154
072 Posición de desplazamiento……………………………………………156
073 Paneles ………………………………………………………………………..158
074 Bordes redondeados ………………………………………………………160
075 jQuery.ajax() ………………………………………………………………..162

076 Manejadores de eventos – ajaxComplete() ……………………….164
077 Manejadores de eventos – ajaxError() ………………………………166
078 Manejadores de eventos – ajaxSend() ………………………………168
079 Manejadores de eventos – ajaxStart() y ajaxStop()……………..170
080 Manejadores de eventos – ajaxSuccess() …………………………..172
081 jQuery.param(), serialize() y serializeArray() …………………….174
082 Interfaces a bajo nivel – jQuery.ajaxPrefilter()…………………..176
083 Interfaces a bajo nivel – jQuery.ajaxSetup()………………………178
084 Interfaces a bajo nivel – jQuery.ajaxTransport()………………..180
085 Métodos abreviados – jQuery.get(), jQuery.post() ……………..182
086 Métodos abreviados – jQuery.getJSON()…………………………..184
087 Métodos abreviados – jQuery.getScript() ………………………….186
088 Métodos abreviados – .load()…………………………………………..188
089 Qué es un plug-in………………………………………………………….190
090 Diseñar un plug-in en jQuery…………………………………………192
091 Usar un plug-in con opciones ………………………………………..194
092 Ejemplo – plug-in – acordeón………………………………………….196
093 jQuery.noConflict() ………………………………………………………198
094 Propiedades del objeto global – jQuery…………………………….200
095 jQuery User Interface …………………………………………………….202
096 jQuery_UI_Interacciones ……………………………………………….204
097 jQuery_UI_Widgets (1) ………………………………………………….206
098 jQuery_UI_Widgets (2) ………………………………………………….208
099 callback ……………………………………………………………………….210
100 jQuery_UI_Map…………………………………………………………….212