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

Miałem wiele dobrych doświadczeń związanych z tworzeniem stron internetowych na w3schools.com . Wiem, że jest to strzał w dziesiątkę, ale sekcje PHP i CSS szczególnie okazały się bardzo przydatne w celach informacyjnych.

W każdym razie zastanawiałem się, czy istnieje podobna witryna dla jQuery . Jestem zainteresowany nauką, ale potrzebuję, aby była dostępna online / umożliwiająca wyszukiwanie, aby móc łatwo do niej wrócić, gdy będę potrzebować informacji w przyszłości.

Krótko mówiąc, czy warto się uczyć jQuery? A może powinienem spojrzeć na różne biblioteki JavaScript? Wiem, że Jeff używa jQuery na Stack Overflow i wydaje się, że działa dobrze.

Dzięki!

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

Edycja 2 : Wygląda na to, że Google obsługuje teraz biblioteki jQuery. To powinno dać jQuery całkiem dużą przewagę pod względem rozgłosu.

Ponadto, jeśli wszyscy używają jednej ujednoliconej biblioteki aQuery hostowanej w tym samym miejscu, powinna ona zostać umieszczona w pamięci podręcznej dla większości użytkowników Internetu wcześnie, a zatem nie powinna mieć wpływu na pobieranie witryny, jeśli zdecydujesz się z niej skorzystać.

2 miesiące później...

Edycja 3 : Niedawno zacząłem używać jQuery w projekcie w pracy i świetnie się z nim pracuje! Chciałem tylko poinformować wszystkich, że doszedłem do wniosku, że absolutnie warto się uczyć i używać jQuery.

Ponadto prawie w całości nauczyłem się z oficjalnej dokumentacji i samouczków jQuery . To bardzo proste.

10 miesięcy później ...

jQuery jest częścią prawie każdej aplikacji internetowej, którą stworzyłem, odkąd napisałem ten post. Sprawia, że ​​stopniowe ulepszanie jest dziecinnie proste i ułatwia utrzymanie kodu.

Ponadto wszystkie wtyczki jQuery są nieocenionym zasobem!

3 lata później...

Nadal używam jQuery prawie każdego dnia. Obecnie tworzę wtyczki jQuery i konsultuję je w pełnym wymiarze czasu. Jestem przede wszystkim Djangonautą, ale zrobiłem kilka kontraktów tylko javascript z jQuery. To ratuje życie.

Od jednego użytkownika jQuery do drugiego ... Powinieneś przyjrzeć się szablonom z jQuery (lub podkreśleniem - patrz poniżej).

Inne rzeczy, które uznałem za wartościowe oprócz jQuery (z szacowaną częścią projektów, w których go używam):

• Wtyczka jQuery Form (95%)
• Przykładowa wtyczka jQuery Form (75%)
• jQuery UI (70%)
• Underscore.js (80%)
• CoffeeScript (30%)
• Backbone.js (10%)

Blogi Ricka Strahla i Matta Bersetha przekonywały mnie do jQuery i cieszę się, że to zrobili. jQuery całkowicie zmienia a) perspektywę programistyczną klienta, b) żal, który mu sprawia, ic) ile radości może być!

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

http://mattberseth.com/

Skorzystałem z książki 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 (kupiłem ją używaną w Amazon za około 22 USD). Bardzo pomogło mi załadowanie mnie do jQuery. Dokumentacja na jquery.com jest również bardzo pomocna.

Miejsce, w którym jQuery upada trochę płasko, to jego komponenty UI. Wydaje się, że nie są jeszcze gotowe na czas największej oglądalności.

Możliwe, że Prototype lub MooTools lub ExtJS są tak dobre jak jQuery. Ale dla mnie jQuery wydaje się mieć teraz trochę więcej rozpędu i to się liczy dla mnie.

Sprawdź jQuery. To jest bardzo fajne!

Świetnym źródłem do nauki jQuery jest: Nauka jQuery . Autor, Karl Swedberg, jest także współautorem książki zatytułowanej… gotowe? Tak, nauka jQuery . Remy Sharp ma również świetne informacje na temat wizualnych aspektów jQuery na swoim blogu .

- SEAN O

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 wykonasz pętlę nad zestawem elementów, sprawdzając, czy taki istnieje, a następnie ustawiając coś w nim, w jQuery po prostu mówisz $ ('div.class'). Find ('[name = thing]') lub cokolwiek i ustaw to.

Jest o wiele łatwiejszy w użyciu i daje dużo większe możliwości. Obsługa wtyczek jest również świetna. Dla prawie każdego typowego wzorca js dostępna jest wtyczka, która robi to, co chcesz. Dzięki prototypowi będziesz wyszukiwać w Google blogi zawierające potrzebny fragment kodu.

To jest bardzo tego warte. jQuery naprawdę sprawia, że ​​JavaScript znów jest zabawny. To tak, jakby wszystkie najlepsze praktyki JavaScript zostały umieszczone w jednej bibliotece.

Nauczyłem się tego dzięki jQuery in Action (Manning), przez który przeszedłem przez weekend. To trochę za obecnym stanem rzeczy, zwłaszcza jeśli chodzi o wtyczki, ale to świetne wprowadzenie.

Istnieje wiele bibliotek JavaScript, które są warte przynajmniej pobieżnej recenzji, aby sprawdzić, czy odpowiadają Twoim konkretnym potrzebom. Najpierw przygotuj krótką listę kryteriów, które będą kierować procesem wyboru i oceny.

Następnie sprawdź porównanie / recenzje na wysokim poziomie, takie 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ść tych bibliotek, jeśli nie wszystkie, ma witryny internetowe z dokumentacją referencyjną i obsługą typów grup użytkowników.

Aby umieścić tam kilka nazw, Prototype , script.aculo.us , Jquery , Dojo , YUI ... te 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 dobre, ale przy odrobinie dodatkowego wysiłku może okaże się, że coś innego działa lepiej dla Ciebie.

Powodzenia.

Zauważyłem, że ta seria samouczków (seria filmów „jQuery dla absolutnie początkujących”) autorstwa Jeffery Way jest BARDZO POMOCNA.

Jest skierowany do programistów, którzy są nowicjuszami w jQuery. Pokazuje, jak stworzyć wiele fajnych rzeczy za pomocą jQuery, takich jak animacja, tworzenie i usuwanie elementów i nie tylko.

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

Oto jeden przykład, który lubię „ 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- Styl 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 samouczki:

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

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. To świetna strona do wizualnego zobaczenia, co ma do zaoferowania: http://visualjquery.com/1.1.2.html . Publikacje Manning mają również świetną książkę, którą gorąco polecamy, zwaną jQuery in Action . Jeśli chodzi o biblioteki JavaScript, ta i Prototype są prawdopodobnie najpopularniejsze, jeśli chcesz porównać jQuery z czymś innym.

Zacząłem się uczyć, patrząc na rozszerzenia jQuery, aby zobaczyć, jak inni programiści pracują z językiem jQuery. Nie tylko pomogło mi to w nauce składni jQuery, ale także nauczyło mnie, jak tworzyć własne rozszerzenia.

jQuery warte nauki !!! Polecam lekturę „Nauka jQuery” i „jQuery w akcji”. Obie książki są świetne z objaśnieniami i przykładami. Następnym krokiem jest użycie go do zrobienia czegoś. Bardzo przydatna jest oficjalna dokumentacja http://docs.jquery.com . Używam go jako odniesienia, google cały czas :)

Bardzo przydatny jest również blog „ Learning jQuery ”, o którym wspomniał Sean. Również jQuery HowTo ma również świetną kolekcję fragmentów kodu jQuery.

Nie widziałem JQ-Fundamentals - autorstwa Rebeki Murphey, o której była mowa tutaj.

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

Jquery.com jest dobrze zorganizowany i ma wiele świetnych przykładów. Nie musisz kupować książki. Odbiór w locie był dla mnie łatwy, po prostu odwołując się do dokumentacji witryny. Jeśli jesteś osobą, która najlepiej uczy się poprzez działanie, proponuję takie podejście.

I tak, absolutnie warto się tego nauczyć. Zaoszczędzi ci to dużo czasu i nie możesz się doczekać pracy z JavaScriptem!

Używam Prototype , który mi się podoba. Obawiam się, że nie znam jQuery, więc nie mogę ich porównać, ale myślę, że Prototype warto sprawdzić. Z mojego doświadczenia wynika, że ​​ich dokumentacja API jest ogólnie całkiem dobra (co z pewnością pomaga w nauce).

Hej, jestem stronniczy w tym, że teraz pracuję z tymi gośćmi, ale Carsonified oferuje świetne zasoby dla ludzi uczących się i doskonalących swoje umiejętności jQuery. W najbliższy poniedziałek odbędzie się internetowa konferencja 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 istnieje wiele bezpłatnych zasobów, wydaje mi się, że różnica polega na jakości otrzymywanych treści. mam nadzieję, że to przydatne!

Poniższy link będzie pomocny, jeśli znasz SQL (tylko selektory css).

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

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