JQUERY

JQUERY

Modalidad Online
Horas 50
Alta calidad educativa

Alta Calidad
Educativa

Titulos convalidables

Bonificable
para empresas

Becas y financiamiento

Plataforma
Interactiva

Flexibilidad horaria

Flexibilidad
Horaria

Hacer más con menos, esta es la gran ventaja de jQuery. Esta biblioteca de JavaScript permite a los desarrolladores utilizar menos código y agilizar los procesos. En definitiva, sirve para simplificar su trabajo en la creación y ejecución de aplicaciones web.

Nuestro Curso en jQuery será de utilidad para todas aquellas personas que buscan conocer esta popular librería para poder dotar de funcionalidades 2.0 a sus páginas web.

A través de esta formación online, los estudiantes podrán profundizar en la historia de esta librería así como con los navegadores compatibles que ofrece. En este sentido, los egresados sabrán cómo configurar dichas bibliotecas con otras. 

Por otra parte, en este programa se abordan los selectores que permiten acceder a cualquiera de los elementos DOM . Del mismo modo, las alumnas y alumnos aprenderán opciones de filtrado más amplias que las que ofrecen los selectores básicos.

En este curso también se estudiarán la creación, manipulación y borrado de elementos de forma dinámica, los eventos de jQuery y su ejecución, y las animaciones en páginas web.

 Todos estos aspectos dotarán de conocimientos clave a los participantes de este curso, pudiendo convertirse en expertos en las bibliotecas de JavaScript.

Hazte especialista en jQuery

Este estudio ofrece contenidos interactivos, actualizados y de alta calidad a través de la plataforma e-learning. Los estudiantes disfrutarán de una formación de 50 horas, que ellos mismos tienen el poder de gestionar.

A través de la modalidad online, los alumnos y alumnas pueden acceder al campus virtual donde y cuando quieran. Esto es un valor añadido para todas aquellas personas interesadas en mejorar su formación pero con dificultades para compaginar la vida académica con su vida personal y profesional.

Con esta formación, programadores, diseñadores o desarrolladores web podrán optimizar su tiempo y sus proyectos. Escribir líneas y líneas de código puede resultar extenuante para estos profesionales, por ello, jQuery se presenta como una alternativa válida y segura.

Para lograr una experiencia eficaz en la formación, los estudiantes tendrán a su disposición tutores personales que les apoyarán y guiarán. Esto es de gran ayuda para conseguir que la educación a distancia continúe siendo cercana para los alumnos y alumnas.

jQuery: características de la librería de JavaScript

En la actualidad, el mundo gira en torno a las nuevas tecnologías, las aplicaciones, los sitios web,…lo digital es parte de la realidad. Por este motivo, las personas con conocimientos en el área de la informática, sobre todo en la programación, son necesarias para mantener estos sistemas y construir otros nuevos.

Saber manejar jQuery es interesante para estos profesionales ya que pueden progresar en su carrera laboral. Al mismo tiempo, les servirá para mantenerse al día y responder a las demandas del mercado.

Las características de jQuery, hacen a esta librería muy popular. En primer lugar, es multiplataforma. Lo que permite que se ejecute en distintos navegadores y corrija los errores automáticamente.

Otro de sus puntos a favor es que facilita el uso de AJAX. Es decir, que se puedan crear aplicaciones web que funcionen de forma asíncrona, se comunique con el servidor y se actualice sin tener que cargar las páginas de  nuevo. Este tema se abordará en profundidad en este curso.

Al finalizar este curso en jQuery, los egresados habrán aprendido a manipular los elementos DOM. Que son útiles a la hora de representar de forma estructurada el documento y sirven para definir cómo acceden los programas a la estructura, estilo y contenido.

Estas son solo algunas pinceladas de todo lo que podrás aprender con este curso en jQuery. Si ya cuentas con conocimientos en lenguajes de programación como JavaScript, HTML y CSS…esta es la formación que necesitas.

Mejora tu currículum, amplia tus posibilidades laborales y sé clave para las empresas actuales. ¡Te estamos esperando!

  • Familiarizarse con jQuery, su historia y la compatibilidad con los navegadores que ofrece la librería.
  • Configurar la librería para ofrecer compatibilidad con otras librerías.
  • Conocer el funcionamiento de los selectores para acceder a cualquier elemento del DOM.

  • Ampliar las opciones de filtrado ofrecidas por los selectores básicos.
  • Estudiar el acceso transversal a los elementos del DOM. Los antecesores y sucesores en el árbol del DOM. Elementos padre y elementos hijos. Métodos de filtrado. Iteraciones aplicadas a los elementos resultado de un selector.
  • Crear, manipular y borrar elementos de forma dinámica.
  • Conocer los eventos disponibles en jQuery y su ejecución.
  • Añadir animación a una página y utilizar las animaciones estándar de la librería y crear efectos personalizados.

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

 

CARACTERÍSTICAS:

  • 10 unidades de aprendizaje.
  • 119 min. de vídeo.
  • 10 test de evaluación.

PROGRAMA FORMATIVO:

Tema 1. Introducción a jQuery.

  1. Historia.
  2. ¿Cuál es el uso principal de JavaScript?
  3. Qué es jQuery.
  4. ¿Por qué utilizar jQuery?
  5. Qué necesito para programar con jQuery.
  6. Navegadores compatibles.
  7. Cómo incluir jQuery en nuestra página.
  8. Alojando la librería en nuestro servidor.
  9. Utilizando la librería desde un alojamiento externo.
  10. ¿Qué opción debo utilizar?

Tema 2. Sintaxis básica.

  1. Sintaxis básica
  2. ¿Por qué es necesario que el DOM haya sido cargado?
  3. Esperar a que el documento haya sido renderizado.
  4. Capturando el evento "ready" del documento.
  5. Utilizar el "atajo" $(function()).
  6. La función jQuery() o su alias $().
  7. Sintaxis básica de comandos jQuery.
  8. Estructura de un comando de jQuery.
  9. Interoperabilidad con otras librerías.
  10. Activación del modo no conflicto.
  11. jQuery Migrate.

Tema 3. Selectores básicos.

  1. ¿Qué es un selector?
  2. Comprobar una selección.
  3. Selectores básicos: $("elemento"), $("#identificador") y $(".clase").
  4. Selector por tipo de elemento - $("elemento").
  5. Selector por identificador de elemento - $("#identificador").
  6. Selector por clase - $(".clase").
  7. Combinar selectores.
  8. Combinaciones básicas.
  9. Selectores múltiples - $("selector1, selector2, selectorN").
  10. Selectores ferárquicos.
  11. Guardar selecciones.
  12. Uso de la función jQuery() con un contexto.

Tema 4. Selectores de filtrado I.

  1. Selectores de filtrado por atributo.
  2. Comparador por atributo asignado [atributo].
  3. Comparador por coincidencia del atributo [atributo="valor"].
  4. Comparador por comienzo del atributo [atributo^="valor"].
  5. Comparador por final del atributo [atributo$="valor"].
  6. Comparador por prefijo en el atributo [atributo|="valor"].
  7. Comparador en contenido del atributo [atributo*="valor"].
  8. Comparador por palabra en el atributo [atributo~="valor"].
  9. Comparador por distinto al atributo [atributo!="valor"].
  10. Comparador por múltiples atributos [atributo="valor"][atributo2="valor2"].
  11. Selectores de filtrado básico.
  12. Selector :first.
  13. Selector :last.
  14. Selector :eq(indice).
  15. Selector :gt().
  16. Selector :lt().
  17. Selector :even.
  18. Selector :odd.
  19. Selector :animated.
  20. Selector :focus.
  21. Selector :header.
  22. Selector :lang().
  23. Selector :not().
  24. Selector :root.
  25. Selector :target.

Tema 5. Selectores de Filtrado II.

  1. Selectores de filtrado jerárquico.
  2. Selector :first-child.
  3. Selector :last-child.
  4. Selector :first-of-type.
  5. Selector :last-of-type.
  6. Selector :nth-child().
  7. Selector :nth-last-child().
  8. Selector :only-child.
  9. Selector :only-of-type.
  10. Selectores de filtrado por contenido.
  11. Selector :contains().
  12. Selector :empty.
  13. Selector :has(selector).
  14. Selector :parent.
  15. Selectores de filtrado por visibilidad.
  16. Selector :hidden.
  17. Selector :visible.
  18. Selectores de filtrado por elementos de formulario.
  19. Selectores por tipo de elemento de formulario.
  20. Selector :checked.
  21. Selector :disabled.
  22. Selector :enabled.
  23. Selector :selected.

Tema 6. Transversal.

  1. Acceso transversal a elementos del DOM.
  2. Acceso a elementos predecesores (parents).
  3. Acceso a elementos descendientes (children).
  4. Acceso a elementos hermanos (siblings).
  5. Métodos de filtrado.
  6. Método .eq().
  7. Método .filter().
  8. Método .first().
  9. Método .has().
  10. Método .is().
  11. Método .last().
  12. Método .not().
  13. Método .slice().
  14. Iteraciones: .each y .map.
  15. Iteraciones con el método .each() o jQuery.each().
  16. Iteraciones con el método .map() o jQuery.map().

Tema 7. Manipulación del DOM.

  1. Modificar elementos del DOM y sus propiedades.
  2. Métodos genéricos de modificación de atributos.
  3. Métodos específicos de modificación de atributos.
  4. Clases y estilos CSS.
  5. Inserción y copiado de elementos del DOM.
  6. Creación de elementos con la función $().
  7. Creación de elementos con métodos específicos.
  8. Eliminación de elementos del DOM.
  9. Métodos específicos para la eliminación de elementos de la página.

Tema 8. Eventos.

  1. Conceptos básicos sobre eventos en jQuery.
  2. Objetos de tipo evento.
  3. Captura de eventos con jQuery.
  4. Eventos disponibles en jQuery.
  5. Eventos del ratón.
  6. Eventos del teclado.
  7. Eventos de elementos de formularios.
  8. Eventos del navegador.
  9. Cancelación de eventos.
  10. Método .die().
  11. Método .unbind().
  12. Método .undelegate().
  13. Método .off().
  14. Forzado de eventos.
  15. Métodos directos.
  16. Método .trigger().
  17. Creación de eventos personalizados.

Tema 9. AJAX.

  1. Conceptos básicos.
  2. Servidor web.
  3. Peticiones GET o peticiones POST.
  4. Tipos de datos.
  5. Formato JSON.
  6. Política de seguridad en peticiones AJAX.
  7. El método $.ajax() para realizar solicitudes asíncronas.
  8. Opciones del método $.ajax.
  9. Establecer las opciones por decto con el método $.ajaxSetup().
  10. Métodos abreviados para peticiones Ajax.
  11. Método .post().
  12. Método .get().
  13. Método .getJSON().
  14. Método .getScript().
  15. Método .load().

Tema 10. Efectos y animaciones.

  1. Cuándo utilizar animaciones.
  2. Opciones comunes de las animaciones.
  3. Mostrar y ocultar elementos.
  4. Método .show().
  5. Método .hide().
  6. Método .toggle().
  7. Modificando la opacidad.
  8. Métodos .fadeIn() y .fadeOut().
  9. Método .fadeTo().
  10. Método .fadeToggle().
  11. Creando animaciones personalizadas.
  12. Parámetros del método .animate().