jQuery y AJAX Desde Cero - La Guía Definitiva

Crea sitios web y apps de HTML5 dinámicos, interactivos y con animaciones.
4.5 (26 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
166 students enrolled
$200
Take This Course
  • Lectures 37
  • Contents Video: 2.5 hours
    Other: 0 mins
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2014 Spanish

Course Description

Los sitios web y apps de HTML5 deben ser dinámicos, interactivos y entregarle una buena experiencia al usuario.

jQuery es la librería de JavaScript más utilizada en el mundo. Desde que apareció ha cambiado la web al permitir crear interactividad que funciona en todos los navegadores. En este curso completo de jQuery aprenderás a utilizar esta librería partiendo desde cero. Veremos cómo utilizar jQuery para manipular y animar el DOM, usar AJAX para cargar datos remotos, trabajar con JSON, y crear formularios interactivos.

Este curso es además 100% compatible con jQuery 2.x!

Más de 20.000 personas están aprendiendo a programar con los cursos de Zenva, incluyendo por supuesto nuestra aclamada serie Cómo Programar para Emprendedores. Este curso es la continuación de esta serie, sabiendo ya HTML, CSS y JavaScript nos movemos ahora a crear sitios web y apps de HTML5 interactivas y que pueden cargar datos remotos.

Algunas de las cosas que aprenderás en este curso:

  • Cuándo usar jQuery 1.x o 2.x.
  • Selectores de CSS y funciones para atravesar el DOM para seleccionar el elemento que deseas.
  • Cómo manipular el DOM. Agrega o quita código HTML en cualquier elemento de tu página.
  • Trabajando con eventos, incluyendo escuchar campos de formulario como inputs, listas y checkboxes.
  • Animaciones y efectos con jQuery, incluyendo fade, show, slide.
  • AJAX desde cero para cargar archivos HTML y JSON desde un servidor remoto.
  • Cómo trabajar con JSON cargado del servidor.
  • AJAX y el cache.
  • Formularios interactivos con jQuery.
  • Ingreso de formulario con AJAX y procesamiento de los parámetros.


Pablo Farías Navarro es emprendedor y desarrollador. Como founder de Zenva, tenemos experiencia enseñando a programar con ya más de 20 mil alumnos, por lo que estarán en buenas manos!!

No esperes más! COMIENZA HOY y transforma esas ideas en realidades!

What are the requirements?

  • Conocimientos básicos de HTML, CSS y JavaScript, lo cual puedes aprender con nuestros cursos gratuitos de la serie Cómo Programar para Emprendedores

What am I going to get from this course?

  • Aprender jQuery partiendo desde cero
  • Aprender a trabajar con AJAX en sitios web y apps de HTML5
  • Actualizar conocimientos de jQuery 1.x a jQuery 2.x

What is the target audience?

  • Desarrolladores con todo tipo de experiencia previa, incluyendo principiantes, que tengan la motivación y ganas de crear cosas nuevas

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introducción
04:38

Introducción al curso. Qué aprenderemos, cuáles son los requisitos, qué es jQuery y para qué sirve.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

04:35

En esta lección veremos distintas maneras de instalar jQuery, así como la diferencia entre jQuery 1.x y 2.x

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

02:08

En esta lección veremos dónde encontrar la documentación oficial de jQuery.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

Código Fuente del Curso
Article
Section 2: Selección
05:25

En esta lección veremos cómo seleccionar elementos por ID o por clase, así como escuchar cuando el DOM esté completamente cargado en el navegador.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

03:18

En esta lección veremos cómo realizar selecciones que incluyan múltiples elementos.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

02:56

En esta lección veremos cómo seleccionar elementos que están dentro de otros, es decir son sus "descendientes".

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

02:40

En esta lección veremos cómo seleccionar un elemento del DOM de acuerdo a su atributo.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

Section 3: Atravesando el DOM
04:07

En esta lección comenzaremos a ver distintas maneras de atravesar el DOM. En particular buscar elementos con el método find()

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

01:46

En esta lección veremos cómo seleccionar elementos dentro de otros utilizando técnicas de atravesamiento del DOM.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

05:24

En esta lección veremos diversos métodos de atravesamiento del DOM para seleccionar elementos en relación a otro elemento.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

04:00

En esta lección veremos cómo seleccionar los elementos padres o ancestros de un elemento en particular.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

Section 4: Trabajando con Eventos
05:28

En esta lección aprenderemos a escuchar eventos de tipo "click" en algún elemento del DOM.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

04:55

En esta lección veremos la técnica de delegación de eventos, uno de los conceptos más importantes de este curso. Esta técnica consiste en escuchar eventos en un elemento "ancestro" del elemento que realmente nos interesa.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

07:44

En esta lección veremos un ejemplo de uso de eventos aplicando varios de los conceptos vistos previamente.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

03:35

En esta lección veremos cómo escuchar al evento "change", que se gatilla cuando el valor de un campo cambia.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

03:07

En esta lección veremos cómo escuchar eventos del teclado, es decir cuando uno presiona o suelta una tecla.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

02:56

En esta lección veremos cómo prevenir comportamientos predeterminados en jQuery.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

Section 5: Manipulación del DOM
07:17

En esta lección comenzamos con la manipulación del DOM, partiendo por agregar elementos dentro y al lado de otro elemento.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

03:07

En esta lección continuamos manipulando el DOM y veremos los métodos after y before para añadir nuevos elementos.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

04:37

En esta lección veremos cómo eliminar elementos del DOM utilizando el método remove().

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

03:17

En esta lección veremos dos métodos más: empty() para vaciar el contenido HTML de un elemento, y attr() para modificar los atributos de un elemento.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

Section 6: Animaciones y Efectos
05:50

En esta lección veremos los efectos show() y hide() para mostrar u ocultar elementos en jQuery.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

01:43

En esta lección veremos el efecto fade para mostrar u ocultar elementos de manera progresiva.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

01:21

En esta lección veremos el efecto slide que consiste en el deslice de un elemento tanto para mostrarlo como para ocultarlo.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

05:07

En esta lección veremos cómo animar elementos en base a sus propiedades de CSS.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

Section 7: AJAX
04:43

En esta lección veremos una introducción a la técnica de AJAX y cuáles son los conceptos detrás.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

04:28

En esta lección realizaremos un primer ejemplo de uso de AJAX, obteniendo un código HTML desde el servidor de manera asíncrona.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

03:45

En esta lección veremos cómo ejecutar código antes y después de una petición de AJAX.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

04:27

En esta lección veremos cómo tratar con peticiones de AJAX fallidas.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

05:28

En esta lección veremos cómo obtener un documento JSON desde el servidor utilizando AJAX.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

08:48

En esta lección continuamos con el ejemplo anterior realizando una petición AJAX al servidor y luego trabajando con el documento JSON que obtenemos.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

08:17

En esta lección veremos cómo realizar peticiones de AJAX que usen el método POST, utilizando para realizar cambios en el servidor.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

Section 8: Formularios
04:32

En esta lección veremos un ejemplo de uso de formularios y jQuery, en particular cómo detectar el valor de un checkbox y cambiar el formulario de manera acorde.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

04:25

En esta lección veremos cómo leer valor de una lista de selección y cambiar el formulario de manera acorde utilizando jQuery.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

05:37

En esta lección veremos cómo ingresar un formulario utilizando AJAX, de manera de que la página no se recargue al ingresarlo.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

Section 9: Resumen y Despedida
03:06

Felicitaciones!! has completado nuestro curso de jQuery. Ahora puedes darle mucha mayor interactividad a tus sitios web y apps de HTML5.

Qué te gustaría aprender a continuación?

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Pablo Farias Navarro, Software Developer and Founder of ZENVA

Software developer and founder of ZENVA. Since 2012, Pablo has been teaching online how to create games, apps and websites to over 150,000 students through the Udemy and Zenva Academy platforms, and created content for companies such as Amazon and Intel.

Pablo is a member of the Intel Innovator Program in the Asia Pacific, and has run live programming workshops in San Francisco, Brisbane and Bangalore.

Pablo holds a Master in Information Technology (Management) degree from the University of Queensland (Australia) and a Master of Science in Engineering degree from the Catholic University of Chile.

Ready to start learning?
Take This Course