Gdzie mogę nauczyć się jQuery? Czy warto?

Miałem wiele dobrych doświadczeń z nauką o tworzeniu stron internetowych na w3schools.com. to hit lub miss, wiem, ale sekcje PHP i CSS okazały się bardzo przydatne w celach informacyjnych.

W każdym razie, zastanawiałem się, czy jest podobna strona dla jQuery . Jestem zainteresowany nauką, ale potrzebuję, aby była dostępna online/w wyszukiwarce, więc mogę łatwo do niej wrócić, gdy będę potrzebował informacji w przyszłości.

Poza tym, w skrócie, czy jQuery warto się uczyć? A może powinienem spojrzeć na różne biblioteki JavaScript? Wiem, że Jeff używa jQuery na przepełnieniu stosu i wydaje się, że działa dobrze.

Dzięki!

Edit : strona jQuery ma dość dużą listę samouczków i pozornie obszerną stronę dokumentacji. Nie miałem jeszcze czasu, żeby przez to wszystko przejść, czy ktoś jeszcze miał z tym doświadczenie?

Edit 2 : wygląda na to, że Google hostuje teraz biblioteki jQuery. To powinno dać jQuery a dość duża przewaga pod względem rozgłosu.

Ponadto, jeśli wszyscy używają jednej zunifikowanej biblioteki aQuery hostowanej w tym samym miejscu, powinna ona zostać buforowana dla większości użytkowników Internetu na wczesnym etapie i dlatego nie wpływa na ślad pobierania Twojej witryny, jeśli zdecydujesz się jej użyć.

2 Miesiące Później...

Edit 3 : ostatnio zacząłem używać jQuery w projekcie w pracy i świetnie się z nim pracuje! Chciałem tylko powiedzieć wszystkim, że doszedłem do wniosku, że jest absolutnie. warto nauczyć się i korzystać z jQuery.

Nauczyłem się również prawie całkowicie z oficjalnej dokumentacji jQuery i tutoriali . To bardzo proste.

10 Miesięcy Później...

JQuery jest częścią prawie każdej aplikacji internetowej, którą zrobiłem, odkąd napisałem ten post. To sprawia, że progresywne ulepszenie jest proste i pomaga w utrzymaniu kodu.

Ponadto wszystkie wtyczki jQuery są nieocenione źródło!

3 Lata Później...

Wciąż używam jQuery prawie codziennie. Teraz autor wtyczek jQuery i konsultować cały czas. Jestem przede wszystkim Djangonaut ale zrobiłem kilka umów javascript tylko z jQuery. To ratownik życia.

Od jednego użytkownika jQuery do drugiego... Powinieneś spojrzeć na template z jQuery (lub podkreślenie -- patrz poniżej).

Inne rzeczy, które znalazłem cenne oprócz jQuery (z szacowaną częścią projektów używam go on): {]}

Author: Incognito, 2008-08-26

14 answers

Blogi Ricka Strahla i Matta Bersetha obie podpowiadały mi jQuery i cieszę się, że to zrobili. jQuery całkowicie zmienia a) perspektywę programowania klienta, b) smutek, który powoduje, i c) jak wiele radości może być!

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

Http://mattberseth.com/

Użyłem książki jQuery w akcji http://www.amazon.com/jQuery-Action-Bear-Bibeault/dp/1933988355/ref=sr_1_1?ie=UTF8&s=books&qid=1219716122&sr=1-1 (I kupił go używany w Amazon za około $22). To była duża pomoc w bootstrapping mnie do jQuery. Dokumentacja na jquery.com są również bardzo pomocne.

Miejsce, w którym jQuery wypada trochę płasko, to jego komponenty UI. Te nie wydają się być jeszcze gotowe na primetime.

Może być tak, że Prototype lub MooTools lub ExtJS są tak dobre jak jQuery. Ale dla mnie jQuery wydaje się mieć teraz trochę większy rozmach i to liczy się coś dla mnie.

Sprawdź jQuery. To jest bardzo fajne!

 44
Author: rp.,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-12-12 00:24:34

Świetnym źródłem do nauki jQuery jest: Nauka jQuery . Autor, Karl Swedberg, był również współautorem książki pt... gotowy? TAK., Nauka jQuery. Remy Sharp ma również świetne informacje dotyczące wizualnych aspektów jQuery na swoim blogu.

--SEAN O

 10
Author: Sean O,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2008-09-11 03:19:25

Używałem Prototype przez około sześć miesięcy, zanim zdecydowałem się nauczyć jQuery. Dla mnie to była jak różnica dnia i nocy. Na przykład, w Prototype będziesz pętlą nad zestawem elementów sprawdzając, czy taki istnieje, a następnie ustawiając coś w nim, w jQuery po prostu powiesz $('div.class").find ('[name=thing]') lub cokolwiek i ustaw go.

Jest o wiele łatwiejszy w użyciu i czuje się o wiele bardziej wydajny. Obsługa wtyczek jest również świetna. Dla prawie każdego wspólnego wzorca js jest wtyczka, która robi czego chcesz. Dzięki prototype będziesz wyszukiwał w Google blogi, które mają fragment kodu, którego potrzebujesz.

 6
Author: blake8086,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2008-09-02 14:39:21

Bardzo warto. jQuery naprawdę sprawia, że JavaScript znowu zabawa. To tak, jakby wszystkie najlepsze praktyki JavaScript zostały zawinięte w jedną bibliotekę.

Nauczyłem się tego przez jQuery w akcji (Manning), przez który przebrnąłem przez weekend. Jest trochę za obecnym stanem rzeczy, szczególnie w odniesieniu do wtyczek, ale to świetny wstęp.

 5
Author: yukondude,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-12-12 12:36:40

Istnieje wiele bibliotek JavaScript, które są warte co najmniej pobieżnego przeglądu, aby sprawdzić, czy odpowiadają one szczególne potrzeby. Po pierwsze, wymyślić krótką listę kryteriów, aby kierować procesem selekcji i oceny.

Następnie sprawdź porównanie RAM wysokiego poziomu / opinie gdzieś jak Wikipedia , Wybierz kilka, które pasują do Twoich kryteriów i cię interesują. Przetestuj je, aby zobaczyć, jak działają dla Ciebie. Większość, jeśli nie wszystkie, z tych bibliotek mają strony internetowe w / reference obsługa dokumentacji i typów grup użytkowników.

Aby umieścić kilka nazw tam, prototyp, script.aculo.us, Jquery, Dojo, YUI ...wszystkie wydają się mieć aktywnych użytkowników i współpracowników, więc prawdopodobnie warto je przeczytać, aby sprawdzić, czy spełniają Twoje potrzeby.

Jquery jest dobry, ale przy odrobinie dodatkowego wysiłku, może okaże się, że coś innego działa lepiej dla Ciebie.

Powodzenia.

 4
Author: ,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2008-08-26 13:48:27

Odkryłem, że te serie samouczków ("jQuery dla absolutnych początkujących" seria wideo) by Jeffery Way są bardzo pomocne.

Jest skierowany do tych programistów, którzy są nowi w jQuery. Pokazuje, jak za pomocą jQuery stworzyć wiele fajnych rzeczy, takich jak animacja, Tworzenie i usuwanie elementów i wiele innych.

Wiele się z tego nauczyłem. Pokazuje, jak łatwo jest używać jQuery. Teraz kocham go i mogę czytać i rozumieć każdy skrypt jQuery, nawet jeśli jest złożony.

Oto jeden przykład podoba mi się "Zmiana rozmiaru tekstu "

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

Gorąco polecam te tutoriale:

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

 3
Author: egyamado,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-12-12 12:33:32

Istnieje wiele zasobów do nauki jQuery (co jest całkowicie tego warte IMHO). Zacznij tutaj http://docs.jquery.com/Main_Page aby przeczytać dokumentację jQuery. Jest to świetna strona, aby zobaczyć wizualnie, co ma do zaoferowania: http://visualjquery.com/1.1.2.html . Manning publications ma również świetną książkę, która jest wysoce zalecana o nazwie jQuery w działaniu . Jeśli chodzi o biblioteki JavaScript to ta i Prototype są chyba najbardziej popularne jeśli szukasz porównania jQuery do czegoś innego.

 3
Author: Chris Conway,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-12-12 12:38:15

Zacząłem uczyć się od spojrzenia na Rozszerzenia jQuery, aby zobaczyć, jak inni programiści pracują z językiem jQuery. To nie tylko pomogło mi nauczyć się składni jQuery, ale także nauczyło mnie jak tworzyć własne rozszerzenia.

 2
Author: Skippy,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2008-08-26 20:05:20

JQuery worthy nauka!!! Polecam lekturę "Nauka jQuery" i "jQuery w akcji". Obie książki są świetne z ekspalacją i przykładami. Następnym krokiem jest wykorzystanie go do zrobienia czegoś. Znajdziesz oficjalne http://docs.jquery.com docummentacja bardzo przydatna. Używam go jako odniesienia, google go cały czas :)

Również " Nauka jQuery " blog jest również bardzo przydatny. Również jQuery HowTo {[2] } jest również wielki zbiór kodu jQuery fragmenty.

 2
Author: Uzbekjon,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-03-02 13:34:02

Nie widziałem JQ-Fundamentals - przez Rebeccę Murphey wymienione gdziekolwiek tutaj.


To bardzo dobra książka. Wyjaśnia również podstawy JavaScript wymagane do zrozumienia podstaw JQuery.

 2
Author: Dragos Durlut,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-11-28 10:06:11

Jquery.com jest dobrze zorganizowany i ma wiele świetnych przykładów. Nie musisz kupować książki. Łatwo było go odebrać w locie, odwołując się do dokumentacji strony internetowej. Jeśli jesteś kimś, kto uczy się najlepiej poprzez robienie, proponuję takie podejście.

I tak, absolutnie warto się tego nauczyć. To pozwoli Ci zaoszczędzić dużo czasu i będziesz naprawdę czekać na pracę JavaScript!

 1
Author: Cory House,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-12-12 12:35:04

Używam prototypu , który lubię. Obawiam się, że nie znam jQuery, więc nie mogę ich porównać, ale myślę, że warto sprawdzić prototyp. Ich dokumenty API są ogólnie całkiem dobre, z mojego doświadczenia (co z pewnością pomaga w nauce).

 0
Author: Lucas Wilson-Richter,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-12-12 12:35:51

Hej, jestem stronniczy w tym, że teraz pracuję z tymi facetami, ale Carsonified oferuje kilka świetnych zasobów dla ludzi uczących się i doskonalących swoje umiejętności jQuery. Już w najbliższy poniedziałek odbędzie się konferencja online na temat jQuery z udziałem samego Johna Resiga - http://carsonified.com/online-conferences/jquery/

Ponadto oferują teraz samouczki wideo za pośrednictwem swojego programu członkostwa na blogu Think Vitamin,

Wiem, że jest dużo darmowych zasobów, myślę, że różnica oto jakość treści, które otrzymujesz. mam nadzieję, że się przyda!

 0
Author: Shaun,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-07-05 13:12:26
 0
Author: vrluckyin,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-06-21 17:52:45