Inicio » Catálogo » Curso de jQuery

Curso de jQuery


Valoracion 9,2 10 - 12 (votos)

Ver valoraciones

Bonificar curso

Curso bonificado para trabajadores

Si trabajas en una empresa Española te tramitamos la bonificación para que este curso lo puedas hacer gratis.

  130 € 250 € Ver ficha del tutor
  Sin Tutor Con Tutor
Acceso secuencial a las unidades del curso. V V
Descarga de contenidos en PDF. V V
Acceso a recursos didácticos y multimedia. V V
Ilimitadas consultas al tutor. - V
Videoconferencias con el tutor desde el entorno de comunicaciones - V
Ejercicios prácticos corregidos y evaluados por el tutor. - V
Certificado de realización PDF firmado digitalmente V -
Certificado de aprovechamiento PDF e impreso. - V
Posibilidad de bonificación hasta el 100% - V

Unidades:

  1. Introducción a jQuery
  2. Sintaxis Básica
  3. Selectores Básicos
  4. Selectores de Filtrado I
  5. Selectores de Filtrado II
  6. Transversal
  7. Manipulación del DOM
  8. Eventos
  9. AJAX
  10. Efectos y Animaciones
Duración: 50 horas
  • Información
  • Otros datos
  • Cursos relacionados
Familia: Entornos de Programación

En los últimos años han surgido diferentes librerías que agilizan la programación de código Javascript, simplificando esta tarea y reduciendo la cantidad de código significativamente.

jQuery es una de las librerías Javascript más utilizada en el mundo de la programación web del lado del cliente. Sus principales bazas son la reducción de la cantidad de código necesario para realizar una acción, compatibilidad del código con la mayoría de los navegadores modernos y el uso de selectores CSS en sus llamadas, facilitando así el entendimiento de la librería a los diseñadores.

¿Como empezar?

Ver videoSi quieres hacer uno de nuestros cursos basta con que solicites la inscripción, para ello debes rellenar el formulario de inscripción e indicar una dirección de e-mail en la que recibirás tus datos de acceso, nombre de usuario y contraseña, el envío de los datos es inmediato. (Debes prestar atención a la carpeta de spam ya que algunos filtros antispam podrían filtrar este correo).

Con tu nombre de usuario y contraseña ya podrás entrar en el curso. Te damos acceso gratuito a las 2 primeras lecciones para que puedas evaluar el curso. Inicialmente sólo puedes ver la unidad de metodología. Para acceder a las siguientes tendrás que aprobar el test asignado a la misma.

Si el curso te gusta puedes realizar el pago durante el proceso de inscripción o en cualquier momento dentro del aula virtual. El pago lo puedes hacer con tarjeta Visa, PAYPAL o realizando una transferencia y enviando posteriormente el justificante de la misma. Una vez realizado el pago podrás acceder a todas las lecciones, siempre de una forma secuencial.

¿Plazos?

Desde que te inscribes dispones de un plazo máximo de 10 días para poder evaluar el curso hasta la unidad 2. Una vez hayas completado las lecciones de evaluación se detiene el avance en el curso y tu decides...

En el momento de hacer el pago tu plazo se amplía hasta los 90 días con el objeto de que puedas realizar el curso cómodamente. Si justificas las causas puedes pedir una ampliación de plazo y generalmente se suele conceder.

La ampliación de plazo se la puedes solicitar a tu tutor y en el caso de los cursos sin tutor desde la sección consúltanos de www.adrformacion.com

¿Me darán diploma?

Los alumnos que hayan comprado el curso en la modalidad sin tutor, recibirán mediante correo electrónico un certificado de realización en formato PDF firmado digitalmente por ADR Formación, con indicación del número de horas, el temario, las fechas de inicio y finalización, etc.

Los alumnos que hayan comprado el curso en la modalidad con tutor, recibirán un certificado de aprovechamiento en formato PDF en el correo electrónico y en formato impreso mediante correo postal enviado a la dirección que figure en la ficha del alumno.

Los envíos de los diplomas serán realizados la primera semana de cada mes, a los alumnos que hayan finalizado durante el mes anterior

¿Qué necesito?

Para hacer el curso basta con que dispongas de una conexión a Internet y un navegador con el plugin de Flash instalado.

Para escuchar los vídeos explicativos y poder aprovechar al máximo los recursos del curso se aconseja disponer de equipo multimedia.

¿A cuantas horas presenciales equivale?

El curso de jQuery equivale a 50 horas en Formación presencial

Este sitio web utiliza cookies de terceros con la finalidad de analizar el uso que hace de nuestra web y personalizar el contenido de los anuncios. Si continúa navegando entendemos que acepta su uso. Más información × Cerrar

Curso de jQuery

(Programa detallado)

Objetivo

Al finalizar el curso, el alumno dispondrá de conocimientos para:

  • Utilizar la librería jQuery y aprovechar las características que ofrece.
  • Hacer uso de los selectores para aplicar acciones sobre elementos específicos del DOM.
  • Manipular los elementos del DOM.
  • Capturar diferentes eventos sobre los objetos del DOM y aplicar acciones frente a estos.
  • Realizar peticiones AJAX mediante la librería jQuery y procesar la respuesta del servidor.
  • Aplicar animaciones a los elementos del DOM.

Dirigido a:

Personas con conocimientos básicos de Javascript, HTML y CSS que quieren conocer una de las librerías más utilizadas en la actualidad para dotar de funcionalidades 2.0 a sus páginas web.

Requisitos:

El alumno debe disponer de conocimientos básicos de HTML y CSS.

También debe estar familiarizado con el lenguaje de programación de lado del cliente javascript.

PROGRAMA DEL CURSO

Curso de jQuery: 1.-Introducción a jQuery

Objetivo

Conocer qué es jQuery, su historia y la compatibilidad con los navegadores que ofrece la librería.

Aprender cómo descargar la librería e incluirla en nuestras páginas.

Detallar las herramientas que utilizaremos para realizar nuestros scripts.

Contenido

  1. Introducción a jQuery.
    1. Introducción
    2. Historia
      1. ¿Cuál es el uso principal de JavaScript?
    3. Qué es jQuery
      1. ¿Por qué utilizar jQuery?
    4. Qué necesito para programar con jQuery
    5. Navegadores Compatibles
    6. Cómo incluir jQuery en nuestra página
      1. Alojando la librería en nuestro servidor
      2. Utilizando la librería desde un alojamiento externo
      3. ¿Qué opción debo utilizar?
  2. Ejercicios
    1. Ejercicio 1: Instalar un editor de texto plano
    2. Ejercicio 2: Entorno de desarrollo

Inscríbete ahora y accede a 2 unidades gratis

Curso de jQuery: 2.-Sintaxis Básica

Objetivo

Diferencias entre la programación de scripts javascript y scripts que utilizan la librería.

Conocer la sintaxis básica de jQuery.

Configurar la librería para ofrecer compatibilidad con otras librerías.

Contenido

  1. Sintáxis Básica de jQuery
    1. Sintaxis Básica
      1. ¿Por qué es necesario que el DOM haya sido cargado?
    2. Esperar a que el documento haya sido renderizado
      1. Capturando el evento "ready" del documento
        1. Ejemplo
      2. Utilizar el "atajo" $(function())
    3. La función jQuery() o su alias $()
    4. Sintáxis Básica de comandos jQuery
      1. Estructura de un comando de jQuery
        1. Función jQuery
        2. Un selector
        3. Un método de la librería
        4. Parámetros del método
        5. Encadenar varios métodos
    5. Interoperabilidad con otras librerías
      1. Activación del modo no conflicto
        1. Activación básica
        2. Activación con reasignación del alias
      2. jQuery Migrate
  2. Ejercicios
    1. Ejercicio 1: Captura del evento "ready" del documento
    2. Ejercicio 2: Comando básico
    3. Ejercicio 3: Interoperabilidad

Inscríbete ahora y accede a 2 unidades gratis

Curso de jQuery: 3.-Selectores Básicos

Objetivo

Conocer el funcionamiento de los selectores para acceder a cualquier elemento del DOM.

Selectores básicos por tipo de elemento, clase o identificador.

Encadenamiento de selectores para realizar selecciones más afinadas

Contenido

  1. Selectores Básicos
    1. Introducción
      1. ¿Qué es un selector?
      2. Comprobar una Selección
        1. Método 1. Mensaje de alerta con el número de elementos
        2. Método 2. Aplicar un atributo CSS a los elementos seleccionados
        3. Método 3. Mostrar por consola el resultado de la selección
    2. Selectores básicos: $("elemento"), $("#identificador") y $(".clase")
      1. Selector por tipo de elemento - $("elemento")
      2. Selector por identificador de elemento - $("#identificador")
      3. Selector por clase - $(".clase")
    3. Combinar selectores
      1. Combinaciones básicas
        1. Combinación de selector de tipo de elemento y de selector de clase
        2. Combinación de selector por identificador y de selector de clase
        3. Combinación de varios selectores de clase
      2. Selectores múltiples - $("selector1, selector2, selectorN")
      3. Selectores Jerárquicos
        1. Selector Hijo $("div > table")
        2. Selector Descendiente $("div table")
        3. Selector Contiguo $("div + table")
        4. Selector Próximo Hermano $("div ~ table")
    4. Guardar Selecciones
      1. Uso de la función jQuery() con un contexto
  2. Ejercicios
    1. Ejercicio 1: Selectores Básicos
      1. Lo necesario para comenzar
    2. Ejercicio 2: Selectores Jerárquicos
      1. Lo necesario para comenzar

Inscríbete ahora y accede a 2 unidades gratis

Curso de jQuery: 4.-Selectores de Filtrado I

Objetivo

Extender los conocimientos adquiridos sobre selectores. 

Ampliar las opciones de filtrado ofrecidas por los selectores básicos.


Contenido

  1. Selectores de Filtrado I
    1. Selectores de Filtrado por Atributo
      1. Comparador por atributo asignado [atributo]
      2. Comparador por coincidencia del atributo [atributo="valor"]
      3. Comparador por comienzo del atributo [atributo^="valor"]
      4. Comparador por final del atributo [atributo$="valor"]
      5. Comparador por prefijo en el atributo [atributo|="valor"]
      6. Comparador en contenido del atributo [atributo*="valor"]
      7. Comparador por palabra en el atributo [atributo~="valor"]
      8. Comparador por distinto al atributo [atributo!="valor"]
      9. Comparador por múltiples atributos [atributo="valor"][atributo2="valor2"]
    2. Selectores de Filtrado Básico
      1. Selector :first
      2. Selector :last
      3. Selector :eq(indice)
      4. Selector :gt()
      5. Selector :lt()
      6. Selector :even
      7. Selector :odd
      8. Selector :animated
      9. Selector :focus
      10. Selector :header
      11. Selector :lang()
      12. Selector :not()
      13. Selector :root
      14. Selector :target
  2. Ejercicios
    1. Ejercicio 1: Selectores de Filtrado por Atributo
      1. Lo necesario para comenzar
    2. Ejercicio 2: Selectores de Filtrado Básico
      1. Lo necesario para comenzar

Inscríbete ahora y accede a 2 unidades gratis

Curso de jQuery: 5.-Selectores de Filtrado II

Objetivo

Extender los conocimientos adquiridos sobre selectores. 

Ampliar las opciones de filtrado ofrecidas por los selectores básicos.

Contenido

  1. Selectores de Filtrado II
    1. Selectores de Filtrado Jerárquico
      1. Selector :first-child
      2. Selector :last-child
      3. Selector :first-of-type
      4. Selector :last-of-type
      5. Selector :nth-child()
      6. Selector :nth-last-child()
      7. Selector :only-child
      8. Selector :only-of-type
    2. Selectores de Filtrado por Contenido
      1. Selector :contains()
      2. Selector :empty
      3. Selector :has(selector)
      4. Selector :parent
    3. Selectores de Filtrado por Visibilidad
      1. Selector :hidden
      2. Selector :visible
    4. Selectores de Filtrado por Elementos de Formulario
      1. Selectores por tipo de elemento de formulario
      2. Selector :checked
      3. Selector :disabled
      4. Selector :enabled
      5. Selector :selected
  2. Ejercicios
    1. Ejercicio 1: Selectores de Filtrado Jerárquico
      1. Lo necesario para comenzar
    2. Ejercicio 2: Selectores de Filtrado por Contenido y Filtrado por Visibilidad
      1. Lo necesario para comenzar
    3. Ejercicio 3: Selectores de Filtrado por Elementos de Formulario
      1. Lo necesario para comenzar

Inscríbete ahora y accede a 2 unidades gratis

Curso de jQuery: 6.-Transversal

Objetivo

Acceso transversal a los elementos del DOM. Antecesores y sucesores en el arbol del DOM. Elementos padre y elementos hijos.

Métodos de filtrado.

Iteraciones aplicadas a los elementos resultado de un selector

Contenido

  1. Transversal
    1. Introducción
    2. Acceso transversal a elementos del DOM
      1. Acceso a elementos predecesores (parents)
        1. Método .parent()
        2. Método .parents()
        3. Método .parentsUntil()
        4. Método .offsetParent()
        5. Método .closest()
      2. Acceso a elementos descendientes (children)
        1. Método .children()
        2. Método .find()
      3. Acceso a elementos hermanos (siblings)
        1. Método .next()
        2. Método .nextAll()
        3. Método .nextUntil()
        4. Método .prev()
        5. Método .prevAll()
        6. Método .prevUntil()
        7. Método .siblings()
    3. Métodos de filtrado
      1. Método .eq()
      2. Método .filter()
        1. Método .filter() con selector como parámetro
        2. Método .filter() con función como parámetro
        3. Método .filter() con elemento como parámetro
        4. Método .filter() con objeto jQuery como parámetro
        5. Diferencias entre los método .find() y .filter()
      3. Método .first()
      4. Método .has()
      5. Método .is()
      6. Método .last()
      7. Método  .not()
      8. Método  .slice()
    4. Iteraciones: .each y .map
      1. Iteraciones con el método .each() o jQuery.each()
        1. Método .each()
        2. Método jQuery.each()
      2. Iteraciones con el método .map() o jQuery.map()
        1. Método .map()
        2. Método jQuery.map()
  2. Ejercicios
    1. Ejercicio 1: Transversal I
      1. Lo necesario para comenzar
    2. Ejercicio 2: Transversal II
      1. Lo necesario para comenzar

Inscríbete ahora y accede a 2 unidades gratis

Curso de jQuery: 7.-Manipulación del DOM

Objetivo

Modificación de los elementos del árbol del DOM.

Creación, manipulación y borrado de elementos de forma dinámica.

Contenido

  1. Manipulación del DOM
    1. Introducción
    2. Modificar elementos del DOM y sus propiedades
      1. Métodos genéricos de modificación de Atributos
        1. Método .attr()
        2. Método .removeAttr()
      2. Métodos específicos de modificación de Atributos
        1. Método .html()
        2. Método .text()
        3. Método .val()
        4. Método .height()
        5. Método .innerHeight()
        6. Método .outerHeight()
        7. Método .width()
        8. Método .innerWidth()
        9. Método .outerWidth()
        10. Método .offset()
        11. Método .position()
        12. Método .scrollLeft()
        13. Método .scrollTop()
      3. Clases y Estilos CSS
        1. Método .addClass()
        2. Método .hasClass()
        3. Método .removeClass()
        4. Método .toggleClass()
        5. Método .css()
    3. Inserción y copiado de elementos del DOM
      1. Creación de elementos con la función $()
        1. Crear elementos dinámicamente con la función $()
      2. Creación de elementos con métodos específicos
        1. Método .after()
        2. Método .insertAfter()
        3. Método .before()
        4. Método .insertBefore()
        5. Método .append()
        6. .appendTo()
        7. Método .prepend()
        8. Método .prependTo()
        9. Método .wrap()
        10. Método .wrapAll()
        11. Método .wrapInner()
        12. Método .clone()
    4. Eliminación de elementos del DOM
      1. Métodos específicos para la eliminación de elementos de la página
        1. Método .detach()
        2. Método .empty()
        3. Método .remove()
        4. Método .replaceAll()
        5. Método .replaceWith()
        6. Método .unwrap()
  2. Ejercicios
    1. Ejercicio 1: Utilidad de creación de formularios.
      1. Lo necesario para comenzar
    2. Ejercicio 2: Utilidad de creación de formularios mejorada.

Inscríbete ahora y accede a 2 unidades gratis

Curso de jQuery: 8.-Eventos

Objetivo

Conocer los conceptos básicos de eventos en jQuery. Conocer los diferetes eventos disponibles en jQuery y cómo forzar su ejecución.

Creación de eventos personalizados

Contenido

  1. Eventos
    1. Introducción
    2. Conceptos básicos sobre eventos en jQuery
      1. Objetos de tipo Evento
        1. Propiedades estandarizadas de un objeto de tipo Evento
      2. Captura de Eventos con jQuery
        1. Captura de un evento con métodos directos
        2. Captura de eventos con el método .on()
        3. Captura de eventos con el método .one()
        4. Captura de eventos con el método .bind()
        5. Captura de eventos con el método .live()
        6. Captura de eventos con el método .delegate()
        7. Prevenir comportamiento por defecto del evento
    3. Eventos disponibles en jQuery
      1. Eventos del ratón
        1. Evento click
        2. Evento dblclick
        3. Evento mousedown
        4. Evento mouseup
        5. Evento mouseenter
        6. Evento mouseleave
        7. Evento mousemove
        8. Evento mouseout
        9. Evento mouseover
        10. Método hover()
        11. Método toggle()
      2. Eventos del teclado
        1. Evento keydown
        2. Evento keypress
        3. Evento keyup
      3. Eventos de elementos de formularios
        1. Evento change
        2. Evento blur
        3. Evento select
        4. Evento submit
        5. Evento focusin
        6. Evento focusout
        7. Evento focus
      4. Eventos del navegador
        1. Evento ready
        2. Evento resize
        3. Evento scroll
        4. Evento unload
    4. Cancelación de eventos
      1. Método .die()
      2. Método .unbind()
      3. Método .undelegate()
      4. Método .off()
    5. Forzado de eventos
      1. Métodos directos
      2. Método .trigger()
    6. Creación de eventos personalizados
  2. Ejercicios
    1. Ejercicio 1: Eventos del ratón
    2. Ejercicio 2: Eventos del teclado

Inscríbete ahora y accede a 2 unidades gratis

Curso de jQuery: 9.-AJAX

Objetivo

Realización de peticiones AJAX con jQuery.

Contenido

  1. AJAX
    1. Introducción
    2. Conceptos Básicos
      1. Servidor web
        1. Configurar un entorno WAMP
        2. ¿Cómo funciona un servidor web?
      2. Peticiones GET o peticiones POST
      3. Tipos de Datos
      4. Formato JSON
        1. ¿Por qué utilizar JSON?
        2. Estructura
      5. Política de Seguridad en peticiones AJAX
    3. El método $.ajax() para realizar solicitudes asíncronas
      1. Opciones del método $.ajax
        1. Opciones Principales
        2. Opciones de Control de la respuesta
        3. Otras opciones interesantes
      2. Establecer las opciones por decto con el método $.ajaxSetup()
    4. Métodos abreviados para peticiones Ajax
      1. Método .post()
        1. Envío de un formulario con el método $.post()
      2. Método .get()
        1. Cargar un listado de datos a partir de una petición $.get()
      3. Método .getJSON()
      4. Método .getScript()
      5. Método .load()
  2. Ejercicios
    1. Ejercicio 1: Configuración de AJAX
    2. Ejercicio 2: Envío de formulario por AJAX
      1. Lo necesario para comenzar

Inscríbete ahora y accede a 2 unidades gratis

Curso de jQuery: 10.-Efectos y Animaciones

Objetivo

Conocer las técnicas ofrecidas por jQuery para añadir animación a una página.

Utilizar las animaciones estándar de la librería y crear efectos personalizados.

Contenido

  1. Efectos y Animaciones
    1. Introducción
      1. Cuando utilizar animaciones
      2. Opciones comunes de las animaciones
    2. Mostrar y ocultar elementos
      1. Método .show()
      2. Método .hide()
      3. Método .toggle()
    3. Modificando la opacidad
      1. Métodos .fadeIn() y .fadeOut()
      2. Método .fadeTo()
      3. Método .fadeToggle()
    4. Creando animaciones personalizadas
      1. Parámetros del método .animate()
  2. Ejercicios
    1. Ejercicio 1: Pestañas
      1. Lo necesario para comenzar
    2. Ejercicio 2: Memorion
      1. Lo necesario para comenzar

Inscríbete ahora y accede a 2 unidades gratis