15 ресурсов для начала работы с jQuery с нуля

Может быть, вы опытный JQuery Pro. Черт, может быть, вы Джон Резиг. С другой стороны, может быть, вы читаете такие слова, как «Prototype», «jQuery» и «Mootools» и думаете себе: «Какого черта это?» Сейчас время учиться.

В этой отрасли — сейчас больше, чем когда-либо — дизайнеры становятся кодерами, а кодеры становятся дизайнерами. Идея разработчика, выполняющего ТОЛЬКО интерфейсную или серверную работу, быстро становится устаревшей концепцией. JQuery поможет преодолеть разрыв. Javascript не является недостижимым навыком. В этой статье мы подробно рассмотрим пятнадцать ресурсов, которые помогут вам начать работу с jQuery с самого начала. Если вы избегаете этой библиотеки из-за какого-то глупого чувства страха, сейчас самое время погрузиться в нее. Вы будете поражены тем, насколько простой она может быть.

Что такое jQuery?

Согласно jQuery.com, jQuery — это быстрая, лаконичная библиотека JavaScript, которая упрощает просмотр документов HTML, обработку событий, анимацию и добавление Ajax-взаимодействий на ваши веб-страницы. JQuery разработан, чтобы изменить способ написания JavaScript.

Проще говоря, jQuery позволяет превратить десять строк традиционного кода Javascript в две! Объедините огромный спектр функций с кроссплатформенной совместимостью, и вы получите одну надежную среду. Прежде чем вы это узнаете, вы будете создавать все, от богатых форм до флеш-меню. Не беспокойтесь, если задача изучения еще одной новой структуры кажется сложной. Эти ресурсы проведут вас шаг за шагом.

Зачем мне использовать эту библиотеку над другими?

В конечном итоге все сводится к предпочтениям. Каждая структура имеет свои специфические преимущества. Но есть причина, по которой jQuery является самой популярной из доступных сред.

Кросс-браузерная совместимость. В любой реализации Javascript веб-разработчик может рассчитывать потратить большую часть своего времени, компенсируя причуды каждого браузера. К счастью, библиотека jQuery нейтрализует эти несоответствия браузера, что дает разработчикам больше времени для работы над своим кодом.

CSS селекторы. Используя синтаксис CSS, разработчики могут использовать имеющиеся у них знания для обхода своих документов. С добавлением множества селекторов CSS 3 и XPATH, jQuery предоставляет вам замечательный механизм для управления элементами на вашей странице.

Цепной. jQuery использует шаблон, называемый «цепочка» для своих методов. Каждый раз, когда вы запускаете метод для объекта jQuery, метод возвращает тот же самый объект jQuery. Следовательно, вам не придется перепечатывать селекторы для каждого метода. Использование такого типа функциональности «.NET» позволяет уменьшить размер файла и повысить читаемость кода.

Если вы заинтригованы, вы должны быть! Давайте начнем.

Шаг 1: Загрузите библиотеку

Первым шагом в вашем путешествии будет загрузка библиотеки. Посетите jQuery.com и прокрутите вниз до раздела «Скачать jQuery». Выбор одной из перечисленных ссылок приведет к загрузке библиотеки на ваш компьютер. Затем вам нужно импортировать файл .js в ваше решение.

Рекомендуемое чтение

• 

  CSS-Tricks.com: Введение в jQuery

  В своей демонстрации jQuery Крис Койер (Chris Coyier) из CSS-Tricks расскажет вам о том, как включить jQuery на вашу веб-страницу и написать несколько функций.

  Посетить статью

• 

  Digital-Web.com: JQuery: ускоренный курс

  Вот краткий курс по jQuery, написанный для опытных веб-дизайнеров.

  Посетить статью

• 

  Slideshare.net: «Обучение jQuery за 30 минут»

  Если вам нравятся слайд-шоу, этот урок научит вас основам jQuery за тридцать минут.

  Посетить статью

Шаг 2. Создайте свою первую функцию

В течение пяти минут изучения jQuery вы будете создавать функции. Ваша первая остановка должна быть вступительной статьей Джона Ресига «Как работает jQuery». Он покажет вам много простых для понимания методов, которые вы можете использовать в своих веб-приложениях, включая добавление и удаление классов, создание цепочек и вызов метода «document.ready».

Рекомендуемое чтение

• 

  jQuery.com: «Как работает jQuery»

  В своей вступительной статье Джон Резиг — создатель jQuery — познакомит вас с основами создания анимаций. Это очень важно прочитать, если вы только начинаете.

  Посетить статью

• 

  Пятнадцать ДнейOfJquery.com: День 1

  В смелой попытке охватить многие функции jQuery за две недели, «15 Days Of JQuery» затрагивает одну тему в день. В этой статье вы узнаете, как использовать метод document.ready ().

  Посетить статью

• 

  VisualJquery.com: «Ваш словарь jQuery»

  Думайте о VisualjQuery.com как о своем цифровом словаре. Он покажет вам синтаксис и определение для каждого доступного метода jQuery. Держите этот сайт в закладки.

  Посетить статью