Curso de Ajax & JQuery


Curso de desarrollo web

Curso de Desarrollo Web con Ajax y JQuery


Objetivo:
Al finalizar este curso el participante estará capacitado para usar la biblioteca jQuery para interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web, entre otros.

A quién va dirigido:
Dirigido a diseñadores o desarrolladores web que requieran aumentar la productividad en el desarrollo de los sitios web incorporando la librería de JQuery.

Perfil del participante:
Conocimientos básicos de Javascript, HTML y CSS se recomiendo tener conocimientos en DOM.

Duración del curso: 18 horas

Primeros pasos con jQuery

  • El regreso de JavaScript
  • Presentación de jQuery
  • Los puntos fuertes de jQuery
  • Aplicación de jQuery
  • Iniciar un script jQuery
  • La primera aplicación jQuery
  • La documentación de jQuery
  • Herramientas de desarrollo y de depuración

Los selectores en jQuery

  • Introducción
  • Los selectores básicos
  • Los selectores jerárquicos
  • Los filtros jQuery básicos
  • Los filtros hijos
  • Los filtros de contenido
  • Los filtros de visibilidad
  • Los filtros de atributo
  • Los selectores y filtros de formularios
  • Los selectores y los caracteres especiales

Trabajar con los atributos

  • Introducción
  • Añadir o eliminar una clase
  • Comprobar la presencia de una clase
  • Cambiar entre dos clases
  • Conocer el valor de un atributo
  • Añadir un atributo y su valor
  • Añadir varios atributos y sus valores
  • Eliminar un atributo
  • Conocer el atributo value
  • Modificar el atributo value

Trabajar con las hojas de estilo CSS

  • Introducción
  • Acceder a una propiedad de estilo
  • Modificar las propiedades de estilo
  • Asignar las propiedades de estilo
  • El dimensionamiento
  • El posicionamiento
  • Aplicaciones

Los eventos

  • Introducción
  • Los administradores de eventos
  • Métodos o administradores de eventos avanzados
  • Métodos propios dejQuery
  • Aplicaciones

Los efectos

  • Introducción
  • Mostrar y ocultar
  • Desplazar verticalmente
  • Hacer un efecto de fundido
  • Cambiar de un efecto a otro
  • Retrasar un efecto
  • Crear una animación

Recorrer el DOM

  • Introducción
  • Encontrar los hijos
  • Encontrar los padres directos
  • Encontrar todos los padres
  • Encontrar los padres hasta
  • Encontrar los hermanos
  • Encontrar el hermano anterior
  • Encontrar los hermanos anteriores
  • Encontrar los hermanos anteriores hasta
  • Encontrar el hermano siguiente
  • Encontrar los hermanos siguientes
  • Encontrar los hermanos siguientes hasta
  • Encontrar el contenido
  • Encontrar determinados padres
  • Encontrar determinados descendientes
  • Añadir elementos a la selección
  • Una lupa para agrandar las viñetas

Trabajar con el DOM

  • Introducción
  • Modificar el contenido
  • Insertar en el interior
  • Insertar en el exterior
  • Rodear un elemento
  • Sustituir un elemento
  • Eliminar un elemento
  • Copiar un elemento
  • Algunas aplicaciones

Filtrar el DOM

  • Introducción
  • El filtrado de los elementos del DOM
  • Encontrar un elemento concreto
  • Encontrar una secuencia de elementos
  • Encontrar un elemento según un criterio
  • Reducir al primer elemento
  • Reducir al último elemento
  • Reducir a un elemento concreto
  • Eliminar un elemento
  • Formar una tabla (Array) de elementos
  • Aplicaciones

AJAX en jQuery

  • Introducción
  • Las consultas AJAX abreviadas
  • La consulta AJAX completa
  • Definir una consulta por defecto
  • Los eventos asociados a la consulta
  • Las funciones diferidas
  • Serializar los datos
  • Aplicaciones

Algunas utilidades

  • Introducción
  • Detectar el navegador
  • Evitar los conflictos
  • Iteraciones en jQuery

Los formularios

  • Introducción
  • Los selectores de formularios
  • Los filtros de selección
  • Aplicaciones

Los plug-insjQuery

  • Introducción
  • Diseñar un plug-in jQuery
  • Usar un plug-in jQuery
  • Algunos plug-ins
    1. Mensajes de alerta
    2. Bordes redondeados y variados
    3. Añadir un sombreado
    4. Arrastrar/soltar (drag and drop)
    5. Redimensionar las capas
    6. Un carrusel de imagines
    7. Un menú de tipo Mac
    8. La validación de formularios
    9. Gráficos a partir de una tabla
    10. Ordenar una tabla de datos

jQuery con HTML 5 y CSS 3

  • jQuery y HTML 5
  • Cuándo utilizar jQuery
  • Cuándo utilizar HTML 5
  • Cuándo utilizar jQuery con HTML 5

jQuery y CSS 3

  • Cuándo utilizar jQuery
  • Cuándo utilizar CSS 3
  • Cuándo utilizar jQuery con CSS 3

Tu inversion al adquirir este curso incluye:

    • clases en video
    • Descarga de recursos software
    • Material para descarga
    • Evaluaciones en línea
    • Acceso ilimitado por 24 meses

¿Tienes dudas? Visita nuestra sección de preguntas frecuentes


Curso de Ajax & JQuery

Próximamente
¿Quieres saber más sobre nuestra modalidad en linea?

Mayores informes

Curso de Ajax & JQuery

Apertura bajo demanda
Solicita más información acerca de este curso

Mayores informes

¿Eres una empresa?
Podemos ir hasta tus instalaciones

Solicita una cotización

¿Eres una empresa?
Podemos ir hasta tus instalaciones

Solicita una cotización


¿Tienes preguntas o quieres saber más sobre nuestros cursos?

Todos los campos con (*) son requeridos