Curso de jQuery
Impartido por:
Lo que aprenderás en este curso:
- Aprenderás a instalar jQuery.
- Conocerás las distintas versiones de jQuery.
- Aprenderás a seleccionar los distintos elementos de tu página de muchas maneras diferentes usando jQuery, sus selectores y sus funciones.
- Modificarás los estilos de tu página de manera dinámica.
- Crearás animaciones y efectos.
- Conocerás jQuery UI, un paso más en el nivel de abstracción, que nos proporcionará una serie de componentes que podremos usar de manera muy fácil y directa.
Requisitos del curso
Para poder aprovechar al máximo el curso es necesario que el alumnado tengo conocimiento previos de:
- HTML. Debe saber cómo realzar una página web y comprender la estructura de la misma.
- CSS. Debe saber cómo seleccionar elementos, cómo aplicarles los estilos e idealmente cómo maquetar.
- JavaScript. Debe tener conocimientos básicos de JavaScript y de programación.
Valoraciones de estudiantes:
Contenido del curso:
-
- 2m
-
Glosario de términos2m
-
¿Qué es jQuery?6m
-
Entendiendo el DOM3m
-
Entorno de trabajo2m
-
Resto del curso1m
-
-
Instalación local6m
-
Instalación remota4m
-
Versiones de jQuery5m
-
-
-
Recordando selectores CSS (Parte I)9m
-
Recordando selectores CSS (Parte II)6m
-
Práctica: Usando selectores CSS8m
-
Selectores propios de jQuery (Parte I)7m
-
Selectores propios de jQuery (Parte II)5m
-
Each() and $(this)6m
-
Práctica: Selectores jQuery y Each() and $(this)12m
-
-
-
Añadiendo y quitando estilos10m
-
Jugando con las clases11m
-
Jugando con los atributos11m
-
Valores y contenidos17m
-
Práctica: Estilo, atributos y contenido13m
-
-
-
Escuchando eventos10m
-
Eventos de ratón y de teclado9m
-
Práctica: Eventos de ratón y de teclado9m
-
Creando y lanzando mis propios eventos17m
-
Práctica: Asignaciones de eventos5m
-
-
-
Padres, hijos, hermanos, etc9m
-
Filtros6m
-
Práctica: Moviéndonos por el árbol6m
-
Insertando elementos en el árbol7m
-
Borrando y reemplazando elementos5m
-
Práctica: Insertar, borrar y reemplazar elementos4m
-
-
-
Efectos y cola de efectos10m
- 6m
-
Práctica: Gráfico de barras animado6m
-
-
-
Introducción a Ajax5m
-
Utilizando Ajax en jQuery10m
-
Práctica: Peticiones Ajax en jQuery7m
-
-
-
Introducción a jQuery UI5m
-
jQuery UI: Componentes8m
-
jQuery UI: Efectos7m
-
jQuery UI: Interacciones5m
-
Te dejamos una selección de cursos, carreras y artículos
Dominando Vue: De los fundamentos a la gestión de estado global
Este curso es una inmersión en Vue 3 y todo lo que nos ofrece la última versión del popular framework de JavaScript para la construcción …
Vue en la práctica: Desarrollo de una aplicación de lista de compras
Este curso es un estudio práctico de Vue 3 a través del desarrollo de una aplicación de lista de compras. Los participantes trabajarán en cada …
Dudas frecuentes
¿Cuál es el precio?
En OpenWebinars no vendemos formaciones.
Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).
¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.
¿Cuándo comienza la formación?
En OpenWebinars las formaciones no tienen fecha de inicio y de final.
Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.
¿Obtengo un diploma de certificación?
En todos los cursos existe un examen final para evaluar tus conocimientos adquiridos. Si superas este examen con más de un 80% de preguntas correctas obtendrás el diploma de certificación. Puedes realizar un intento cada 24 horas.
Este diploma es un certificado privado emitido por OpenWebinars, y valorado en el mundo empresarial, ya que tenemos grandes compañías clientes que se forman con nosotros y valoran nuestras certificaciones.
No olvides poner tu certificación en tu perfil Linkedin y en tu currículum.
Este curso de jQuery está enfocado para todos aquellos que quieran comprender mejor y de forma global lo que sucede dentro de una página web, para aquellos que saben crear webs estáticas y quieren hacerlas interactivas, y también para los que quieran conocer una herramienta muy usada en el sector de desarrollo web.
Si estás interesado en el curso y quieres realizarlo de una forma correcta, es decir, comprendiendo todo lo que en el mismo se expone e interiorizándolo, es necesario tener unos buenos conocimientos sobre HTML, CSS y sus selectores principalmente, conceptos básicos sobre programación y tener soltura a la hora de trabajar con JavaScript.
Si no tienes todos estos conocimientos o quieres refrescar algunos de ellos, puedes realizar previamente el curso de HTML y CSS, además del curso de JavaScript para principiantes, ambos incluidos en nuestra plataforma formativa online.
Para comenzar la formación sobre jQuery el profesor realizará una incesante y completa introducción al temario, en la que explicará algunos conceptos y términos básicos para comenzar el curso, como, por ejemplo, qué es el árbol HTML, qué es un script, qué es un evento y qué es Ajax.
Además, explicará qué es jQuery, sus usos, características, ventajas y desventajas, y profundizará en otro concepto importante como es el DOM, de forma que entiendas qué es y su funcionamiento. Para concluir, presentará el entorno de trabajo que utilizará durante el desarrollo del curso, por si quieres replicarlo.
En el primer segmento del curso aprenderás a realizar la instalación de jQuery, tanto de forma local, para que esté disponible localmente para tus páginas web, como de forma remota, para utilizar jQuery sin necesidad de tenerlo en el sistema de ficheros o el servidor. En la clase final se explicarán qué versiones existen de jQuery y las diferencias entre ellas.
Seguidamente entrarías en el bloque dedicado a los selectores jQuery, comenzando por recordar los selectores CSS más importantes, primero de forma teórica y después de forma aplicada con una serie de prácticas.
Tras refrescar estos selectores de CSS, continuaremos introduciendo los selectores propios de jQuery, que se verán a fondo, también de una forma teórica en primer lugar, y para finalizar de una forma aplicada, lo que te ayudará en la comprensión del funcionamiento de los mismos.
A lo largo del siguiente bloque aprenderás a utilizar los estilos de CSS con jQuery, aplicando clases y atributos a los elementos de tu página web, además de modificar valores y contenido de la misma. De nuevo se realizarán una serie de prácticas para interiorizar mejor la teoría explicada.
A continuación, entrarías en la sección sobre los eventos, en la que podrás aprender algunas de las muchas opciones que ofrece jQuery para capturar eventos y responderlos, entre ellos los eventos de ratón y teclado, y también aprenderás a crearlos y lanzarlos. En las demás lecciones de esta sección se dedican a las prácticas relativas a lo visto de forma teórica.
Justo después entrarías en el apartado centrado en todo lo referente al movimiento por la estructura de la web, el árbol HTML, desde las funciones más importantes para recorrer ese árbol hasta los filtros que se pueden utilizar para filtrar los elementos de la estructura de la web. Se completa este apartado con lecciones en las que verás cómo insertar, reemplazar o borrar elementos en el árbol.
Después encontrarás el capítulo sobre efectos y animaciones, en el que te contamos cómo aplicarlos utilizando jQuery. Aprenderás los tipos de efectos que existen y cómo usar las funciones de efectos, además de cómo usar la función de animación de forma correcta cuando sea posible.
En la penúltima parte del curso jQuery completo entramos a desarrollar cómo utilizar Ajax a través de jQuery, lo que nos permitirá aprovechar todas sus ventajas. De nuevo se explicará en primer lugar teóricamente, y después de forma aplicada.
Para terminar de aprender jQuery con este curso, las lecciones finales te servirán para adentrarte en algo muy interesante como es jQuery UI. Lo primero que te explicaremos es qué es jQuery UI, para qué sirve y cómo se instala en el sistema.
Después te explicamos qué es un componente y la lista de componentes que proporciona jQuery UI, así como los efectos e interacciones, que son las novedades más interesantes que nos ofrece esta tecnología.
Hasta aquí este completo curso de jQuery desde cero, una formación que te permitirá mejorar tus conocimientos dentro del mundo del desarrollo web y mejorar tu perfil laboral, siempre de una forma cómoda y al ritmo que necesites.
