Manuales de JQuery en español: Guías rápidas de programación
Un grupo de amigos programadores, apasionados por el desarrollo web, hemos decidido reunir materiales gratuitos para compartir con la comunidad estos Manuales de JQuery en español.
JQuery es una librería JavaScript que facilita la interacción con el DOM, el manejo de eventos y la animación de elementos HTML. Es una herramienta imprescindible para cualquier desarrollador web que quiera crear aplicaciones web modernas y dinámicas.
Los manuales que compartimos están dirigidos a todos los niveles de experiencia, desde principiantes hasta desarrolladores experimentados. Están escritos en español claro y sencillo, y están acompañados de ejemplos prácticos que facilitan el aprendizaje.
📖 Resumen del índice de contenidos: desarrollo Jquery
Los manuales incluyen los siguientes temas: Manipular el DOM con JQuery.
Manejador de eventos. Animación. Componentes UI.
Los manuales están disponibles en formato PDF y HTML. Se pueden descargar gratuitamente desde nuestra página web.
👉 Creemos que es importante que la comunidad de usuarios de Internet de habla española tenga acceso a recursos de calidad para aprender nuevas tecnologías. Por eso, decidimos crear estos manuales gratuitos.
Queremos que estos manuales sean una herramienta accesible para todos, independientemente de su nivel de experiencia o conocimientos.
En principio, hemos dado prioridad a los desarrollados en español claro y sencillo, generalmente son materiales procedentes de Universidades y Moocs gratuitos. Muchos de ellos vienen acompañados como no podría ser de otra manera de ejercicios prácticos.
1. Introducción a JQuery.
Jquery es un entorno de desarrollo (framework) para Javascript gratuito. Esta algo desfasado y ya casi nadie lo utiliza.
Aporta efectos dinámicos para la programación web como AJAX de manera simplificada y compatible con todos los navegadores. AJAX también se ocupa de la transmisión de datos entre servidor-cliente.
¿Por qué programar con jQuery?
Por que tiene una serie de selectores avanzados que se pueden usar para seleccionar elementos de manera más precisa. Esto incluye selectores de atributos, selectores de contenido, selectores de posición, etc.
Utiliza métodos como .each() para iterar sobre los elementos: .each () es una función útil para iterar sobre los elementos que se han seleccionado. Esto es útil cuando se necesita aplicar una acción a varios elementos seleccionados.
Utiliza métodos de animación: jQuery proporciona una serie de métodos de animación, como .fadeIn() y .slideDown(), que permiten animar elementos de forma sencilla.
Utiliza .on() para manejar eventos: .on() es un método útil para asignar y desenganchar eventos a elementos seleccionados. Esto permite crear aplicaciones interactivas.
O utiliza métodos de Ajax: jQuery proporciona una serie de métodos de Ajax, como .ajax() y .get(), que permiten realizar peticiones a servidores remotos. Esto es útil para recuperar y actualizar datos sin tener que recargar la página.
En los siguientes manuales podrás aprender a programar Jquery en diferentes niveles, estos son algunos de los temas tratados:
- Visión general de JQuery, incluyendo sus características principales, su instalación y su uso básico. Primeros pasos con JQuery: Este capítulo cubre los conceptos básicos de JQuery, como la selección de elementos, la manipulación del DOM y el manejo de eventos.
- Manipular el DOM con JQuery. Este capítulo explica cómo usar JQuery para manipular el DOM, incluyendo la selección de elementos, la adición, eliminación y modificación de elementos, y la creación de nuevas estructuras DOM.
- Manejador de eventos con JQuery. Este capítulo explica cómo usar JQuery para manejar eventos, incluyendo la escucha de eventos, la respuesta a eventos y la propagación de eventos.
- Animación con JQuery. Este capítulo explica cómo usar JQuery para animar elementos HTML, incluyendo la animación de propiedades CSS, la animación de animaciones CSS predefinidas y la creación de animaciones personalizadas.
- Componentes UI con JQuery. Este capítulo explica cómo usar JQuery para crear componentes UI, como menús desplegables, ventanas emergentes y paneles.
Recuerda es muy importante practicar lo que aprendas. Una buena manera de hacerlo es crear tus propios proyectos o colaborar con otros desarrolladores.
2. Recopilación de manuales y recursos gratuitos.
- Manual PDF: Manual básico de jQuery. Editado por José Luis Comesaña.
- Manual sobre jQuery de Mootools de desarrolloweb que incluyen además unos interesantes recursos didácticos como el taller de JQuery y un Videotutorial de jQuery.
- También encontrarás una excelente recopilación de tutoriales de jQuery en acrisdesign.com.
- Manual PDF: Librerías JavaScript: JQuery. Desarrollo de Aplicaciones en Entornos Web de la Universidad de Murcia.
3. Bibliografía recomendada: Jquery
Los libros pueden proporcionarte una base sólida en los conceptos y fundamentos de la programación. Y enseñarle cómo pensar como un programador y cómo aplicar los principios de la programación a la solución de problemas. Un buen marco de referencia, estos son algunos de los más populares:
jQuery. El Framework JavaScript de la Web 2.0. 2ª Edición de Luc van Lancker.
«Este libro se dirige a los expertos o posibles expertos en la creación de sitios Web. Conocer, incluso dominar JavaScript, las hojas de estilo CSS, el DOM y AJAX, son requisitos previos indispensables para entender y poner en práctica este libro.
En él, el autor ha dado prioridad a un enfoque estructurado y progresivo.
Cada tema de jQuery se ilustra con un ejemplo, antes de pasar a practicar sobre aplicaciones más especializadas. Esta nueva edición del libro coincide con una evolución importante del framework jQuery.
La versión jQuery 2.0 se caracteriza por un tamaño reducido del API para acelerar la carga; desaparecen numerosos métodos y se modifican funciones.
Los lectores que quieran iniciarse en jQuery empezarán con una librería remodelada cuyos principios seguirán siendo los mismos durante mucho tiempo.»
Web Design with HTML, CSS, JavaScript and jQuery Set de Jon Duckett.
«Un conjunto de dos libros para diseñadores web y desarrolladores de aplicaciones para el usuario Este conjunto de dos libros combina los títulos HTML y CSS: Diseño y creación de sitios web y JavaScript y jQuery: desarrollo interactivo para el usuario.
Juntos, estos dos libros forman una plataforma ideal para cualquiera que quiera dominar HTML y CSS antes de avanzar a JavaScript y jQuery.
HTML y CSS cubre estructura, texto, enlaces, imágenes, tablas, formularios, opciones útiles, agregando estilo con CSS, fuentes, colores, pensamiento en cuadros, listas de estilos y tablas, diseños, grillas e incluso SEO, Google Analytics, ftp, y HTML5.
JavaScript & jQuery ofrece una excelente introducción combinada a estas dos tecnologías usando un enfoque visual claro y simple usando diagramas, infografías y fotografías. Un útil conjunto de dos libros que combina de manera exclusiva las tecnologías relacionadas.
El formato altamente visual y el lenguaje accesible hace que estos libros sean herramientas de aprendizaje altamente efectivas. Perfecto para los diseñadores web principiantes y los desarrolladores de aplicaciones para el usuario.»
jQuery Mobile. Aplicaciones HTML5 para móviles (Anaya Multimedia/O¿Reilly) por Maximiliano Firtman.
«¿Le gustaría crear una aplicación Web que funcionara tanto en iPad y Kindle Fire, como en iPhone y smartphones Android? Con jQuery Mobile y un básico conocimiento de HTML, este libro le ayudará a hacerlo.
A través de una serie de ejercicios prácticos, conocerá cuál es el mejor modo de utilizar los muchos componentes de interfaz para crear aplicaciones multiplataforma personalizables, sin que para ello necesite tener ningún conocimiento o experiencia previa en la programación con jQuery.
Aprenderá a crear interfaces interactivas basadas en AJAX que funcionan en varios smartphones y tablets utilizando jQuery Mobile y código HTML5 semántico.»
JavaScript and JQuery: Interactive Front-End Web Development por Jon Duckett.
«Aprende JavaScript y jQuery de una manera más agradable Este libro a todo color adopta un enfoque visual para enseñar JavaScript y jQuery, mostrándote cómo hacer que las páginas web sean más interactivas y las interfaces más intuitivas mediante el uso de inspiradores ejemplos de códigos, infografías y fotografías.
El contenido no asume ninguna experiencia de programación previa, aparte de saber cómo crear una página web básica en HTML y CSS.
Aprenderá cómo lograr las técnicas que se ven en muchos sitios web populares (como agregar animación, paneles con pestañas, controles deslizantes de contenido, validación de formularios, galerías interactivas y ordenar datos).
Presenta conceptos básicos de programación en JavaScript y jQuery usa descripciones claras e inspiradoras ejemplos y diagramas fáciles de seguir.
Le enseña a crear secuencias de comandos desde cero y comprende los miles de JavaScripts, APIs de JavaScript y complementos de jQuery que están disponibles en la web. Demuestra las últimas prácticas en mejora progresiva, compatibilidad entre navegadores, y cuando es mejor que uses CSS3.
Si estás buscando crear experiencias web más enriquecedoras y expresar tu creatividad a través del código, entonces este es el libro para ti.
Este libro también está disponible como parte de un conjunto en tapa dura. Diseño web con HTML, CSS, JavaScript y jQuery, en tapa blanda. Diseño web con HTML, CSS, JavaScript y jQuery. »
JavaScript y jQuery 3ª Edición (Programación) de David Sawyer McFarland.
«JavaScript es un lenguaje de programación que permite crear diferentes efectos y animaciones e interactuar con los usuarios proporcionando a los sitios Web dinamismo e interactividad. Puede utilizar JavaScript en el navegador, en el servidor, en las apps móviles, etc.
Actualmente todos los sitios Web usan JavaScript y todos los navegadores importantes del mercado contienen un intérprete de JavaScript. JQuery es una librería de JavaScript que se ha diseñado para facilitar la programación, es el arma secreta que los desarrolladores Web utilizan para enfrentarse al proceso de programación en JavaScript.
Con jQuery, bastará una sencilla línea de código para ahorrarnos cientos de líneas y horas de programación, y días de pruebas en diferentes navegadores para depurar nuestro código.
Con esta guía completamente actualizada aprenderá las bases de JavaScript y se familiarizará con las ventajas e inconvenientes de su programación, haciendo especial énfasis en jQuery.
Además conocerá las últimas novedades del plugin jQuery UI para dotar de un grado asombroso de interactividad a sus sitios Web. Dote de vida a sus páginas.
Familiarícese con jQuery UI. Muestre los mejores formularios. Utilice Ajax para optimizar la funcionalidad del navegador. Practique con ejemplos reales. Profundice en los conceptos avanzados.»
Programación Ajax y jQuery de Andrés Serbat. Tienda Kindle.
«Con este libro usted aprenderá a programar tanto con Ajax como con jQuery, que son dos técnicas de programación muy empleada en la actualidad y que dotará a su página web de una mejor estética y una mejor interactividad con el usuario que hará que mejore considerablemente la experiencia del usuario en su web.
AJAX no es un lenguaje de programación nuevo, sino una técnica para desarrollar software mejor y más rápidamente, y una aplicación más interactiva de las aplicaciones web.
jQuery es una biblioteca de código abierto y posee licencia dual, haciendo uso de la Licencia MIT o de la GNU General Public License versión 2.4.
La sintaxis del jQuery fue desarrollada para hacer más simple la navegación por el documento HTML, la selección de elementos DOM, crear animaciones, manipular eventos y desarrollar aplicaciones AJAX.
La biblioteca también ofrece la posibilidad de creación de plugins sobre ella. Haciendo uso de tales facilidades, los desarrolladores pueden crear capas de abstracción para interacciones de más bajo nivel, simplificando el desarrollo de las aplicaciones web dinámicas de gran complejidad.»
JQuery: JQuery in 8 Hours, JQuery for Beginners, Learn JQuery fast! A smart way to learn JQuery. Plain & Simple. JQuery programming, JQuery in easy steps: … Guide, Easy & Fast! (English Edition) de Ray Yao. Tienda Kindle.
Pack: jQuery y JavaScript. Use y Domine el Framework jQuery de Luc Van Lancker; Christian Vigouroux.
jQuery: Novice to Ninja de Earle Castledine.
«jQuery: Novice to Ninja, 2nd Edition es el libro perfecto para comenzar tu viaje en jQuery. Aprenderá todos los conceptos básicos, por lo que podrá apreciar realmente el poder de este marco de JavaScript.
Luego, pasará a técnicas más avanzadas, como el desarrollo de complementos y la creación de casi todos los widgets de IU concebibles.
- Una guía práctica y práctica para usar jQuery.
- Soluciones de mejores prácticas listas para usar.
- Incluye código de trabajo completo.
- Completamente actualizado para jQuery 1.6.»
HTML5, CSS3 y JQUERY. Curso práctico de Juan Antonio Recio.
«Este libro ofrece al lector toda la experiencia docente acumulada por el autor en sus clases universitarias sobre las tecnologías más populares de desarrollo web: HTML5, CSS3 y JavaScript/JQuery. Gracias a dicha experiencia, nos presenta una visión global.»
Notas del Autor de la guía: Daniel Jiménez
Si ves que por ti solo no avanzas o vas muy despacio. Considera asistir a cursos presenciales o incluso a bootcamps de programación, éstos son programas intensivos que pueden enseñarte las habilidades básicas de programación en un período de tiempo relativamente corto.
👌 Los bootcamps de programación suelen ser una buena opción si quieres aprender a programar rápidamente y adquirir las habilidades necesarias para conseguir un trabajo en el sector tecnológico. Pero tienen un coste elevado y una alta carga académica.
Si aún no estás seguro de si un bootcamp de programación es adecuado para ti, también hay otras formas de aprender a programar. Cómo decimos puedes buscar ayuda con cursos tutorizados de manera personalizada que se adapten a tu forma de aprendizaje y te aclaren dudas concretas.
Hoy en día existen una gran variedad de recursos para aprender a programar; cursos online, leer libros o videotutoriales, para aprender de forma autodidacta. Es más lento pero a veces si no se dispone de presupuesto no nos queda otra opción.
Recuerda, por nuestra parte siempre estamos buscando formas de mejorar nuestros manuales. Por eso, te invitamos a que nos envíes tus comentarios.
Si tienes alguna sugerencia sobre cómo mejorar nuestras guías y tutoriales de programación, no dudes en contactarnos. Gracias por leernos y por seguirnos en redes sociales. Al pie hay más contenidos relacionados para aprender a programar.