Los mejores libros, videos, tutoriales y más para aprender jQuery gratis

jQuery es, sin duda, la biblioteca de JavaScript más popular en la web en la actualidad. Es utilizado por el 70% de los principales sitios web y se está convirtiendo en un estándar de facto en el desarrollo web. Si está buscando un trabajo de programación, conocer la biblioteca es una gran ventaja.

Las cosas también han progresado en términos de calidad y disponibilidad de material didáctico. En otras palabras, ¡ahora es el mejor momento para aprender sobre desarrollo web! En este artículo, encontrará una lista de recursos que desearía que existieran cuando comencé con jQuery y que recomendaría a todos los principiantes.

Primero, conozca la familia jQuery

jQuery es una biblioteca que facilita el trabajo con DOM, escucha eventos, anima elementos y emite solicitudes AJAX, entre otras cosas. Sin embargo, ¿sabe que el proyecto jQuery en realidad admite tres bibliotecas que llevan el nombre jQuery? Estos son:

  1. La biblioteca jQuery. Esta es la biblioteca a la que la gente suele referirse cuando dice jQuery. De esto también tratan los recursos de este artículo. Las otras dos bibliotecas se basan en ella, con casos de uso específicos en mente. Hay dos versiones de jQuery a partir de este escrito:1.9.1 y 2.0. La versión 2.0 deja de ser compatible con navegadores antiguos como IE 6, 7 y 8, por lo que le sugiero que descargue y use la versión 1.9.1 que funciona en todas partes.
  2. jQuery Mobile es un marco ligero para crear aplicaciones web móviles con HTML5. Le permite crear interfaces compatibles con Ajax y táctiles con barras de herramientas, botones, vistas de lista y más, que se verán y funcionarán de manera uniforme en todos los dispositivos móviles. Esta es una biblioteca que puedo recomendar aprender después de obtener los conceptos básicos de jQuery, ya que se basa en ella. Este es uno de nuestros tutoriales para comenzar.
  3. interfaz de usuario de jQuery. Esta es una colección de widgets como selectores de fecha, cuadros de diálogo, barras de progreso, efectos y más destinados a aplicaciones web interactivas. Siento que esta biblioteca está perdiendo atención a medida que los desarrolladores acuden en masa a marcos más modernos, por lo que recomendaría aprender Twitter Bootstrap en su lugar.

Entonces, ahora que sabe un poco más sobre la familia jQuery, ¿por dónde comienza?

Los Primeros Pasos

Ha habido un aumento notable en el número y la calidad de los recursos gratuitos disponibles para los desarrolladores web en los últimos años. Esto es especialmente cierto para jQuery. Esto es lo que debe comenzar con:

  • JavaScript 101 es un buen artículo de introducción a JavaScript del sitio jQuery. Aquí es donde debe comenzar si no está familiarizado con el idioma. Luego puede continuar con algunos de los libros gratuitos de JS incluidos en el próximo capítulo.
  • La Guía de introducción a jQuery es un buen primer paso para los principiantes. Explica conceptos básicos como cómo debe incluir jQuery en su página y cómo escribir su primer script.
  • Pruebe jQuery es un muy buen curso interactivo con videos y desafíos de código que puede realizar de forma gratuita.

Después de abrir el apetito, puede leer algunos de los libros en el próximo capítulo.

Libros electrónicos gratuitos

Los tutoriales y las publicaciones de blog son buenos para aprender técnicas específicas, pero no sirven de mucho si eres completamente nuevo en algo. Esto es en lo que los libros son mejores:le brindan una descripción completa y sistemática de una tecnología, con ejemplos y muchos detalles.

Francamente, no puedes aprender jQuery sin conocer primero JavaScript, así que aquí tienes algunos libros para que empieces:

  • Eloquent JavaScript es un libro que no solo te enseña JavaScript, sino también los conceptos básicos de programación. Es una gran lectura para aquellos que no tienen mucha experiencia escribiendo código.
  • La Guía de JavaScript de Mozilla Developer Network es otra buena y sucinta descripción general del lenguaje.
  • JavaScript Enlightenment es un libro que cubre conceptos avanzados como cierres, prototipos, valores complejos, herencia y más. Tiene la intención de ser un resumen breve y digerible del lenguaje.
  • Dom Enlightenment es del mismo autor y le brinda una comprensión profunda de la relación entre JS y DOM. Los ejemplos le mostrarán la poderosa funcionalidad que jQuery usa detrás de escena para hacer su vida más fácil.
  • Aplicaciones web de una sola página en profundidad es un libro que le enseña cómo hacer que su aplicación parezca casi nativa. Aprenderá a implementar colecciones, modelos y vistas en JS, sincronizarlos con su backend y escribir código mantenible.
  • Learning JavaScript Design Patterns es un libro que explora la aplicación de patrones de diseño bien conocidos en el mundo del desarrollo de software a las aplicaciones de JavaScript.
  • Patrones para aplicaciones de JavaScript a gran escala es un libro más complejo que se centra específicamente en la organización de grandes bases de código. Adecuado solo para desarrolladores JS experimentados.

Y, por supuesto, aquí hay algunos excelentes libros gratuitos de jQuery:

  • Fundamentos de jQuery es un libro de lectura obligatoria para todos los principiantes de jQuery. Explica en profundidad todas las características principales de jQuery y tiene ejemplos fáciles de entender que puede ejecutar directamente en su navegador.
  • jQuery Sucintly es un libro que ha sido escrito para expresar los conceptos esenciales para el desarrollo intermedio y avanzado de jQuery. Este es el siguiente paso perfecto después del libro Fundamentos de jQuery anterior.
  • jQuery tiene una muy buena documentación de API, llena de código de ejemplo, que es un libro por derecho propio.

[¡Oye, consulta nuestro nuevo libro jQuery Trickshots, donde puedes aprender 100 consejos y trucos épicos para trabajar con jQuery!]

Cursos y formación

Los cursos también contribuyen en gran medida a explicar nuevos conceptos. Pueden incluir videos editados profesionalmente con ejercicios y código de ejemplo. Estos son algunos de los mejores que están disponibles de forma gratuita:

  • Pruebe jQuery. Ya lo mencioné, pero se incluye aquí nuevamente para completar. Este curso incluye videos, código de ejemplo y ejercicios.
  • Lessons by appendTo() contiene lecciones gratuitas en video sobre JavaScript, jQuery, eventos, métodos y selectores.
  • Learn jQuery es el portal de aprendizaje oficial de la biblioteca. Aquí encontrará tutoriales y artículos adecuados para principiantes.
  • JavaScript interactivo es un curso intensivo basado en consola que implica escribir código en su navegador y superar desafíos.
  • Learn jQuery in 30 Days es un curso informativo gratuito de tutsplus. Después de suscribirse, recibirá una lección en video en su correo electrónico todos los días durante 30 días.
  • Learning Advanced JavaScript es una serie de consejos del creador de jQuery, John Resig.

Vídeos

Los videos son una forma buena y perezosa de aprender sobre nuevos temas de programación. El presentador lo alimenta con sabrosos conocimientos de desarrollo web mientras está cómodamente sentado en su sofá. ¡Qué no me gusta!

Estos son algunos de los mejores videos de jQuery que puedes ver ahora mismo de forma gratuita:

  • jQuery para principiantes absolutos de Nettuts se está volviendo bastante antiguo, pero aún puede aprender algunos de los fundamentos de la biblioteca
  • Learning jQuery es una enorme lista de reproducción de YouTube con una serie de capturas de pantalla que cubre todo, desde el evento listo hasta el envío de formularios con ajax.
  • Ontwik's jQuery Videos es una colección cada vez mayor de videos y conferencias de alta calidad sobre muchos temas que se dan en conferencias en todo el mundo (parece estar inactivo en este momento).
  • JSConf presenta una colección de videos de la popular conferencia de JavaScript.
  • Videos de Fronteers esta es la colección de videos de la conferencia front-end de Fronteers. Algunos de sus videos están en holandés, pero hay muchas conferencias interesantes en inglés.

Presentaciones

Las presentaciones son como los videos, pero más concisos y sin una persona que se interponga en el camino. Estas son algunas de las presentaciones de jQuery más populares:

  • jQuery en 30 minutos es un poco antiguo pero sigue siendo interesante para los principiantes.
  • Consejos y trucos de rendimiento comprobado de jQuery es una gran colección de consejos para optimizar su código jQuery.
  • JQuery Anti-Patterns es una presentación que explica cómo organizar correctamente su código y evitar los antipatrones que harán que su aplicación no se pueda mantener a largo plazo.
  • Usar objetos para organizar su código es otra presentación que se enfoca en la mantenibilidad del código.
  • jQuery:es una biblioteca, no un marco le recuerda que, aunque jQuery le da poder, no mantiene su código organizado, lo que puede conducir muy pronto a un lío de código espagueti.
  • Cosas que quizás no sepa sobre jQuery se escribieron para jQuery 1.4, pero también se aplican a las últimas versiones de la biblioteca.

Tutoriales y Blogs

Por supuesto, los tutoriales tienen su lugar y son una buena opción una vez que domines los conceptos básicos. Estos son los mejores lugares para encontrar tutoriales de jQuery:

  • Nuestra propia colección de tutoriales cubre muchas de las bondades de jQuery. Hacemos todo tipo de cosas interesantes con la biblioteca y mostramos técnicas avanzadas. (También todos nuestros PSD están disponibles para descargar desde nuestra Área de miembros gratuita para unirse).
  • Nettuts tiene una gran colección de tutoriales de jQuery. Prácticamente se han alejado de jQuery por sus cosas nuevas, lo cual es desafortunado.
  • jQuery Howto es uno de los blogs de jQuery más antiguos. Han cubierto casi todo sobre la biblioteca.
  • jQuery For Designers solía ser un sitio web de tutoriales muy popular que, lamentablemente, no se ha actualizado durante un par de años. De todos modos, los scripts son útiles incluso hoy en día (con la corrección ocasional para jQuery 1.9).
  • Badass JS es un blog que presenta impresionantes desarrollos en el mundo de JavaScript. Aunque no es un sitio de tutoriales, las publicaciones allí a menudo conducen a artículos técnicos detallados y bibliotecas interesantes.
  • DailyJS es otro blog de JavaScript/jQuery. Puede encontrar muchos complementos nuevos aquí, y se actualiza con mucha frecuencia.

Varios

Y aquí hay algunos proyectos y sitios que no encajaban en ninguna parte, pero creo que vale la pena echarles un vistazo:

  • Ordenar las preguntas de jQuery en stackoverflow por votos revela muchos temas interesantes que lo ayudarán a convertirse en un mejor desarrollador. Compruébelo usted mismo.
  • JavaScript Garden es una colección creciente de documentación sobre las partes más peculiares de JavaScript.
  • jQAPI es un navegador de documentación jQuery alternativo. Tiene una bonita interfaz que, en mi opinión, es más fácil de navegar que el sitio oficial de la API.
  • jQuery Cheatsheet es una referencia rápida y bien organizada de toda la API de jQuery. Muy fácil de marcar.
  • jQuery Deconstructed es un experimento muy interesante que analiza y presenta visualmente el código fuente de toda la biblioteca. Desafortunadamente, no se ha actualizado para una versión más reciente de jQuery.
  • JavaScript semanal es un boletín semanal. Recibirá interesantes enlaces de JavaScript en su correo electrónico todos los viernes.
  • Unheap es una colección bonita y ordenada de complementos de jQuery. Todo está perfectamente organizado en categorías con enlaces a demostraciones y vistas previas.
  • jQuery Plugins es el sitio oficial de complementos de jQuery, donde puede encontrar muchos complementos organizados en categorías.
  • Microjs es una colección de bibliotecas de JavaScript mínimas (no hay complementos de jQuery aquí) que tienen todas las funciones y son livianas. Aquí solo se incluyen los de tamaño de archivo pequeño.
  • JSDB es otra colección de bibliotecas y complementos útiles, pero no está limitado en cuanto al tamaño del archivo. Ordenar la lista por popularidad revela muchas bibliotecas que salvan vidas.
  • CDNJS es una CDN muy rápida que aloja muchas bibliotecas. Puede incluir jQuery y complementos de sus servidores, lo que puede acelerar su sitio (y ahorrarle algo de tráfico).

¡Feliz aprendizaje!

¿Conoce buenos recursos de aprendizaje que no están incluidos en esta lista? ¡Compártelos en la sección de comentarios!