Curso Online JQuery: Programación Web

  • Conocer los selectores de jQuery para acceder de manera sencilla a cualquier elemento de la página.
  • Aprender los diferentes elementos interactivos de jQuery.
  • Manipular los atributos (añadir, modificar o eliminar sobre la marcha) y después aplicar hojas de estilo CSS.
  • Conocer los efectos visuales, tan numerosos como originales y se detalla el estudio del DOM y de AJAX visto por jQuery.
  • Revisar alguno de los numerosos plug-ins desarrollados por la comunidad jQuery, que permiten añadir, en pocas líneas de código, efectos espectaculares.
  • Desarrollar aplicaciones web.

Dirigido a

Trabajadores y autónomos.

Metodología

A distancia / online

Precio

100% Bonificable

Infórmate, es GRATIS

Temario

1. Primeros pasos con jquery
  1. el regreso de javascript
  2. presentación de jquery
  3. los puntos fuertes de jquery
  4. jquery 2.0 o jquery 1.10
  5. aplicación de jquery
  6. iniciar un script jquery
  7. la primera aplicación jquery
  8. la documentación de jquery
  9. herramientas de desarrollo y de depuración
2. Los selectores en jquery
  1. introducción
  2. los selectores básicos
  3. - selección por identificador

    - selección por nombre de la etiqueta

    - selección por clase

  4. los selectores jerárquicos
  5. - selección de los descendientes

    - selección de los hijos

    - selección de los hermanos siguientes

    - selección del elemento siguiente

  6. los filtros jquery básicos
  7. - el primer elemento

    - el último elemento

    - los elementos pares

    - los elementos impares

    - un elemento concreto

    - los elementos siguientes

    - los elementos anteriores

    - las etiquetas de título

    - exclusión de un elemento

    - los elementos según su tipo

  8. los filtros hijos
  9. - el primer hijo

    - el último hijo

    - el enésimo hijo

    - los hijos pares e impares

    - los hijos únicos

  10. los filtros de contenido
  11. - un texto dado

    - un contenido vacío

    - ser padre

    - un selector concreto

  12. los filtros de visibilidad
  13. - elemento visible

    - elemento oculto

  14. los filtros de atributo
  15. - el atributo

    - el atributo con un determinado valor

    - el atributo que no tiene un valor determinado

    - el atributo cuyo valor empieza por

    - el atributo cuyo valor termina por

    - el atributo cuyo valor contiene

    - los filtros múltiples de atributo

  16. los selectores y filtros de formularios
  17. los selectores y los caracteres especiales
3. Trabajar con los atributos y las propiedades
  1. introducción
  2. añadir o eliminar una clase
  3. comprobar la presencia de una clase
  4. cambiar entre dos clases
  5. conocer el valor de un atributo
  6. añadir un atributo y su valor
  7. añadir varios atributos y sus valores
  8. eliminar un atributo
  9. conocer el atributo value
  10. modificar el atributo value
  11. conocer la propiedad de un elemento
  12. modificar la propiedad de un elemento
  13. eliminar la propiedad de un elemento
4. Trabajar con las hojas de estilo css
  1. introducción
  2. acceder a una propiedad de estilo
  3. modificar las propiedades de estilo
  4. asignar las propiedades de estilo
  5. el dimensionamiento
  6. el posicionamiento
  7. aplicaciones
  8. - redimensionar el tamaño de los caracteres

    - zoom sobre una imagen con una leyenda

    - un tooltip con jquery

5. Los eventos
  1. introducción
  2. los administradores de eventos
  3. - al hacer clic con el ratón

    - al hacer doble clic

    - el foco

    - perder el foco

    - la barra de desplazamiento

    - el botón del ratón

    - el desplazamiento del cursor

    - entrada y salida del cursor

    - enviar una consulta

    - otros eventos

  4. métodos o administradores de eventos avanzados
  5. - unir un evento a un objeto (on)

    - unir un evento a un objeto (bind)

    - delegar un evento

    - ejecutar una función solo una vez

    - desencadenar un evento particular

    - al pasar el ratón

  6. aplicaciones
  7. - un menú desplazado

    - zoom en una viñeta

6. Los efectos
  1. introducción
  2. mostrar y ocultar
  3. - mostrar y ocultar texto

    - desplegar listas anidadas

  4. desplazar verticalmente
  5. - desplazar una capa

    - un menú desplegable vertical

  6. hacer un efecto de fundido
  7. - aparición y desaparición progresiva

    - jugar con la opacidad

  8. cambiar de un efecto a otro
  9. - ejemplo del efecto de cambio

    - un menú acordeón

  10. retrasar un efecto
  11. crear una animación
  12. - una animación en una capa

    - una animación avanzada

    - un efecto original al pasar el ratón por encima

7. Recorrer el dom
  1. introducción
  2. encontrar los hijos
  3. encontrar los padres directos
  4. encontrar todos los padres
  5. encontrar los padres hasta
  6. encontrar los hermanos
  7. encontrar el hermano anterior
  8. encontrar los hermanos anteriores
  9. encontrar los hermanos anteriores hasta
  10. encontrar el hermano siguiente
  11. encontrar los hermanos siguientes
  12. encontrar los hermanos siguientes hasta
  13. encontrar el contenido
  14. encontrar determinados padres
  15. encontrar determinados descendientes
  16. añadir elementos a la selección
  17. una lupa para agrandar las viñetas
8. Trabajar con el dom
  1. introducción
  2. modificar el contenido
  3. insertar en el interior
  4. - primer método

    - segundo método

  5. insertar en el exterior
  6. rodear un elemento
  7. sustituir un elemento
  8. eliminar un elemento
  9. - eliminar un elemento

    - vaciar un elemento

  10. copiar un elemento
  11. algunas aplicaciones
  12. - añadir un pie de página y los enlaces de regreso

    - añadir y eliminar elementos de una lista

    - añadir un icono a los enlaces externos

9. Filtrar el dom
  1. introducción
  2. el filtrado de los elementos del dom
  3. - por una expresión

    - por una función

  4. encontrar un elemento concreto
  5. encontrar una secuencia de elementos
  6. encontrar un elemento según un criterio
  7. reducir al primer elemento
  8. reducir al último elemento
  9. reducir a un elemento concreto
  10. eliminar un elemento
  11. formar una tabla (array) de elementos
  12. aplicaciones
  13. - filtrar una lista

    - filtrar una lista según dos criterios

    - navegación por pestañas

10. Ajax en jquery
  1. introducción
  2. las consultas ajax abreviadas
  3. - cargar un archivo

    - solo cargar en caso de modificación

    - cargar siguiendo el método get o post

    - cargar un script

  4. la consulta ajax completa
  5. definir una consulta por defecto
  6. los eventos asociados a la consulta
  7. - ajaxsend()

    - ajaxstart()

    - ajaxstop()

    - ajaxsuccess()

    - ajaxcomplete()

    - ajaxerror()

  8. las funciones diferidas
  9. serializar los datos
  10. aplicaciones
  11. - un icono de carga

    - un léxico en ajax

11. Algunas utilidades
  1. introducción
  2. evitar los conflictos
  3. iteraciones en jquery
  4. almacenar y recuperar datos
  5. encontrar un elemento del dom
  6. buscar un elemento en concreto
  7. conocer el número de elementos
  8. convertir en array los elementos encontrados
12. Los formularios
  1. introducción
  2. los selectores de formularios
  3. los filtros de selección
  4. - los elementos marcados

    - los elementos seleccionados

  5. aplicaciones
  6. - seleccionar todas las casillas de selección

    - confirmar un comando

    - un formulario de inscripción original

13. Los plug-ins jquery
  1. introducción
  2. diseñar un plug-in jquery
  3. - aspectos teóricos

    - una aplicación práctica

  4. usar un plug-in jquery
  5. algunos plug-ins
  6. - jquery ui

    - bordes variados

    - textos redondeados

    - tooltips

    - desvelar las contraseñas

    - hacer zoom sobre una imagen

    - ampliar una miniatura

    - un carrusel de imágenes

    - un menú de tipo mac

    - gráficos a partir de una tabla

    - ordenar una tabla de datos

Cursos relacionados

Cloud Computing

Con el curso Online de Cloud Computing aprenderás el concepto de virtualización y a abordar proyectos de almacenamiento, comunicaciones entre ordenadores y servicios bajo el concepto de que todo ocurre en la nube. Además se abordarán aspectos legales y de seguridad del Cloud Computing.100% Gratuito para Trabajadores del sector de las telecomunicaciones

Especialista en Creación de Portales Web con Joomla 3.3

Instalar Joomla! en todas las configuraciones, locales o remotas, en Mac o Windows, cómo aprovechar las ventajas de la gestión avanzada de los permisos de acceso y de edición para múltiples usuarios. Manejar el aspecto gráfico del sitio con las plantillas (templates) y cómo usar los frameworks (plataformas de trabajo) que le harán ahorrar un valioso tiempo en la personalización de su...

Diseño Gráfico Vectorial con Corel Draw

En este curso, aprenderás a utilizar el programa especializado Corel Draw X3 logrando destrezas en la manipulación de los componentes para el diseño de imágenes vectoriales. Adquirirás un nivel avanzado en el uso de una herramienta profesional como esta. Un Curso Online 100% Gratuito para Trabajadores y Autónomos.

Curso Práctico de Virtuemart: Cómo crear una Tienda Virtual

El mundo online ha revolucionado el comercio, hoy día las tiendas virtuales cada vez facturan más. Y además ofrecen un mundo de posibilidades a las tiendas más pequeñas al aumentar sus potenciales cliente al mundo entero. Aprende a crear tiendas virtuales a través de Virtuemart de una forma profesional.

Técnico Superior en Diseño con Adobe Flash CS5 y ActionScript 3.0

El diseño ha cambiado para siempre con la introducción de herramientas como Flash y ActionScript que permiten realizar cosas inimaginables hace pocos años. Y además de una forma fácil y eficiente una vez se dominan. Con este curso de Flash CS5 y ActionScript 3.0 te convertirás en un experto con la capacidad de abordar cualquier tipo de proyecto.

Técnico Superior en Diseño de Páginas Web con Adobe Dreamweaver CS5

Aprenderás todas las competencias y conocimientos necesarios para la creación, diseño y publicación de páginas web con el editor profesional Adobe Dreamweaver. Dreamweaver es sin duda la herramienta de creación de páginas web más utilizada en el mundo empresarial. El uso de este programa es imprescindible para cualquier diseñador que quiera ampliar sus conocimientos y posibilidades...

Base de datos Oracle 10g

Este curso ofrece a los estudiantes una introducción a la tecnología de la base de datos Oracle Database 10g. Los estudiantes aprenden los conceptos relativos a las bases de datos relacionales y el potente lenguaje de programación SQL. El curso proporciona los conocimientos de SQL esenciales que permiten a los desarrolladores escribir consultas en una o varias tablas,...

Técnico Superior en Programación de Aplicaciones de Escritorio .NET Framework

Aprender a programar aplicaciones de escritorio utilizando Microsoft .NET Framework 4.Aprender de forma visual a programar en los distintos lenguajes de programación para cualquiera de las plataformas que soporta.Compaginar la parte de diseño y la parte de programación.