Aprende a trabajar con la biblioteca de JavaScript jQuery, aprender a crear eventos, navegar e interactuar documentos HTML, DOM, animaciones e interacción con AJAX, compatibilidad con navegadores.
INTRODUCCIÓN
OBJETIVOS
DESCARGA E INSTALACIÓN
-
Descarga de jQuery
-
Vinculación de jQuery
ELEMENTOS DE JQUERY
SELECCIÓN
-
Importación de jQuery
-
Selección por ID
-
Varias propiedades CSS
-
Selector por calse
-
Cambio de propiedades por etiqueta
-
Selección por atributo
-
Selecciones con búsqueda
-
Selecciones múltiples
TEXTO
-
Leer y escribir con texto
-
Atributos
-
Añadir y quitar clases
-
Añadir HTML
-
Añadir sin borrar
EVENTOS DE RATÓN
-
MouseOver y MouseOut
-
Hover
-
MouseMove
-
MouseUp y MouseDown
-
Double clic
-
Focus
-
Blur
EFECTOS
-
Ocultar y Mostrar
-
Ocultar sin escala: degradado
-
FadeTo
-
Toggle
-
Slide
-
Animaciones personalizadas
AJAX
-
Load
-
Get y Post en AJAX
-
Método AJAX completo
CALLBACKS
JQUERY EN DREAMWEAVER
JQUERY UI
INTRODUCCIÓN
-
Qué es jQuery UI
-
Descargando jQuery UI
-
personalización
-
Preparación de archivos
INTERACCIONES
-
Draggable
-
Doppable
-
Resizable
-
Selectable
-
Sortable
WIDGETS
-
Acordeón
-
Autocompletado
-
Botón
-
Calendario
-
Diálogo
-
Barra de progreso
-
Slider
-
Pestañas
EFECTOS
PERSONALIZACIÓN DE TEMAS
-
Navegador por temas predeterminados
-
Editando un tema personalizado
PROYECTO PRÁCTICO: TRADUCTOR
INTRODUCCIÓN
-
Presentación del proyecto
CARPETA DE PROYECTO
-
Carpeta de proyecto y bases de datos
-
Resto de carpetas
-
Espacio de trabajo
CLIENTE
-
HTML
-
CSS
-
Más CSS
-
Retoques finales
SERVIDOR
-
Enlazado con el Script que procesa la petición
-
Petición exacta
-
Petición apróximada
-
Recepción de resultados
JQUERY
-
Preparación del proyecto
-
Formulario
-
AJAX
-
Efectos de animación
PROYECTO PRÁCTICO: GUITARRA
INTRODUCCIÓN
-
Presentación del proyecto
CARPETA DE PROYECTO
-
Creación de la carpeta de proyecto
-
Copiado de archivos base
HTML y CSS
JQUERY
-
Botones y funciones
-
Función de acorde
-
Comportamiento del ratón
-
Ejecución del programa
PROYECTO PRÁCTICO: PROGRAMA DE PINTURA
INTRODUCCIÓN
-
Introducción del proyecto
CARPETA DE PROYECTO
-
Elementos de la carpeta
-
Contenido HTML
-
CSS
-
Programación de color
-
Triplicado de funciones
PROYECTO PRÁCTICO: INTRANET CON JQUERY
INTRODUCCIÓN
-
Presentación del proyecto
CARPETA DE PROYECTO
-
Descarga de jQuery UI
-
Ubicación de carpetas
-
Enlazado de archivos
-
HTML
-
CSS
JQUERY Y JQUERY UI
-
Cuadro de diálogo y botón
-
Aplicación