PDF de programación - Fundamentos de jQuery

Imágen de pdf Fundamentos de jQuery

Fundamentos de jQuerygráfica de visualizaciones

Actualizado el 21 de Marzo del 2018 (Publicado el 27 de Enero del 2018)
2.980 visualizaciones desde el 27 de Enero del 2018
1,7 MB
120 paginas
Creado hace 13a (31/12/2010)
Fundamentos de jQuery
(http://librojquery.com/)

Textos originales por Rebecca Murphey
(http://www.rebeccamurphey.com)

Traducción, adaptación y textos adicionales por Leandro D'Onofrio
(http://dzign.us/).
Correcciones por Gustavo Raúl Aragón (http://ar.linkedin.com/in/gustavoaragon/), Pablo Maronna
(http://www.linkedin.com/pub/pablo-andr%C3%A9s-maronna/10/713/373), Denis Ciccale
(http://es.linkedin.com/in/denisciccale) y otras personas (https://github.com/dzignus/librojquery/graphs).

Con contribuciones de James Padolsey, Paul Irish y otros. Para un
completo historial de contribuciones visite el repositorio en GitHub.

Repositorio en español (https://github.com/dzignus/librojquery) |
Repositorio original (http://github.com/rmurphey/jqfundamentals)

¿Tienes correcciones o mejoras del material?
(https://github.com/dzignus/librojquery/wiki/Mejoras-y-correcciones-en-el-
material)

Bajo licencia Creative Commons Attribution-Share Alike 3.0 United States
(http://creativecommons.org/licenses/by-sa/3.0/us/).

Última actualización del libro: Agosto 2013 (ver cambios
(https://github.com/dzignus/librojquery/commits/master)).

Contenidos

1 Bienvenido/a

1.1 Obtener el Material de Aprendizaje
1.2 Software
1.3 Añadir JavaScript a una Página
1.4 Depuración del Código JavaScript
1.5 Ejercicios
1.6 Convenciones Utilizadas en el Libro
1.7 Notas de la Traducción
1.8 Material de Referencia

2 Conceptos Básicos de JavaScript

2.1 Introducción

2.1 Introducción
2.2 Sintaxis Básica
2.3 Operadores

2.3.1 Operadores Básicos
2.3.2 Operaciones con Números y Cadenas de Caracteres
2.3.3 Operadores Lógicos
2.3.4 Operadores de Comparación

2.4 Código Condicional

2.4.1 Elementos Verdaderos y Falsos
2.4.2 Variables Condicionales Utilizando el Operador Ternario
2.4.3 Declaración Switch

2.5 Bucles

2.5.1 Bucles Utilizando For
2.5.2 Bucles Utilizando While
2.5.3 Bucles Utilizando Do-while
2.5.4 Break y Continue

2.6 Palabras Reservadas
2.7 Vectores
2.8 Objetos
2.9 Funciones

2.9.1 Utilización de Funciones
2.9.2 Funciones Anónimas Autoejecutables
2.9.3 Funciones como Argumentos

2.10 Determinación del Tipo de Variable
2.11 La palabra clave this
2.12 Alcance
2.13 Clausuras

3 Conceptos Básicos de jQuery

3.1 $(document).ready()
3.2 Selección de Elementos

3.2.1 Comprobar Selecciones
3.2.2 Guardar Selecciones
3.2.3 Refinamiento y Filtrado de Selecciones
3.2.4 Selección de Elementos de un Formulario

3.3 Trabajar con Selecciones

3.3.1 Encadenamiento
3.3.2 Obtenedores (Getters) & Establecedores (Setters)

3.4 CSS, Estilos, & Dimensiones

3.4.1 Utilizar Clases para Aplicar Estilos CSS
3.4.2 Dimensiones

3.5 Atributos
3.6 Recorrer el DOM
3.7 Manipulación de Elementos

3.7.1 Obtener y Establecer Información en Elementos
3.7.2 Mover, Copiar y Remover Elementos
3.7.3 Crear Nuevos Elementos
3.7.4 Manipulación de Atributos

3.8 Ejercicios

3.8.1 Selecciones
3.8.2 Recorrer el DOM
3.8.3 Manipulación

4 El núcleo de jQuery

4.1 $ vs $()
4.2 Métodos Utilitarios
4.3 Comprobación de Tipos
4.4 El Método Data
4.5 Detección de Navegadores y Características
4.6 Evitar Conflictos con Otras Bibliotecas JavaScript

5 Eventos

5.1 Introducción
5.2 Vincular Eventos a Elementos

5.2.1 Vincular Eventos para Ejecutar una vez
5.2.2 Desvincular Eventos
5.2.3 Espacios de Nombres para Eventos
5.2.4 Vinculación de Múltiples Eventos

5.3 El Objeto del Evento
5.4 Ejecución automática de Controladores de Eventos
5.5 Incrementar el Rendimiento con la Delegación de Eventos

5.5.1 Desvincular Eventos Delegados

5.6 Funciones Auxiliares de Eventos

5.6.1 $.fn.hover
5.6.2 $.fn.toggle

5.7 Ejercicios

5.7.1 Crear una “Sugerencia” para una Caja de Ingreso de Texto
5.7.2 Añadir una Navegación por Pestañas

5.7.2 Añadir una Navegación por Pestañas

6 Efectos

6.1 Introducción
6.2 Efectos Incorporados en la Biblioteca

6.2.1 Cambiar la Duración de los Efectos
6.2.2 Realizar una Acción Cuando un Efecto fue Ejecutado

6.3 Efectos Personalizados con $.fn.animate

6.3.1 Easing

6.4 Control de los Efectos
6.5 Ejercicios

6.5.1 Mostrar Texto Oculto
6.5.2 Crear un Menú Desplegable
6.5.3 Crear un Slideshow

7 Ajax

7.1 Introducción
7.2 Conceptos Clave

7.2.1 GET vs. POST
7.2.2 Tipos de Datos
7.2.3 Asincronismo
7.2.4 Políticas de Mismo Origen y JSONP
7.2.5 Ajax y Firebug

7.3 Métodos Ajax de jQuery

7.3.1 $.ajax
7.3.2 Métodos Convenientes
7.3.3 $.fn.load

7.4 Ajax y Formularios
7.5 Trabajar con JSONP
7.6 Eventos Ajax
7.7 Ejercicios

7.7.1 Cargar Contenido Externo

7.7.2 Cargar Contenido Utilizando JSON

8 Extensiones

8.1 ¿Qué es una Extensión?
8.2 Crear una Extensión Básica
8.3 Encontrar y Evaluar Extensiones
8.4 Escribir Extensiones
8.5 Escribir Extensiones con Mantenimiento de Estado Utilizando Widget Factory de jQuery UI

8.5 Escribir Extensiones con Mantenimiento de Estado Utilizando Widget Factory de jQuery UI

8.5.1 Añadir Métodos a un Widget
8.5.2 Trabajar con las Opciones del Widget
8.5.3 Añadir Funciones de Devolución de Llamada
8.5.4 Limpieza
8.5.5 Conclusión

8.6 Ejercicios

8.6.1 Realizar una Tabla Ordenable
8.6.2 Escribir una Extensión Para Cambiar el Color de Fondo en Tablas

9 Mejores Prácticas para Aumentar el Rendimiento

9.1 Guardar la Longitud en Bucles
9.2 Añadir Nuevo Contenido por Fuera de un Bucle
9.3 No Repetirse
9.4 Cuidado con las Funciones Anónimas
9.5 Optimización de Selectores

9.5.1 Selectores basados en ID
9.5.2 Especificidad
9.5.3 Evitar el Selector Universal

9.6 Utilizar la Delegación de Eventos
9.7 Separar Elementos para Trabajar con Ellos
9.8 Utilizar Estilos en Cascada para Cambios de CSS en Varios Elementos
9.9 Utilizar $.data en Lugar de $.fn.data
9.10 No Actuar en Elementos no Existentes
9.11 Definición de Variables
9.12 Condicionales
9.13 No Tratar a jQuery como si fuera una Caja Negra

10 Organización del Código

10.1 Introducción

10.1.1 Conceptos Clave

10.2 Encapsulación

10.2.1 El Objeto Literal
10.2.2 El Patrón Modular

10.3 Gestión de Dependencias

10.3.1 Obtener RequireJS
10.3.2 Utilizar RequireJS con jQuery
10.3.3 Crear Módulos Reusables con RequireJS
10.3.4 Optimizar el Código con las Herramientas de RequireJS

10.4 Ejercicios

10.4 Ejercicios

10.4.1 Crear un Módulo Portlet

11 Eventos Personalizados

11.1 Introducción a los Eventos Personalizados

11.1.1 Un Ejemplo de Aplicación

12 Funciones y ejecuciones diferidas a través del objeto $.Deferred

12.1 Introducción
12.2 El objeto diferido y Ajax

12.2.1 deferred.then

12.3 Creación de objetos diferidos con $.Deferred

12.3.1 deferred.pipe
12.3.2 $.when

1 Bienvenido/a

jQuery se está convirtiendo rápidamente en una herramienta que todo desarrollador de interfaces web
debería de conocer. El propósito 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 básicas utilizando jQuery y tendrá una sólida
base para continuar el aprendizaje. El libro fue diseñado para ser utilizado como material en un salón de
clases, pero también puede ser útil para estudiarlo de forma individual.

La modalidad de trabajo es la siguiente: En primer lugar se dedicará tiempo a comprender un concepto para
luego realizar un ejercicio relacionado. Algunos de los ejercicios pueden llegar a ser triviales, mientras que
otros no tanto. El objetivo es aprender a resolver de manera fácil lo que normalmente se resolvería con
jQuery. Las soluciones a todos los ejercicios están incluidas en el mismo material de aprendizaje.

1.1 Obtener el Material de Aprendizaje

El material de aprendizaje y el código fuente de los ejemplos que se utilizan en el libro están hospedados en
un repositorio de Github (https://github.com/dzignus/librojquery). Desde allí es posible descargar un
archivo .zip o .tar con el código para utilizar en un servidor web.

Si usted suele utilizar Git (http://git-scm.com/), es bienvenido de clonar o modificar el repositorio.

1.2 Software

Para trabajar con los contenidos del libro, necesitará las siguientes herramientas:

Para trabajar con los contenidos del libro, necesitará las siguientes herramientas:

navegador web Firefox (http://www.mozilla.com/firefox/);
la extensión Firebug (https://addons.mozilla.org/es-ES/firefox/addon/firebug/), para Firefox;
un editor de textos planos (como Notepad++ (http://notepad-plus-
plus.org/download/v5.9.8.html)/Sublime Text 2 (http://www.sublimetext.com/2) para Windows, gedit
(http://www.icewalkers.com/Linux/Software/56260/gEdit.html)/Kate
(http://linux.softpedia.com/get/Text-Editing-Processing/Others/Kate-2317.shtml) para Linux o
TextMate (http://textmate.en.softonic.com/mac) para Mac OS X);
para las secciones dedicadas a Ajax: Un servidor local (como WAMP
(http://www.wampserver.com/en/download.php) o MAMP (http://www.mamp.info/en/index.html)) o
un cliente FTP/SSH (como FileZilla (http://filezilla-project.org/)) para acceder a un servidor remoto.

1.3 Añadir JavaScript a una Página

Existen dos formas de insertar código JavaScript dentro de una página: escribiendo código en la misma (en
ingles inline) o a través de un archivo externo utilizando la etiqueta script. El orden en el cual se incluye el
código es importante: un código que depende de otro debe ser incluido después del que referencia (Ejemplo:
Si la función B depende de A, el orden debe ser A,B y no B,A).

Para mejorar el rendimiento de la página, el código JavaScript debe ser incluido al final del HTML. Además,
cuando se trabaja en un ambiente de producción con múltiples archivos JavaScript, éstos deben ser
combinados en un solo archivo.

Ejemplo de código JavaScript en línea

<script>

    console.log('hello');
    </script>

Ejemplo de inclusión de un archivo externo JavaScript

<script src='/js/jquery.js'></script>

1.4 Depuración del Código JavaScript

La utilización de una herramienta de depuración es esencial para trabajar con JavaScript. Firefox provee un
depurador a través de la extensión Firebug; mientras que Safari
(http://www.apple.com/es/safari/download/) y Chrome (http://www.google.es/chrome/) ya traen uno
integra
  • Links de descarga
http://lwp-l.com/pdf8492

Comentarios de: Fundamentos de jQuery (0)


No hay comentarios
 

Comentar...

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad