¿Dónde puedo aprender jQuery? ¿Vale la pena?


126

He tenido muchas buenas experiencias aprendiendo sobre desarrollo web en w3schools.com . Es impredecible, lo sé, pero las secciones PHP y CSS específicamente han demostrado ser muy útiles como referencia.

De todos modos, me preguntaba si había un sitio similar para jQuery . Estoy interesado en aprender, pero necesito que esté en línea / se pueda buscar, para poder consultarlo fácilmente cuando necesite la información en el futuro.

Además, como breve resumen, ¿vale la pena aprender jQuery? ¿O debería mirar diferentes bibliotecas de JavaScript? Sé que Jeff usa jQuery en Stack Overflow y parece estar funcionando bien.

¡Gracias!

Editar : el sitio web de jQuery tiene una lista bastante grande de tutoriales y una página de documentación aparentemente completa . Todavía no he tenido tiempo de analizarlo, ¿alguien más ha tenido experiencia con él?

Edición 2 : Parece que Google ahora aloja las bibliotecas jQuery. Eso debería darle a jQuery una ventaja bastante grande en términos de publicidad.

Además, si todos usan una sola biblioteca unificada de aQuery alojada en el mismo lugar, debe almacenarse en caché para la mayoría de los usuarios de Internet desde el principio y, por lo tanto, no afectará la huella de descarga de su sitio si decide usarla.

2 meses después...

Edición 3 : ¡Empecé a usar jQuery en un proyecto en el trabajo recientemente y es genial trabajar con él! Sólo quería que todos sepan que he concluido que es absolutamente vale la pena para aprender y usar jQuery.

Además, aprendí casi por completo de la documentación y tutoriales oficiales de jQuery . Es muy sencillo.

10 meses después ...

jQuery es parte de casi todas las aplicaciones web que he creado desde que escribí esta publicación. Hace que la mejora progresiva sea muy fácil y ayuda a que el código se pueda mantener.

Además, ¡todos los complementos de jQuery son un recurso invaluable!

3 años después...

Todavía uso jQuery casi todos los días. Ahora autorizo ​​complementos jQuery y consulto a tiempo completo. Principalmente soy un Djangonaut, pero he realizado varios contratos de solo JavaScript con jQuery. Es un salvavidas.

De un usuario de jQuery a otro ... Debería considerar la creación de plantillas con jQuery (o guión bajo - ver más abajo).

Otras cosas que he encontrado valiosas además de jQuery (con la parte estimada de los proyectos en los que lo uso):


1
Google aloja todas las grandes bibliotecas de JavaScript, por lo que no lo veo como una gran victoria para jQuery en particular. Lo bueno de esto es que se sirve desde las tuberías de Google y puede que ya esté almacenado en caché localmente en el sistema del usuario.
Nosredna

44
increíble, genial ver que te tomaste el tiempo para actualizar tu experiencia con jquery. definitivamente voy a tomar el tiempo para aprender ahora también :)
melaos

Respuestas:


44

Los blogs de Rick Strahl y Matt Berseth me llevaron a jQuery y me alegro de que lo hayan hecho. jQuery cambia completamente a) la perspectiva de programación de su cliente, b) el dolor que le causa, yc) ¡qué divertido puede ser!

http://www.west-wind.com/weblog/

http://mattberseth.com/

Usé el libro jQuery in Action http://www.amazon.com/jQuery-Action-Bear-Bibeault/dp/1933988355/ref=sr_1_1?ie=UTF8&s=books&qid=1219716122&sr=1-1 (Lo compré usado en Amazon por alrededor de $ 22). Ha sido de gran ayuda para iniciarme en jQuery. La documentación en jquery.com también es muy útil.

Un lugar donde jQuery cae un poco plano es con sus componentes de interfaz de usuario. Esos aún no parecen estar listos para el horario estelar.

Podría ser que Prototype o MooTools o ExtJS sean tan buenos como jQuery. Pero para mí, jQuery parece tener un poco más de impulso en este momento y eso cuenta para mí.

Verifique jQuery out. ¡Esta muy padre!


10

Un gran recurso para aprender jQuery es: Learning jQuery . El autor, Karl Swedberg, también coescribió el libro titulado ... ¿listo? Sí, aprendiendo jQuery . Remy Sharp también tiene una gran información orientada a los aspectos visuales de jQuery en su blog .

--SEAN O


6

Utilicé Prototype durante unos seis meses antes de decidir aprender jQuery. Para mí, fue como una diferencia de día y noche. Por ejemplo, en Prototype, recorrerá un conjunto de elementos para verificar si existe y luego establecerá algo en él, en jQuery solo dirá $ ('div.class'). Find ('[name = thing]') o lo que sea y configúralo.

Es mucho más fácil de usar y se siente mucho más poderoso. El soporte del complemento también es excelente. Para casi cualquier patrón js común, hay un complemento que hace lo que quieres. Con prototype, buscarás en Google blogs que tengan el fragmento de código que necesitas.


5

Vale mucho la pena. jQuery realmente hace que JavaScript sea divertido nuevamente. Es como si todas las mejores prácticas de JavaScript estuvieran integradas en una sola biblioteca.

Lo aprendí a través de jQuery in Action (Manning), que superé durante un fin de semana. Está un poco por detrás de la situación actual, especialmente en lo que respecta a los complementos, pero es una gran introducción.


azotado a través de él? entonces eres un maestro ahora?
user72603

Apenas, pero fue un placer leer que no pude dejarlo.
yukondude

4

Existen numerosas bibliotecas de JavaScript que merecen al menos una revisión superficial para ver si satisfacen sus necesidades particulares. Primero, elabore una breve lista de criterios para guiar su proceso de selección y evaluación.

Luego, consulte una comparación / revisión de marcos de alto nivel en algún lugar como Wikipedia , seleccione algunas que se ajusten a sus criterios y le interesen. Pruébelos para ver cómo funcionan para usted. La mayoría, si no todas, de estas bibliotecas tienen sitios web con documentación de referencia y soporte de tipo de grupo de usuarios.

Para poner algunos nombres, Prototype , script.aculo.us , Jquery , Dojo , YUI ... todos parecen tener usuarios activos y contribuyentes, por lo que probablemente valga la pena leerlos para ver si satisfacen sus necesidades.

Jquery es bueno, pero con un poco de esfuerzo extra, tal vez descubras que algo más funciona mejor para ti.

Buena suerte.


Los Mootools también deberían estar en la lista.
Joshua Partogi

3

Descubrí que esta serie de tutoriales (serie de videos “jQuery for Absolute Beginners”) de Jeffery Way son MUY ÚTILES.

Está dirigido a aquellos desarrolladores que son nuevos en jQuery. Él muestra cómo crear muchas cosas interesantes con jQuery, como animación, Creación y eliminación de elementos y más.

Aprendí mucho de eso. Muestra cómo es fácil usar jQuery. Ahora me encanta y puedo leer y comprender cualquier script jQuery incluso si es complejo.

Aquí hay un ejemplo que me gusta " Cambiar el tamaño del texto "

1- jQuery :

<script language="javascript" type="text/javascript">
    $(function() {
        $('a').click(function() {
            var originalSize = $('p').css('font-size'); // Get the font size.
            var number = parseFloat(originalSize, 10);  // That method will chop off any integer 
                                                        // from the specifid varibale "originalSize".
            var unitOfMassure = originalSize.slice(-2); // Store the unit of massure, Pixle or Inch.

            $('p').css('font-size', number / 1.2 + unitOfMassure);
            if (this.id == 'larger') {
              $('p').css('font-size', number * 1.2 + unitOfMassure);
            } // Figure out which element is triggered.
         });
     });
</script>

2- Estilo CSS :

<style type="text/css" >
  body{ 
      margin-left:300px;text-align:center; 
      width:700px; 
      background-color:#666666;}
  .box {
      width:500px; 
      text-align:justify; 
      padding:5px; 
      font-family:verdana; 
      font-size:11px; 
      color:#0033FF; 
      background-color:#FFFFCC;}
</style>

2- HTML :

<div class="box">
    <a href="#" id="larger">Larger</a> |
    <a href="#" id="Smaller">Smaller</a>
    <p>
    In todays video tutorial, Ill show you how to resize text every 
    time an associated anchor tag is clicked. Well be examining 
    the slice”, parseFloat”, and CSS Javascript/jQuery methods.
    </p>
</div>

Recomiendo estos tutoriales:

http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/


3

Hay una serie de recursos para aprender jQuery (que vale la pena en mi humilde opinión). Comience aquí http://docs.jquery.com/Main_Page para leer la documentación de jQuery. Este es un gran sitio para ver visualmente lo que tiene para ofrecer: http://visualjquery.com/1.1.2.html . Las publicaciones de Manning también tienen un gran libro que es muy recomendable llamado jQuery en acción . En lo que respecta a las bibliotecas de JavaScript, esta y Prototype son probablemente las más populares si desea comparar jQuery con otra cosa.


2

Comencé a aprender mirando las extensiones jQuery para ver cómo otros desarrolladores trabajan con el lenguaje jQuery. No solo me ayudó a aprender la sintaxis de jQuery, sino que también me enseñó a desarrollar mis propias extensiones.


2

¡jQuery vale la pena aprender! Recomiendo leer "Learning jQuery" y "jQuery in Action". Ambos libros son geniales con expansión y ejemplos. El siguiente paso es usarlo para hacer algo. Encontrará la documentación oficial de http://docs.jquery.com muy útil. Lo uso como referencia, lo busco en Google todo el tiempo :)

También es muy útil el blog " Learning jQuery " mensionado por Sean. También jQuery HowTo también tiene una gran colección de fragmentos de código jQuery.


2

No he visto JQ-Fundamentals , de Rebecca Murphey, mencionada aquí.


Es un muy buen libro. También explica los fundamentos de JavaScript necesarios para comprender los conceptos básicos de JQuery.


1

Jquery.com está bien organizado y tiene muchos buenos ejemplos. No necesitas comprar un libro. Me resultó fácil recoger sobre la marcha simplemente haciendo referencia a la documentación del sitio web. Si eres alguien que aprende mejor haciendo, te sugiero este enfoque.

Y sí, vale la pena aprenderlo. ¡Le ahorrará mucho tiempo y realmente esperará hacer el trabajo de JavaScript!


0

Yo uso Prototype , que me gusta. Me temo que no conozco jQuery, así que no puedo compararlos, pero creo que vale la pena echarle un vistazo a Prototype. Sus documentos API son generalmente bastante buenos, en mi experiencia (lo que ciertamente ayuda con la capacidad de aprendizaje).


También preguntó sobre otras bibliotecas JS.
Lucas Wilson-Richter

0

Hola, soy parcial porque ahora trabajo con estos tipos, pero Carsonified ofrece algunos recursos excelentes para que las personas aprendan y mejoren su conjunto de habilidades jQuery. Justo el próximo lunes hay una conferencia en línea sobre jQuery con el propio John Resig: http://carsonified.com/online-conferences/jquery/

Además, ahora ofrecen videos tutoriales a través de su esquema de membresía en el blog Think Vitamin,

Sé que hay muchos recursos gratuitos, supongo que la diferencia aquí es la calidad del contenido que obtienes. Espero que sea útil!


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.