Aprender jQuery: Curso Code
Aprender jQuery: Curso Code — Aprende jQuery en tu teléfono: escribe una cadena y observa cómo reacciona una página real
Aprender jQuery: Curso Code es una app gratuita para empezar, disponible en iOS y Android, que enseña la biblioteca JavaScript jQuery —manipulación del DOM, eventos, efectos y AJAX— a principiantes, estudiantes y desarrolladores que mantienen sitios con jQuery. Cada lección incluye un editor en vivo y una vista previa de la página, y jQuery 3.7.1 viene integrado, así que lo que escribes se ejecuta en el teléfono, incluso sin conexión. Un mentor de AI responde preguntas sobre un selector, un error o una llamada AJAX.
- Precio
- Gratis, actualización a Pro
- Plataformas
- iOS y Android
- Idiomas
- 22
- Clasificación por edad
- 4+
- Requisitos
- iOS 15.1 o posterior
Si conoces un selector CSS, ya conoces la mayor parte de jQuery.
jQuery toma sus selectores de CSS y permite encadenar acciones al resultado. Esto lo convierte en una introducción sencilla al DOM, los eventos y el código asíncrono, además de ser una habilidad práctica para los muchos sitios web existentes que todavía dependen de él.
Qué es
Aprender jQuery: Curso Code es una app de cursos para iOS y Android sobre la biblioteca JavaScript jQuery. Incluye 22 cursos con 48 lecciones de nivel A1 a C1, un editor JavaScript en vivo con una vista previa de la página que se ejecuta en el dispositivo con jQuery 3.7.1 integrado, 20 misiones de depuración, 20 proyectos guiados de HTML y CSS, 50 preguntas de entrevista, 50 preguntas tipo test y una guía rápida con 91 entradas. Un mentor de AI explica los selectores, los errores y las llamadas AJAX con un lenguaje sencillo.
Dentro de la app
Qué aspecto tiene
El curso
Qué incluye el curso de jQuery
Basado en la lista de cursos de jQuery de CoddyKit, desde la primera llamada a $ hasta los plugins, las pruebas y el trabajo junto a JavaScript moderno.
Bienvenida a jQuery y primeros pasos
Qué es jQuery, el problema real que resolvió y por qué tantos sitios todavía lo usan, seguido de la primera cadena y los conceptos básicos para principiantes.
Selección de elementos y recorrido del DOM
Selección de elementos, seguida de selectores avanzados de atributos y pseudoclases, y recorrido del DOM de un elemento al siguiente.
Manipulación y estilos del DOM
Creación, inserción, movimiento y eliminación de elementos en dos cursos, además de cambios de CSS y clases desde el código.
Eventos y delegación
Gestión de eventos, seguida de delegación de eventos para elementos añadidos posteriormente y gestión de eventos personalizados.
Animaciones y efectos
Animaciones básicas, seguidas de animaciones complejas y efectos personalizados, como secuencias encadenadas y easing personalizado.
Formularios, datos y plantillas
Contenido dinámico con atributos de datos y plantillas, además de gestión y validación avanzada de formularios.
AJAX, objetos Deferred y promesas
Operaciones AJAX y gestión de datos remotos, seguidas de objetos Deferred y promesas para gestionar código asíncrono.
Plugins, rendimiento y pruebas
Selectores personalizados y filtrado, desarrollo de plugins sólidos, rendimiento y buenas prácticas, integración de jQuery con JavaScript moderno y pruebas de aplicaciones jQuery.
Cómo funciona
Cómo funciona una lección
Cada lección coloca una explicación breve junto a código que ejecutas tú mismo, para que la idea se ponga a prueba antes de continuar.
Lee una lección breve
Abre un tema y lee una explicación breve sobre un selector, un evento o un efecto. Las lecciones son lo bastante cortas para leerlas durante un trayecto en autobús, y el curso avanza desde la primera cadena hasta los plugins y las pruebas.
Escribe la cadena y observa cómo reacciona la página
En el editor en vivo escribes HTML, CSS y jQuery y los ejecutas al instante. El editor vuelve a ejecutar tu código cuando dejas de escribir, sin servidor ni proceso de compilación, y la vista previa de la página muestra el resultado.
Corrige un error y luego pregunta al mentor
Las misiones te entregan código defectuoso y te piden encontrar el fallo: un controlador de clics en el que this es window, un menú que no deja de deslizarse o una operación de guardado que se ejecuta dos veces. Cuando un concepto o un error no queda claro, el mentor de AI lo explica de nuevo con palabras más sencillas.
Qué incluye
Qué incluye la app
22
Cursos, de A1 a C1
22 cursos con 48 lecciones que comienzan con la función $ y tu primera cadena, y continúan con selectores, manipulación del DOM, eventos, animaciones, formularios, AJAX, plugins y rendimiento.
3.7.1
jQuery integrado
La vista previa de la página se ejecuta en el dispositivo con jQuery 3.7.1 incluido, por lo que el editor también funciona sin conexión.
20
Misiones de depuración
Errores realistas que debes corregir, como una cadena que termina en una cadena de texto o un botón de borrar que solo funciona en las primeras filas.
20
Proyectos guiados de páginas
Veinte proyectos de HTML y CSS que construyen el marcado sobre el que después funcionarán tus selectores.
91
Guía rápida y cuestionarios
Una guía rápida con 91 entradas sobre selectores, eventos, efectos y métodos AJAX, además de 50 preguntas tipo test y 50 preguntas de entrevista.
AI
Mentor de AI
Pregunta sobre un selector, un error o una llamada AJAX y recibe una respuesta con un lenguaje sencillo. El plan gratuito incluye 3 preguntas al día.
Contexto
¿Sigue valiendo la pena aprender jQuery y para qué se utiliza?
jQuery es una biblioteca JavaScript que permite seleccionar elementos de una página web, modificarlos, reaccionar a los clics y cargar datos sin recargar la página con menos código. Los frameworks más recientes han sustituido a jQuery en muchos proyectos nuevos, pero una gran parte de los sitios web existentes todavía lo utiliza, por lo que leer, corregir y ampliar ese código sigue siendo una habilidad práctica de desarrollo web. También es una forma sencilla de conocer el DOM, los eventos y el JavaScript asíncrono antes de pasar a herramientas más grandes.
La función $ y el encadenamientouna línea, varias acciones
Llamar a $ con un selector devuelve un objeto jQuery, y casi todos los métodos vuelven a devolver ese objeto. Esto permite crear una cadena como seleccionar una lista, añadir una clase y mostrarla gradualmente en una sola línea legible, en lugar de usar cuatro instrucciones separadas.
SelectoresLos conocimientos de CSS se transfieren
Los selectores de clase, id, atributo y pseudoclase funcionan prácticamente igual que en una hoja de estilos. Después, los métodos de recorrido permiten desplazarse desde un elemento hasta sus padres, hijos o hermanos, que es la forma de llegar a la fila correcta cuando una página tiene cientos de filas similares.
Delegación de eventosla solución para los elementos añadidos después
Un controlador asociado a un botón solo existe para los botones presentes cuando se ejecutó el código. Asociarlo a un elemento padre y filtrar por selector hace que funcione con las filas añadidas después, una causa clásica de que un botón de borrar funcione solo en las filas antiguas.
A qué se refiere thisun error frecuente
Dentro de un controlador jQuery, this es el elemento que recibió el evento, pero una función flecha o una llamada de retorno mal ubicada puede cambiarlo. Depurar un controlador en el que this se ha convertido en window es un primer error real muy habitual.
AJAX y las promesasdatos sin recargar
$.ajax() envía una solicitud y permite actualizar la página cuando llega la respuesta. Los objetos Deferred y las promesas organizan varias de esas solicitudes, de modo que un paso espera a otro en lugar de anidar llamadas de retorno.
Encaja
Para quién es y para quién no
Es una buena opción si
- Conoces un poco de HTML y CSS y quieres hacer que las páginas respondan a clics y formularios
- Mantienes un sitio creado con jQuery y necesitas leer y corregir su código
- Te estás preparando para una entrevista de frontend en la que todavía aparece jQuery antiguo
- Quieres escribir código en el teléfono y ver una vista previa de la página al instante
- Aprendes mejor en sesiones cortas y te gusta contar con un mentor al que puedas hacer preguntas
No es la herramienta adecuada si
- Quieres aprender un framework moderno como React; esta aplicación enseña jQuery y el DOM
- Necesitas que todos los cursos sean gratuitos: el primer curso, el primer proyecto y dos misiones son gratis, y Pro desbloquea el resto
- Esperas una versión gratuita sin anuncios, ya que Pro los elimina
Preguntas
Preguntas frecuentes
¿Cuál es la mejor forma de aprender jQuery en un teléfono?
La forma más eficaz es escribir código y ver cómo cambia la página, no solo leer sobre selectores. Aprender jQuery: Curso Code ofrece a cada lección breve un editor en directo con una vista previa de la página, incorpora jQuery 3.7.1 para que funcione en el dispositivo y cuenta con un Mentor de IA que explica cualquier cosa que no esté clara. Puedes empezar gratis en iOS y Android.
¿jQuery es lo mismo que JavaScript?
No. JavaScript es el lenguaje de programación; jQuery es una biblioteca escrita en JavaScript que simplifica tareas habituales, como seleccionar elementos, responder a clics y enviar solicitudes AJAX. Aprender jQuery: Curso Code enseña jQuery dentro de un editor de JavaScript, para que practiques ambos a la vez y veas cómo una cadena se corresponde con código DOM sin usar jQuery.
¿Sigue valiendo la pena aprender jQuery?
Para proyectos nuevos, muchos equipos eligen otras herramientas, pero una gran parte de los sitios web existentes todavía funciona con jQuery, por lo que saber leer y corregir ese código es una habilidad práctica. También es una forma sencilla de familiarizarte con el DOM, los eventos y JavaScript asíncrono. Aprender jQuery: Curso Code incluye preguntas de entrevista para puestos de frontend en los que jQuery antiguo todavía aparece.
¿Aprender jQuery: Curso Code está disponible para iPhone y Android?
Sí. Aprender jQuery: Curso Code está disponible en App Store para iPhone (iOS 15.1 o posterior) y en Google Play para Android. La interfaz está disponible en 22 idiomas, entre ellos inglés, español, alemán, francés, portugués, japonés, coreano, árabe, hindi y turco, mientras que el código que escribas seguirá siendo jQuery y JavaScript en cualquier idioma.
¿Puedo ejecutar código jQuery sin conexión en la aplicación?
Sí, en el editor. Aprender jQuery: Curso Code incorpora jQuery 3.7.1, por lo que la vista previa de la página se ejecuta en el dispositivo incluso sin conexión. Las funciones que dependen del Mentor de IA necesitan conexión a Internet.
¿Qué temas abarca el curso de jQuery?
Los 22 cursos abarcan desde la función $ y los selectores hasta la manipulación del DOM, los estilos, los eventos y la delegación, las animaciones, los formularios, AJAX, los objetos Deferred y las promesas. Después continúan con selectores personalizados, creación de plugins, rendimiento, integración de jQuery con JavaScript moderno y pruebas.
¿Qué son las misiones de depuración?
Son 20 ejercicios que te presentan código jQuery defectuoso y te piden encontrar el error, tal como sucede en el trabajo. Algunos ejemplos son un controlador de clics en el que this es window, una cadena que termina en una cadena de texto, un botón de eliminación que solo funciona con filas antiguas, un menú que sigue deslizándose después de que te vas y una acción de guardado que se ejecuta dos veces.
¿Necesito saber JavaScript o HTML de antemano?
Saber un poco de HTML y CSS ayuda, porque los selectores de jQuery funcionan sobre el marcado y toman elementos de CSS. Aprender jQuery: Curso Code también incluye 20 proyectos guiados de páginas HTML y CSS, para que puedas crear el marcado que utilizarán tus selectores. El curso comienza con la primera cadena.
¿Aprender jQuery: Curso Code es gratis?
Puedes empezar gratis: el primer curso, el primer proyecto guiado, dos misiones, el editor, los cuestionarios, las preguntas de entrevista, la hoja de referencia y 3 preguntas diarias al Mentor de IA. La versión gratuita muestra anuncios. Pro desbloquea todos los cursos, proyectos y misiones, el examen de certificación y el Mentor de IA ilimitado, y elimina los anuncios. Se ofrece mediante una suscripción semanal, mensual o anual, o como una compra única de por vida. El examen de certificación al final del curso forma parte de Pro.
¿La aplicación está afiliada a jQuery?
No. jQuery es una marca registrada de OpenJS Foundation, y Aprender jQuery: Curso Code es una app de aprendizaje independiente que no está afiliada a OpenJS Foundation ni cuenta con su respaldo.
Empezar
Escribe hoy tu primera cadena de jQuery
Gratis para empezar en iOS y Android, en 22 idiomas.
Más de CoddyKit
Disponible en iOS y Android.