Где я могу изучить jQuery? Стоит ли оно того?

126

У меня было много хорошего опыта изучения веб-разработки на w3schools.com . Я знаю, это удачно или нет, но разделы PHP и CSS оказались очень полезными для справки.

Во всяком случае, мне было интересно, есть ли аналогичный сайт для jQuery . Мне интересно учиться, но мне нужно, чтобы он был доступен в Интернете / для поиска, чтобы я мог легко вернуться к нему, когда мне понадобится информация в будущем.

Также, вкратце, стоит ли изучать jQuery? Или мне стоит посмотреть разные библиотеки JavaScript? Я знаю, что Джефф использует jQuery при переполнении стека, и, похоже, он работает хорошо.

Спасибо!

Изменить : на веб-сайте jQuery есть довольно большой список руководств и, казалось бы, полная страница документации . У меня еще не было времени пройти через все это, у кого-нибудь еще был опыт с этим?

Изменить 2 : похоже, Google теперь размещает библиотеки jQuery. Это должно дать jQuery довольно большое преимущество с точки зрения рекламы.

Кроме того, если все используют единую унифицированную библиотеку aQuery, размещенную в одном месте, она должна быть кэширована для большинства пользователей Интернета на раннем этапе и, следовательно, не влияет на объем загрузки вашего сайта, если вы решите ее использовать.

через 2 месяца...

Изменить 3 : я недавно начал использовать jQuery в проекте на работе, и с ним приятно работать! Просто хотел , чтобы все знали , что я пришел к выводу , что это АБСОЛЮТНО стоит изучить и использовать JQuery.

Кроме того, я почти полностью изучил официальную документацию и руководства jQuery . Это очень просто.

10 месяцев спустя ...

jQuery является частью практически каждого веб-приложения, которое я создал с тех пор, как впервые написал этот пост. Это упрощает прогрессивное улучшение и помогает сделать код удобным для сопровождения.

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

3 года спустя...

Все еще использую jQuery почти каждый день. Сейчас я создаю плагины jQuery и постоянно консультируюсь. Я в первую очередь Djangonaut, но я заключил несколько контрактов только на javascript с jQuery. Это спасатель.

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

Другие вещи, которые я нашел ценными в дополнение к jQuery (с примерной долей проектов, в которых я его использую):

javascript jquery review Jiaaro
источник
1
Google размещает все большие библиотеки JavaScript, поэтому я не вижу в этом огромного выигрыша для jQuery, в частности. Хорошая вещь в том, что он подается из каналов Google и может быть уже кэширован локально в системе пользователя.
Носредна
4
замечательный чувак, приятно видеть, что ты нашел время, чтобы обновить свой опыт работы с jquery. я определенно собираюсь найти время, чтобы изучить это сейчас тоже :)
melaos

Ответы:

44

Блоги Рика Стрела и Мэтта Берсета подтолкнули меня к использованию jQuery, и я рад, что они это сделали. jQuery полностью меняет а) ваш взгляд на программирование клиента, б) печаль, которую он причиняет вам, и в) насколько это может быть весело!

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

http://mattberseth.com/

Я использовал книгу 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 (я купил ее, использовал в Amazon примерно за 22 доллара). Это очень помогло мне в загрузке jQuery. Документация на jquery.com также очень полезна.

Место, где jQuery немного не работает, - это его компоненты пользовательского интерфейса. Они, похоже, еще не совсем готовы к прайм-тайму.

Это может быть , что Prototype или MooTools или ExtJS так хороши , как JQuery. Но для меня сейчас jQuery, кажется, имеет немного больше импульса, и это кое-что для меня имеет значение.

Проверьте jQuery. Это очень круто!

гр.
источник
10

Отличный ресурс для изучения jQuery: Изучение jQuery . Автор, Карл Сведберг, также является соавтором книги под названием ... Готов? Ага, изучаю jQuery . Реми Шарп также разместил в своем блоге отличную информацию о визуальных аспектах jQuery .

- ШОН О

Шон О
источник
6

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

Его намного проще использовать, и он кажется намного более мощным. Поддержка плагинов тоже отличная. Практически для любого распространенного шаблона js есть плагин, который делает то, что вы хотите. С прототипом вы будете искать в Google блоги, в которых есть нужный вам фрагмент кода.

blake8086
источник
5

Это того стоит. jQuery снова делает JavaScript действительно интересным. Это как если бы все лучшие практики JavaScript были объединены в единую библиотеку.

Я изучил это с помощью jQuery in Action (Manning), который я изучил за выходные. Это немного отстает от текущего положения дел, особенно в отношении плагинов, но это отличное введение.

yukondude
источник
пробил через это? так ты теперь хозяин?
user72603
Вряд ли, но читать было такое удовольствие, что я не мог оторваться.
yukondude
4

Существует множество библиотек JavaScript, которые стоит хотя бы бегло изучить, чтобы узнать, подходят ли они именно вам. Во-первых, составьте краткий список критериев, которые помогут вам в процессе выбора и оценки.

Затем просмотрите сравнение / обзоры фреймворков высокого уровня где-нибудь, например, в Википедии , выберите несколько, которые соответствуют вашим критериям и вас интересуют. Попробуйте их, чтобы увидеть, как они работают на вас. Большинство, если не все, из этих библиотек имеют веб-сайты со справочной документацией и поддержкой групп пользователей.

Чтобы указать некоторые имена, Prototype , script.aculo.us , Jquery , Dojo , YUI ... у всех, похоже, есть активные пользователи и участники, поэтому, вероятно, их стоит прочитать, чтобы увидеть, соответствуют ли они вашим потребностям.

Jquery - это хорошо, но, приложив немного дополнительных усилий, возможно, вы обнаружите, что что-то еще работает для вас лучше.

Удачи.


источник
Mootools тоже должны быть в списке.
Джошуа Партоги
3

Я обнаружил , что эти серии учебных пособий ( «Jquery для абсолютных новичков» Видео серии) по Джефри Пути очень полезны.

Он нацелен на тех разработчиков, которые плохо знакомы с 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 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>

Я очень рекомендую эти уроки:

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

egyamado
источник
3

Существует ряд ресурсов для изучения jQuery (ИМХО, это того стоит). Начните здесь http://docs.jquery.com/Main_Page, чтобы прочитать документацию jQuery. Это отличный сайт, чтобы визуально увидеть, что он может предложить: http://visualjquery.com/1.1.2.html . Кроме того, у Manning Publications есть отличная книга, которую настоятельно рекомендуется использовать под названием jQuery in Action . Что касается библиотек JavaScript, то эта библиотека и Prototype, вероятно, самые популярные, если вы хотите сравнить jQuery с чем-то другим.

Крис Конвей
источник
2

Я начал учиться с просмотра расширений jQuery, чтобы узнать, как другие разработчики работают с языком jQuery. Это не только помогло мне изучить синтаксис jQuery, но и научило разрабатывать собственные расширения.

Скиппи
источник
2

Стоит изучить jQuery !!! Рекомендую прочитать «Изучение jQuery» и «jQuery в действии». Обе книги великолепны с объяснениями и примерами. Следующий шаг - использовать его для чего-то. Вы найдете официальную документацию http://docs.jquery.com очень полезной. Я использую его как справочник, постоянно гуглил :)

Также очень полезен блог " Learning jQuery ", созданный Шоном. Также jQuery HowTo также имеет отличную коллекцию фрагментов кода jQuery.

Uzbekjon
источник
2

Я не видел JQ-Fundamentals - Ребекки Мерфи, упомянутого здесь где-нибудь.

Это очень хорошая книга. В нем также объясняются основы JavaScript, необходимые для понимания основ JQuery.

Драгос Дурлют
источник
1

Jquery.com хорошо организован и содержит множество отличных примеров. Вам не нужно покупать книгу. Мне было легко забрать на лету, просто обратившись к документации веб-сайта. Если вы тот, кто лучше всего учится на практике, я бы предложил этот подход.

И да, этому обязательно стоит научиться. Это сэкономит вам много времени, и вы с нетерпением ждете возможности поработать с JavaScript!

Кори Хаус
источник
0

Я использую Prototype , что мне нравится. Боюсь, я не знаю jQuery, поэтому не могу их сравнить, но я думаю, что Prototype стоит попробовать. По моему опыту, их документация по API в целом довольно хороша (что, безусловно, помогает с обучаемостью).

Лукас Уилсон-Рихтер
источник
Он также спросил о других библиотеках JS.
Лукас Уилсон-Рихтер
0

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

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

Я знаю, что есть много бесплатных ресурсов, я думаю, разница здесь в качестве контента, который вы получаете. надеюсь, это полезно!

Shaun
источник