Что такое JavaScript-библиотека jQuery, почему её все ненавидят, и почему она так популярна среди начинающих программистов?
Разработка веб-сайтов - это не исключение, а скорее правило. Заказчики всегда нуждаются в своих сайтах "здесь и сейчас", "на вчера", "немедленно"! Для программиста, который ценит свое время и хочет заработать, важно найти способы ускорить процесс работы и выполнить задачу в оговоренные сроки.
Не только клиенты стремятся ускорить процесс разработки - согласно статистике, две первые компании в любой отрасли обычно захватывают около 70-80% рынка. Поэтому идея быстроты, в определенном контексте, все же оправдана.
В арсенале уважаемого веб-разработчика имеется множество инструментов, но один из них выделяется особенно ярко - это React, универсальная библиотека jQuery. Этот инструмент создан на базе JavaScript и предназначен для добавления интерактивности на сайт. Разнообразные элементы управления, всплывающие окна, галереи для просмотра изображений и видео, различные виджеты и формы обратной связи - все это, в общем, реализуется на JavaScript, а также, возможно, на jQuery.
Одной из особенностей jQuery является её способность ускорить процесс создания веб-проектов. Этот инструмент веб-разработки значительно упрощает выполнение повседневных задач. Хотя нельзя сказать, что эта библиотека обладает магическими свойствами (ведь большинство её функций можно реализовать и на чистом JavaScript), однако её нестандартный подход позволяет быстро изменять содержимое страницы с помощью простых конструкций кода.
Вся суть jQuery в несколько строк 👌
Представьте, что у вас есть веб-сайт с веб-страницей, на которой размещена HTML-кнопка. Если вам нужно, чтобы при нажатии на эту кнопку что-то происходило, например, появлялось сообщение в отдельном окне, вам необходимо использовать JavaScript. Существуют два основных подхода к решению этой задачи, которые представлены ниже. Если вам интересно узнать больше о разработке сайтов на языке HTML, вы можете прочитать более подробную статью по этой теме.Фрагмент кода HTML страницы, содержащий кнопку:
Методология написания чистого кода на языке JavaScript (116 символов кода):
var button = document.querySelector("#my_button");
button.addEventListener("click", (event) => { alert("LOL"); });
Вот как можно использовать библиотеку jQuery (56 символов):
$("#my_button").on("click", function(e) { alert("LOL"); });
Это означает, что с помощью jQuery можно написать вдвое меньше кода и достичь тех же результатов. Кроме того, можно избавиться от избыточных операторов и использовать $("...") для получения ссылок на HTML-узлы и удобной работы с ними. Также можно воспользоваться множеством других простых конструкций, предлагаемых библиотекой jQuery, вместо того чтобы каждый раз писать их вручную.
Весь секрет успеха заключается в этом - весь смысл популярности. Простое сокращение примерно на половину времени, затрачиваемого на написание JavaScript-кода. И, конечно же, это еще не все.
Страх и ненависть в веб-разработке. Почему программисты не любят jQuery? 🤬
Интересный факт - к 2023 году 23% всех сайтов в мире будут использовать jQuery. Почему же так происходит? Всё дело в том, что эта библиотека упрощает процесс разработки, особенно для начинающих программистов. И вот здесь статистика, подтверждающая это утверждение (да-да, Node-js занимает второе место, несмотря на недовольство некоторых критиков jQuery!):
Почему многие разработчики не приветствуют использование jQuery и предпочитают обходить её стороной? Вкратце, с точки зрения абстрактного программирования и стремления к высоким стандартам идеальной чистоты кода, jQuery может сделать код менее "чистым".
Уникальной особенностью данной библиотеки является возможность обращения к элементам с помощью оператора $ или jQuery, что преобразует выбранный объект в массив. В результате большинство кода начинает обращаться к элементам напрямую, используя стандартные методы веб-браузера, в то время как другая часть кода использует обёртку jQuery. Это приводит к созданию спагетти-кода, в котором смешиваются два различных подхода к работе с элементами страницы.
В завершение хотелось бы упомянуть статью на Habr, где более глубоко анализируются аспекты негативного отношения к данной библиотеке. Что касается моего личного мнения, я имел опыт работы над крупными проектами как с применением jQuery, так и без него. Исходя из личного опыта, считаю, что подход к написанию кода без использования библиотек чрезмерно преувеличен.
За два года я занимался написанием JavaScript Vanilla-кода (без использования сторонних библиотек) с упором на оптимизацию и экономию ресурсов. Однако в какой-то момент я решил вернуться к использованию jQuery и других готовых решений. Почему? Потому что стремление к экономии ресурсов и идеальной чистоте кода не дало ожидаемых результатов. На разработку уходило гораздо больше времени, а в итоге качество кода все равно страдало по разным причинам.
История создания jQuery 👨💻
Созданная в 2006 году Джоном Ресигом, библиотека jQuery была задумана для устранения разрыва между сложным функционалом JavaScript и простотой веб-разработки, как утверждает сам автор.
Рано в своей жизни Джон Ресиг проявил интерес к программированию, который стал основой для его образования. Он успешно окончил Рочестерский технологический институт, получив степень бакалавра по компьютерным наукам, что еще больше укрепило его увлечение этой областью.
Автор jQuery заслужил популярность благодаря упрощению работы с HTML-документами, анимацией, обработкой событий и Ajax-взаимодействием для быстрой веб-разработки. Благодаря своей гибкости и простоте, библиотека jQuery быстро стала неотъемлемым инструментом, который быстро распространился по всему интернету и в течение нескольких лет безоговорочно доминировал над чистым JavaScript.
Ресиг выпустил две версии книги Pro JavaScript Techniques - в 2006 и 2015 годах. В 2008 году он также написал книгу Secrets of the JavaScript Ninja, в которой представлены различные методы работы с JavaScript. Помимо написания книг, он активно выступал на различных конференциях по всему миру в качестве спикера и ведущего, делясь своими знаниями о инструментах и методах работы с JavaScript.
После того, как jQuery был создан, Джон Резиг в 2011 году присоединился к команде Khan Academy, некоммерческой образовательной организации. В Khan Academy он занимался разработкой JavaScript и других технологий, чтобы улучшить интерактивную обучающую среду для пользователей. Основная задача Резига заключалась в создании инструментов обработки JavaScript для сайта, что позволило ему оказать влияние на миллионы учащихся и разработчиков по всему миру.
Ресиг выразил гордость за достижения jQuery и удивление ее долгосрочным влиянием, превзошедшим его ожидания. Широкое распространение и положительная обратная связь от сообщества подтверждают ценность его труда.
Основные возможности jQuery 🚀
В общем, основная цель jQuery заключается в эффективной манипуляции содержимым веб-страницы. Когда требуется добавить интерактивность, вставить кнопки, выполняющие определенные действия, создать анимацию и прочее. При этом важно выполнить все это быстро и с минимальными усилиями. Именно для этого и используется jQuery. А теперь небольшой перечень.
Итак, что же в итоге? 🤨
Будь ты новичок в веб-разработке или профессионал с многолетним опытом, владение jQuery - важным навыком, который стоит приобрести. Эта библиотека предлагает широкий спектр инструментов для добавления сложного функционала с минимальным объемом кода, что обеспечивает эффективную работу твоих проектов на различных платформах.
Изучение jQuery поможет вам создавать многофункциональные и интерактивные веб-сайты, повышая их эффективность и экономя ваше время и ресурсы. Несмотря на критику, которую часто высказывают в адрес jQuery, эта библиотека позволяет достигать результатов быстрее.
Хотя через 5-10 лет jQuery, возможно, будет отброшен в сторону и перестанут использовать в новых проектах, на данный момент эта библиотека остается востребованной. Вероятно, множество существующих сайтов, которые в настоящее время используют jQuery, не исчезнут мгновенно. Такова реальность.
🔥 Нравится? Подпишись! Вместе мы одержим победу над восстанием машин! 🔥
🚀 P.S. Для тех, кто хочет не просто читать о программировании, а начать свой путь джедая прямо сейчас, приглашаю на Boosty! Там уникальный обучающий контент по программированию для всех уровней подготовки. А ещё там можно увидеть автора в реальной жизни. Нажми здесь и отправляйся в путь!🚀
У меня также имеется Telegram-канал, где публикуются более простые и веселые посты. Ссылка на канал доступна для подписки.И как насчет jQuery? Честно признайся, ты им пользуешься? :)
Comments