Où puis-je apprendre jQuery? Est-ce que ça vaut le coup?

J'ai eu beaucoup de bonnes expériences d'apprentissage sur le développement Web sur w3schools.com . C'est hasardeux, je sais, mais les sections PHP et CSS se sont particulièrement avérées très utiles pour référence.

Quoi qu'il en soit, je me demandais s'il y avait un site similaire pour jQuery . Je suis intéressé par l'apprentissage, mais j'ai besoin qu'il soit en ligne / consultable, afin que je puisse y revenir facilement lorsque j'aurai besoin d'informations à l'avenir.

De plus, en bref, jQuery vaut-il la peine d'être appris? Ou devrais-je regarder différentes bibliothèques JavaScript? Je sais que Jeff utilise jQuery sur Stack Overflow et cela semble bien fonctionner.

Merci!

Edit : le site Web de jQuery a une assez grande liste de didacticiels et une page de documentation apparemment complète . Je n'ai pas encore eu le temps de tout parcourir, est-ce que quelqu'un d'autre en a déjà fait l'expérience?

Edit 2 : Il semble que Google héberge maintenant les bibliothèques jQuery. Cela devrait donner à jQuery un assez gros avantage en termes de publicité.

De plus, si tout le monde utilise une seule bibliothèque aQuery unifiée hébergée au même endroit, elle devrait être mise en cache pour la plupart des utilisateurs d'Internet dès le début et donc n'impactera pas l'empreinte de téléchargement de votre site si vous décidez de l'utiliser.

2 mois plus tard...

Edit 3 : J'ai commencé à utiliser jQuery sur un projet au travail récemment et c'est super de travailler avec! Je voulais juste que tout le monde sache que j'ai conclu qu'il valait ABSOLUMENT la peine d'apprendre et d'utiliser jQuery.

De plus, j'ai appris presque entièrement de la documentation et des didacticiels officiels de jQuery . C'est très simple.

10 mois plus tard ...

jQuery fait partie de presque toutes les applications Web que j'ai créées depuis que j'ai écrit cet article. Cela rend l'amélioration progressive un jeu d'enfant et contribue à rendre le code maintenable.

De plus, tous les plug-ins jQuery sont une ressource inestimable!

3 années plus tard...

J'utilise toujours jQuery presque tous les jours. Je crée maintenant des plug-ins jQuery et je consulte à plein temps. Je suis principalement Djangonaut mais j'ai fait plusieurs contrats javascript uniquement avec jQuery. C'est une bouée de sauvetage.

D'un utilisateur jQuery à un autre ... Vous devriez regarder les modèles avec jQuery (ou soulignement - voir ci-dessous).

Autres choses que j'ai trouvées utiles en plus de jQuery (avec une partie estimée des projets sur lesquels je l'utilise):

• Plug-in jQuery Form (95%)
• Plugin d'exemple de formulaire jQuery (75%)
• jQuery UI (70%)
• Underscore.js (80%)
• CoffeeScript (30%)
• Backbone.js (10%)

Les blogs de Rick Strahl et de Matt Berseth m'ont tous deux mis en jQuery et je suis content qu'ils l'aient fait. jQuery change complètement a) votre perspective de programmation client, b) le chagrin qu'il vous cause, et c) combien cela peut être amusant!

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

http://mattberseth.com/

J'ai utilisé le livre 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 (je l'ai acheté d'occasion à Amazon pour environ 22 $). Cela m'a beaucoup aidé à m'amorcer dans jQuery. La documentation sur jquery.com est également très utile.

Un endroit où jQuery tombe un peu à plat est avec ses composants d'interface utilisateur. Ceux-ci ne semblent pas encore tout à fait prêts pour les heures de grande écoute.

Il se peut que Prototype ou MooTools ou ExtJS soient aussi bons que jQuery. Mais pour moi, jQuery semble avoir un peu plus d'élan derrière lui en ce moment et cela compte pour quelque chose pour moi.

Vérifiez jQuery. C'est très cool!

Une excellente ressource pour apprendre jQuery est: Apprendre jQuery . L'auteur, Karl Swedberg, a également co-écrit le livre intitulé ... prêt? Ouais, apprendre jQuery . Remy Sharp a également d'excellentes informations axées sur les aspects visuels de jQuery sur son blog .

--SEAN O

J'ai utilisé Prototype pendant environ six mois avant de décider d'apprendre jQuery. Pour moi, c'était comme une différence de jour et de nuit. Par exemple, dans Prototype, vous bouclerez sur un ensemble d'éléments vérifiant s'il en existe un, puis définissez quelque chose dedans, dans jQuery, vous dites simplement $ ('div.class'). Find ('[name = chose]') ou autre et réglez-le.

C'est tellement plus facile à utiliser et se sent beaucoup plus puissant. Le support du plugin est également excellent. Pour presque tous les modèles js courants, il existe un plugin qui fait ce que vous voulez. Avec prototype, vous rechercherez sur Google les blogs contenant l'extrait de code dont vous avez besoin.

Cela en vaut vraiment la peine. jQuery rend à nouveau JavaScript amusant. C'est comme si toutes les bonnes pratiques JavaScript étaient regroupées dans une seule bibliothèque.

Je l'ai appris grâce à jQuery in Action (Manning), que j'ai parcouru pendant un week-end. C'est un peu en retard sur l'état actuel des choses, notamment en ce qui concerne les plug-ins, mais c'est une excellente introduction.

Il existe de nombreuses bibliothèques JavaScript qui valent au moins un examen rapide pour voir si elles répondent à vos besoins particuliers. Tout d'abord, établissez une courte liste de critères pour guider votre processus de sélection et d'évaluation.

Ensuite, consultez une comparaison / des critiques de cadres de haut niveau quelque part comme Wikipedia , sélectionnez-en quelques-unes qui correspondent à vos critères et vous intéressent. Testez-les pour voir comment ils fonctionnent pour vous. La plupart, sinon la totalité, de ces bibliothèques ont des sites Web avec une documentation de référence et un support de type de groupe d'utilisateurs.

Pour mettre quelques noms là-bas, Prototype , script.aculo.us , Jquery , Dojo , YUI ... ceux-ci semblent tous avoir des utilisateurs et des contributeurs actifs, donc ils valent probablement la peine d'être lus pour voir s'ils répondent à vos besoins.

Jquery est bien, mais avec un peu d'effort supplémentaire, vous constaterez peut-être que quelque chose d'autre fonctionne mieux pour vous.

Bonne chance.

J'ai trouvé que ces séries de tutoriels (série de vidéos «jQuery for Absolute Beginners») de Jeffery Way sont TRÈS UTILES.

Il cible les développeurs qui découvrent jQuery. Il montre comment créer de nombreux trucs sympas avec jQuery, comme l'animation, la création et la suppression d'éléments et plus encore.

J'en ai beaucoup appris. Il montre comment il est facile d'utiliser jQuery. Maintenant je l'adore et je peux lire et comprendre n'importe quel script jQuery même s'il est complexe.

Voici un exemple que j'aime " Redimensionner le texte "

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- Style 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 today’s video tutorial, I’ll show you how to resize text every 
    time an associated anchor tag is clicked. We’ll be examining 
    the “slice”, “parseFloat”, and “CSS” Javascript/jQuery methods.
    </p>
</div>

Je recommande vivement ces tutoriels:

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

Il existe un certain nombre de ressources pour apprendre jQuery (ce qui en vaut vraiment la peine à mon humble avis). Commencez ici http://docs.jquery.com/Main_Page pour lire la documentation jQuery. C'est un excellent site pour voir visuellement ce qu'il a à offrir: http://visualjquery.com/1.1.2.html . Manning Publications a également un excellent livre qui est fortement recommandé appelé jQuery in Action . En ce qui concerne les bibliothèques JavaScript, celle-ci et Prototype sont probablement les plus populaires si vous cherchez à comparer jQuery à autre chose.

J'ai commencé à apprendre en regardant les extensions jQuery pour voir comment d'autres développeurs travaillent avec le langage jQuery. Cela m'a non seulement aidé à apprendre la syntaxe de jQuery, mais aussi à développer mes propres extensions.

jQuery vaut la peine d'être appris !!! Je recommande de lire "Learning jQuery" et "jQuery in Action". Les deux livres sont excellents avec des explications et des exemples. La prochaine étape consiste à l'utiliser pour faire quelque chose. Vous trouverez la documentation officielle http://docs.jquery.com très utile. Je l'utilise comme référence, google tout le temps :)

Le blog " Learning jQuery " proposé par Sean est également très utile. De plus, jQuery HowTo a également une grande collection d'extraits de code jQuery.

Je n'ai pas vu JQ-Fundamentals - par Rebecca Murphey mentionné nulle part ici.

C'est un très bon livre. Il explique également les principes de base de JavaScript nécessaires pour comprendre les bases de JQuery.

Jquery.com est bien organisé et contient de nombreux exemples intéressants. Vous n'avez pas besoin d'acheter un livre. Je l'ai trouvé facile à récupérer à la volée en faisant simplement référence à la documentation du site Web. Si vous êtes quelqu'un qui apprend le mieux en faisant, je vous suggère cette approche.

Et oui, cela vaut vraiment la peine d'être appris. Cela vous fera gagner beaucoup de temps et vous aurez vraiment hâte de travailler sur JavaScript!

J'utilise Prototype , ce que j'aime. J'ai peur de ne pas connaître jQuery, donc je ne peux pas les comparer, mais je pense que Prototype vaut le détour. D'après mon expérience, leurs documents sur l'API sont généralement assez bons (ce qui contribue certainement à l'apprentissage).

Hé, je suis biaisé en ce sens que je travaille maintenant avec ces gars-là, mais Carsonified offre d'excellentes ressources pour les personnes qui apprennent et améliorent leurs compétences jQuery. Lundi prochain, il y a une conférence en ligne sur jQuery avec John Resig lui-même - http://carsonified.com/online-conferences/jquery/

De plus, ils proposent désormais des tutoriels vidéo via leur programme d'adhésion sur le blog Think Vitamin,

Je sais qu'il y a beaucoup de ressources gratuites là-bas, je suppose que la différence ici est la qualité du contenu que vous obtenez. j'espère que c'est utile!

Le lien ci-dessous peut vous être utile si vous connaissez SQL (uniquement les sélecteurs css).

http://karticles.com/2011/06/learning-jquery-with-sql-basic-selectors

http://karticles.com/2011/06/learning-jquery-with-sql-attribute-selectors