Wo kann ich jQuery lernen? Lohnt es sich?

126

Ich habe viele gute Erfahrungen mit dem Thema Webentwicklung auf w3schools.com gemacht . Ich weiß, es ist ein Hit oder Miss, aber die Abschnitte PHP und CSS haben sich als Referenz sehr nützlich erwiesen.

Wie auch immer, ich habe mich gefragt, ob es eine ähnliche Site für jQuery gibt . Ich bin am Lernen interessiert, aber ich brauche es, um online / durchsuchbar zu sein, damit ich leicht darauf zurückgreifen kann, wenn ich die Informationen in Zukunft benötige.

Lohnt es sich, jQuery kurz zu lernen? Oder sollte ich mir verschiedene JavaScript-Bibliotheken ansehen? Ich weiß, dass Jeff jQuery für Stack Overflow verwendet und es scheint gut zu funktionieren.

Vielen Dank!

Bearbeiten : Die Website von jQuery enthält eine ziemlich große Liste von Tutorials und eine scheinbar umfassende Dokumentationsseite . Ich hatte noch keine Zeit, alles durchzugehen. Hat jemand anderes Erfahrung damit?

Bearbeiten 2 : Es scheint, dass Google jetzt die jQuery-Bibliotheken hostet. Das sollte jQuery einen ziemlich großen Vorteil in Bezug auf die Werbung verschaffen.

Wenn jeder Benutzer eine einzige einheitliche aQuery-Bibliothek verwendet, die am selben Ort gehostet wird, sollte sie für die meisten Internetbenutzer frühzeitig zwischengespeichert werden und daher keinen Einfluss auf den Download-Footprint Ihrer Website haben, falls Sie sich für die Verwendung entscheiden.

2 Monate später...

Edit 3 : Ich habe vor kurzem angefangen, jQuery für ein Projekt bei der Arbeit zu verwenden, und es ist großartig, damit zu arbeiten! Ich wollte nur alle wissen lassen, dass ich zu dem Schluss gekommen bin, dass es sich ABSOLUT lohnt, jQuery zu lernen und zu verwenden.

Außerdem habe ich fast ausschließlich aus der offiziellen jQuery- Dokumentation und den Tutorials gelernt . Es ist sehr einfach.

10 Monate später ...

jQuery ist Teil fast jeder Web-App, die ich seit dem ersten Schreiben dieses Beitrags erstellt habe. Es macht die progressive Verbesserung zum Kinderspiel und hilft, den Code wartbar zu machen.

Außerdem sind alle jQuery-Plug-Ins eine unschätzbare Ressource!

3 Jahre später ...

Ich benutze jQuery immer noch fast jeden Tag. Ich verfasse jetzt jQuery-Plug-Ins und konsultiere Vollzeit. Ich bin hauptsächlich ein Djangonaut, aber ich habe mehrere Javascript-Verträge mit jQuery abgeschlossen. Es ist ein Lebensretter.

Von einem jQuery-Benutzer zum anderen ... Sie sollten sich das Templating mit jQuery ansehen (oder den Unterstrich - siehe unten).

Andere Dinge, die ich zusätzlich zu jQuery als wertvoll empfunden habe (mit einem geschätzten Teil der Projekte, für die ich es verwende):

Jiaaro
quelle
1
Google hostet alle großen JavaScript-Bibliotheken, daher sehe ich das nicht als großen Gewinn für jQuery. Das Schöne daran ist, dass es über die Pipes von Google bereitgestellt wird und möglicherweise bereits lokal auf dem System des Benutzers zwischengespeichert ist.
Nosredna
4
Toller Kerl, toll zu sehen, dass du dir die Zeit genommen hast, deine Erfahrungen mit jquery zu aktualisieren. Ich werde mir jetzt definitiv auch die Zeit nehmen, es zu lernen :)
melaos

Antworten:

44

Die Blogs von Rick Strahl und Matt Berseth haben mich beide zu jQuery geführt, und ich bin froh, dass sie es getan haben. jQuery ändert a) Ihre Client-Programmierperspektive vollständig, b) den Kummer, den es Ihnen bereitet, und c) wie viel Spaß es machen kann!

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

http://mattberseth.com/

Ich habe das Buch jQuery in Aktion http://www.amazon.com/jQuery-Action-Bear-Bibeault/dp/1933988355/ref=sr_1_1?ie=UTF8&s=books&qid=1219716122&sr=1-1 (Ich kaufte es verwendet bei Amazon für ca. 22 US-Dollar). Es war eine große Hilfe, mich in jQuery zu booten. Die Dokumentation auf jquery.com ist ebenfalls sehr hilfreich.

Ein Ort, an dem jQuery ein wenig flach fällt, sind die UI-Komponenten. Diese scheinen noch nicht ganz bereit für die Primetime zu sein.

Es kann sein, dass Prototype oder MooTools oder ExtJS so gut sind wie jQuery. Aber für mich scheint jQuery momentan etwas mehr Schwung zu haben, und das zählt für mich.

Überprüfen Sie jQuery aus. Es ist sehr cool!

rp.
quelle
10

Eine großartige Ressource zum Lernen von jQuery ist: Lernen von jQuery . Der Autor Karl Swedberg hat auch das Buch mit dem Titel ... fertig geschrieben? Ja, jQuery lernen . Remy Sharp hat in seinem Blog auch großartige Informationen zu den visuellen Aspekten von jQuery .

- SEAN O.

Sean O.
quelle
6

Ich habe Prototype ungefähr sechs Monate lang verwendet, bevor ich mich entschied, jQuery zu lernen. Für mich war es wie ein Unterschied zwischen Tag und Nacht. In Prototype durchlaufen Sie beispielsweise eine Reihe von Elementen, prüfen, ob eines vorhanden ist, und setzen dann etwas darin. In jQuery sagen Sie einfach $ ('div.class'). Find ('[name = thing]') oder was auch immer und setzen Sie es.

Es ist so viel einfacher zu bedienen und fühlt sich viel leistungsfähiger an. Die Plugin-Unterstützung ist auch großartig. Für fast jedes gängige js-Muster gibt es ein Plugin, das macht, was Sie wollen. Mit dem Prototyp googeln Sie nach Blogs, die den Code-Ausschnitt enthalten, den Sie benötigen.

blake8086
quelle
5

Es ist es sehr wert. Mit jQuery macht JavaScript wieder richtig Spaß. Es ist, als ob alle Best Practices für JavaScript in einer einzigen Bibliothek zusammengefasst wären.

Ich habe es durch jQuery in Action (Manning) gelernt , das ich über ein Wochenende durchgepeitscht habe. Es ist ein bisschen hinter dem aktuellen Stand der Dinge, insbesondere in Bezug auf Plug-Ins, aber es ist eine großartige Einführung.

Yukondude
quelle
durchgepeitscht? Also bist du jetzt ein Meister?
user72603
Kaum, aber es war so eine Freude zu lesen, dass ich es nicht ablegen konnte.
Yukondude
4

Es gibt zahlreiche JavaScript-Bibliotheken, die zumindest eine flüchtige Überprüfung wert sind, um festzustellen, ob sie Ihren speziellen Anforderungen entsprechen. Erstellen Sie zunächst eine kurze Liste mit Kriterien, die Sie bei Ihrem Auswahl- und Bewertungsprozess unterstützen.

Schauen Sie sich dann einen Vergleich / Bewertungen auf hoher Ebene wie Wikipedia an , wählen Sie einige aus, die Ihren Kriterien entsprechen und Sie interessieren. Testen Sie sie, um zu sehen, wie sie für Sie arbeiten. Die meisten, wenn nicht alle dieser Bibliotheken verfügen über Websites mit Referenzdokumentation und Unterstützung für Benutzergruppentypen.

Um einige Namen zu nennen: Prototype , script.aculo.us , Jquery , Dojo , YUI ... alle scheinen aktive Benutzer und Mitwirkende zu haben, daher lohnt es sich wahrscheinlich , nachzulesen , ob sie Ihren Anforderungen entsprechen.

Jquery ist gut, aber mit ein wenig mehr Aufwand werden Sie vielleicht feststellen, dass etwas anderes für Sie besser funktioniert.

Viel Glück.


quelle
Mootools sollten ebenfalls auf der Liste stehen.
Joshua Partogi
3

Ich fand, dass diese Reihe von Tutorials ( "jQuery for Absolute Beginners" -Videoserie ) von Jeffery Way SEHR HILFREICH sind.

Es richtet sich an Entwickler, die neu in jQuery sind. Er zeigt, wie man mit jQuery viele coole Sachen erstellt, wie Animation, Erstellen und Entfernen von Elementen und mehr.

Ich habe viel daraus gelernt. Er zeigt, wie einfach es ist, jQuery zu verwenden. Jetzt liebe ich es und kann jedes jQuery-Skript lesen und verstehen, auch wenn es komplex ist.

Hier ist ein Beispiel , das ich wie „ Ändern der Größe von Text

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- CSS-Styling :

<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>

Ich kann diese Tutorials nur empfehlen:

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

Egyamado
quelle
3

Es gibt eine Reihe von Ressourcen, um jQuery zu lernen (was sich meiner Meinung nach absolut lohnt). Beginnen Sie hier http://docs.jquery.com/Main_Page , um die jQuery-Dokumentation zu lesen. Dies ist eine großartige Website, um visuell zu sehen, was sie zu bieten hat: http://visualjquery.com/1.1.2.html . Manning-Veröffentlichungen haben auch ein großartiges Buch namens jQuery in Action, das sehr zu empfehlen ist . In Bezug auf JavaScript-Bibliotheken sind diese und Prototype wahrscheinlich die beliebtesten, wenn Sie jQuery mit etwas anderem vergleichen möchten.

Chris Conway
quelle
2

Ich begann zu lernen, indem ich mir jQuery-Erweiterungen ansah, um zu sehen, wie andere Entwickler mit der jQuery-Sprache arbeiten. Es hat mir nicht nur geholfen, die jQuery-Syntax zu lernen, sondern mir auch beigebracht, wie ich meine eigenen Erweiterungen entwickeln kann.

Skippy
quelle
2

jQuery lohnt sich zu lernen !!! Ich empfehle "Learning jQuery" und "jQuery in Action" zu lesen. Beide Bücher sind großartig mit Expalanation und Beispielen. Der nächste Schritt besteht darin, es tatsächlich zu verwenden, um etwas zu tun. Sie finden die offizielle Dokumentation von http://docs.jquery.com sehr nützlich. Ich benutze es als Referenz, google es die ganze Zeit :)

Auch der von Sean erwähnte Blog " Learning jQuery " ist sehr nützlich. Auch jQuery HowTo bietet eine großartige Sammlung von jQuery-Codefragmenten.

Usbekjon
quelle
2

Ich habe JQ-Fundamentals nicht gesehen - von Rebecca Murphey, die hier irgendwo erwähnt wurden.


Es ist ein sehr gutes Buch. Außerdem werden die Grundlagen von JavaScript erläutert, die zum Verständnis der Grundlagen von JQuery erforderlich sind.

Dragos Durlut
quelle
1

Jquery.com ist gut organisiert und hat viele gute Beispiele. Sie müssen kein Buch kaufen. Ich fand es einfach, im Handumdrehen zu lernen, indem ich nur auf die Dokumentation der Website verwies. Wenn Sie jemand sind, der am besten lernt, würde ich diesen Ansatz vorschlagen.

Und ja, es lohnt sich absolut zu lernen. Sie sparen viel Zeit und freuen sich auf die Arbeit mit JavaScript!

Cory House
quelle
0

Ich benutze Prototype , den ich mag. Ich fürchte, ich kenne jQuery nicht, daher kann ich sie nicht vergleichen, aber ich denke, Prototype ist einen Besuch wert. Ihre API-Dokumente sind meiner Erfahrung nach im Allgemeinen ziemlich gut (was sicherlich zur Lernfähigkeit beiträgt).

Lucas Wilson-Richter
quelle
Er fragte auch nach anderen JS-Bibliotheken.
Lucas Wilson-Richter
0

Hey, ich bin voreingenommen, weil ich jetzt mit diesen Leuten zusammenarbeite, aber Carsonified bietet einige großartige Ressourcen für Leute, die ihre jQuery-Fähigkeiten lernen und verbessern. Erst nächsten Montag gibt es eine Online-Konferenz über jQuery mit John Resig selbst - http://carsonified.com/online-conferences/jquery/

Außerdem bieten sie jetzt Video-Tutorials über ihr Mitgliedschaftsprogramm im Think Vitamin-Blog an.

Ich weiß, dass es da draußen eine Menge kostenloser Ressourcen gibt. Ich denke, der Unterschied liegt in der Qualität der Inhalte, die Sie erhalten. hoffe es ist nützlich!

Shaun
quelle