Де я можу дізнатися jQuery? Чи варто того?


126

У мене було багато гарного досвіду, вивчаючи веб-розробку на w3schools.com . Я знаю, що це потрапляє чи пропускається, але спеціально розділи PHP та CSS виявились дуже корисними для довідок.

У всякому разі, мені було цікаво, чи є подібний сайт для jQuery . Мені цікаво навчатись, але мені потрібно, щоб це було в Інтернеті / пошуку, тому я можу легко звернутися до нього, коли мені потрібна інформація в майбутньому.

Також, як короткий бік, чи варто jQuery вивчити? Або я повинен переглянути різні бібліотеки JavaScript? Я знаю, що Джефф використовує jQuery в Stack Overflow, і, здається, він працює добре.

Дякую!

Редагувати : Веб-сайт jQuery має досить великий список навчальних посібників та наче вичерпну сторінку документації . Я ще не встиг пройти все це, чи мав хтось із цим досвід?

Редагувати 2 : Схоже, Google зараз розміщує бібліотеки jQuery. Це повинно дати jQuery досить велику перевагу з точки зору гласності.

Крім того, якщо кожен користується однією єдиною бібліотекою aQuery, розміщеною в одному і тому ж місці, він повинен отримати кешування для більшості користувачів Інтернету на початку та, отже, не впливати на слід завантаження вашого сайту, якщо ви вирішите його використовувати.

2 місяці пізніше ...

Редагувати 3 : Нещодавно я почав використовувати jQuery для проекту на роботі, і з ним чудово працювати! Просто хотів повідомити всім, що я зробив висновок, що це АБСОЛЮТНО варто, щоб вивчити та використовувати jQuery.

Також я дізнався майже повністю з офіційної документації та навчальних посібників jQuery . Це дуже просто.

10 місяців пізніше ...

jQuery є частиною майже кожного веб-додатка, який я зробив, оскільки я спочатку написав цю публікацію. Це робить прогресивне посилення легким вітром і допомагає зробити код постійним.

Крім того, всі плагіни jQuery - це неоціненний ресурс!

3 роки потому ...

Ще використовую jQuery майже щодня. Зараз я автор плагінів jQuery і консультуюсь повний робочий день. Я в першу чергу Djangonaut, але я зробив декілька контрактів з JavaScript тільки з jQuery. Це рятівник життя.

Від одного користувача jQuery до іншого ... Ви повинні переглянути шаблони за допомогою jQuery (або підкреслення - див. Нижче).

Інші речі, які я вважаю цінними на додаток до jQuery (з приблизною кількістю проектів, якими я користуюся):


1
Google розміщує всі великі версії JavaScript, тому я не вважаю це величезною виграшею для jQuery зокрема. Приємна річ у тому, що вона подається з труб Google і може вже зберігатись в локальній системі користувачів.
Носредна

4
чудовий чувак, прекрасно бачити, що ви знайшли час, щоб оновити свій досвід роботи з jquery. Я обов'язково
знайду

Відповіді:


44

Блоги Ріка Страля та Метта Берсета обидва підскакували мені в jQuery і людині, я радий, що вони це зробили. jQuery повністю змінює а) перспективу програмування вашого клієнта; б) горе, яке воно викликає у вас, і в) наскільки це може бути весело!

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

http://mattberseth.com/

Я використав книгу jQuery в дії http://www.amazon.com/jQuery-Action-Bear-Bibeault/dp/1933988355/ref=sr_1_1?ie=UTF8&s=books&qid=1219716122&sr=1-1 (я придбав її у Amazon приблизно за $ 22). Це було великою допомогою для завантаження мене в jQuery. Документація на jquery.com також дуже корисна.

Місце, де jQuery трохи падає, є його компонентами інтерфейсу. Вони, здається, ще не зовсім готові до початкового часу.

Це може бути той прототип або MooTools або ExtJS такі ж хороші, як і jQuery. Але для мене, здається, jQuery має трохи більше імпульсу саме зараз, і це для мене щось розраховує.

Перевірте jQuery. Це дуже круто!



6

Я використовував Prototype близько півроку, перш ніж вирішив вивчити jQuery. Для мене це було як різниця в ніч і день. Наприклад, у прототипі ви будете перебирати набір елементів, перевіряючи, чи існує такий, а потім встановлювати щось у ньому, у jQuery ви просто говорите $ ('div.class'). Find ('[name = thing]') або що завгодно і встановити його.

Це набагато простіше у використанні і відчуває себе набагато потужнішим. Підтримка плагінів також чудова. Практично для будь-якого загального js-шаблону є плагін, який робить те, що ви хочете. За допомогою прототипу ви будете гуглити для блогів, у яких є фрагмент потрібного вам коду.


5

Це дуже того варте. jQuery знову робить JavaScript цікавим. Це як би всі найкращі практики JavaScript були зведені в одну бібліотеку.

Я дізнався це за допомогою jQuery in Action (Manning), яку я пробив через вихідні. Це трохи відстає від поточного стану справ, особливо щодо плагінів, але це чудове вступ.


проскочив через нього? значить, ти зараз господар?
користувач72603

Навряд чи, але читати було таке задоволення, що я не зміг її відкласти.
yukondude

4

Існує чимало бібліотек JavaScript, які варті принаймні короткого огляду, щоб побачити, чи відповідають вони вашим потребам. Спочатку придумайте короткий список критеріїв, які керуватимуть вашим процесом відбору та оцінки.

Потім перегляньте високорівневі рамкові порівняння / огляди десь на зразок Вікіпедії , виберіть кілька, які відповідають вашим критеріям та вас цікавлять. Перевірте їх, щоб побачити, як вони працюють на вас. Більшість із цих бібліотек, якщо не всі, мають веб-сайти з довідковою документацією та підтримкою типу групи користувачів.

Щоб поставити деякі імена там, Prototype , script.aculo.us , Jquery , Dojo , YUI ... всі вони, мабуть, мають активних користувачів та учасників, тому, напевно, варто ознайомитись, щоб побачити, чи відповідають вони вашим потребам.

Jquery - це добре, але, доклавши трохи додаткових зусиль, можливо, ви виявите, що щось інше працює для вас краще.

Удачі.


Mootools теж має бути у цьому списку.
Джошуа Партогі

3

Я виявив, що ці серії навчальних посібників ( "Серія jQuery для абсолютних початківців" від Jeffery Way ) ДУЖЕ ДОПОМОЖНІ.

Він націлений на тих розробників, які не знайомі з jQuery. Він показує, як створити багато цікавих матеріалів за допомогою jQuery, як-от анімація, створення та видалення елементів тощо.

Я багато чому навчився з цього. Він показує, як легко користуватися jQuery. Тепер я люблю це, і я можу читати та розуміти будь-який сценарій jQuery, навіть якщо він складний.

Ось один приклад, який мені подобається " Змінення розміру тексту "

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 Стайлінг :

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

Я настійно рекомендую такі уроки:

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


3

Існує ряд ресурсів для вивчення jQuery (що цілком вартує того, що це IMHO). Починай тут http://docs.jquery.com/Main_Page, щоб прочитати документацію jQuery. Це чудовий сайт для візуального бачення того, що він може запропонувати: http://visualjquery.com/1.1.2.html . У публікаціях Manning також є чудова книга, яку дуже рекомендується називати jQuery in Action . Що стосується бібліотек JavaScript, то цей прототип і, мабуть, найбільш популярні, якщо ви хочете порівняти jQuery з чимось іншим.


2

Я почав вчитися, переглядаючи розширення jQuery, щоб побачити, як інші розробники працюють з мовою jQuery. Це не тільки допомогло мені вивчити синтаксис jQuery, але й навчило мене розробляти власні розширення.


2

jQuery вартий навчання !!! Я рекомендую прочитати "Навчання jQuery" та "jQuery в дії". Обидві книги чудові з розширенням та прикладами. Наступний крок - це фактично використовувати його для того, щоб щось зробити. Ви знайдете офіційну документацію http://docs.jquery.com дуже корисною. Я використовую це як орієнтир, весь час його гуглю :)

Також дуже корисним є блог " Навчання jQuery ", підкреслений Шоном. Також jQuery HowTo також має велику колекцію фрагментів коду jQuery.


2

Я не бачив JQ-Fundamentals - Ребекка Мерфі згадувала тут ніде.


Це дуже гарна книга. Він також пояснює основи JavaScript, необхідні для розуміння основ JQuery.


1

Jquery.com добре організований і має безліч чудових прикладів. Вам не потрібно купувати книгу. Мені було легко взяти з собою літ, просто посилаючись на документацію веб-сайту. Якщо ви хтось, хто найкраще вчиться на практиці, я б запропонував такий підхід.

І так, це абсолютно варто вчитися. Це заощадить вам багато часу, і ви насправді будемо з нетерпінням чекати роботи JavaScript!


0

Я використовую Prototype , який мені подобається. Боюся, я не знаю jQuery, тому не можу їх порівняти, але думаю, що прототип варто перевірити. Як правило, їхні документи API досить непогані (що, безумовно, допомагає навчанню).


Він також запитав про інші JS libs.
Лукас Вілсон-Ріхтер

0

Гей, я упереджений тим, що зараз працюю з цими хлопцями, але Carsonified пропонує чудові ресурси для людей, які навчаються та покращують набір навичок jQuery. Щойно наступного понеділка відбудеться онлайн-конференція про jQuery з участю самого Джона Ресіга - http://carsonified.com/online-conferences/jquery/

Крім того, вони пропонують відео-уроки за допомогою своєї схеми членства в блозі Think Vitamin,

Я знаю, що там багато вільного ресурсу, я думаю, різниця тут полягає в якості вмісту, який ви отримуєте. сподіваюся, що це корисно!


Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.