Фрагмент для ознакомления
2
ВВЕДЕНИЕ
В нынешнее время веб-разработка претерпевает значительные изменения. Одним из таких изменений является внедрение JavaScript-фреймворков, которые существенно упрощают процесс создания интерактивных веб-приложений. Среди множества существующих библиотек особое место занимает jQuery, который позволяет разработчикам более эффективно взаимодействовать с элементами DOM, а также обрабатывать события и анимации с минимальными затратами времени и усилий.
Целью данной курсовой работы является аналитический обзор JavaScript фреймворка jQuery и его особенностей.
В процессе выполнения курсовой работы необходимо решить следующие задачи:
дать общее определение JavaScript библиотеки;
изучить jQuery как инструмент разработки, его возможности и особенности;
проанализировать применимость и актуальность этой библиотеки в современном программировании;
сравнить jQuery c другими фреймворками;
сформулировать рекомендации по использованию jQuery.
1. ОБЗОР JQUERY
1.1 Библиотеки Java Script
В настоящее время JavaScript является одним из наиболее востребованных языков программирования в мире (рис. 1.1).
Поэтому знание различных фреймворков JavaScript представляет собой значительный актив для современных разработчиков, стремящихся создавать приложения для разнообразных платформ.
Рисунок 1.1 - Список наиболее популярных языков программирования [8]
JavaScript framework – это библиотека классов или набор готовых утилит и функций, которые реализуют основную функциональность подобных интерактивных сайтов, при этом обеспечивают кросс-браузерную совместимость этих решений на всех уровнях работы JavaScript [6].
Фреймворки JavaScript разрабатываются сообществом программистов на принципах открытого доступа, что позволяет веб-разработчикам использовать готовые решения без необходимости самостоятельной разработки и тестирования. Направления развития и функциональные возможности фреймворков JavaScript в целом схожи, что отражает общие потребности и тенденции в области веб-разработки. [6]:
Работа с селекторами
Сквозной проход и поиск в DOM
Другие манипуляции с DOM
Различные вспомогательные функции
Обработчики событий и их создание
Ajax (в том числе работа с XML, JSON, HTML, callback-функции)
Архитектура фреймворка определяет структуру управления потоками данных в приложении. Фреймворк задаёт базовую структуру и принципы организации приложения, а также предоставляет набор необходимых для его запуска базовых функций. Разработчик, работающий с фреймворком, обязан соблюдать установленные им принципы и шаблоны проектирования.
К преимуществам построения приложений на JS-фреймворках можно отнести [5]:
возможность написания Single Page Application;
структурированность кода, благодаря тому, что каждый фреймворк несет в себе какой-либо паттерн программирования;
высокая производительность;
модульность приложения, за счет чего можно легко добавить новый функционал;
быстрая разработка. В связи с тем, что всё структурировано, повышается скорость разработки.
Одним из значительных минусов использования фреймворков является необходимость их изучения. Связано это с тем, что у некоторых фреймворков, таких как Angular.js или React.js, присутствует собственный синтаксис, требующий освоения.
1.2 История создания jQuery
jQuery - это быстрая, мощная и легковесная библиотека JavaScript, которая упрощает взаимодействие с HTML-документами, обработку событий, анимацию и манипуляции с DOMэлементами [5].
Сообщество веб-разработчиков создало её в конце 2000-х, что привело к возникновению богатой экосистемы сайтов, плагинов и фреймворков, использующих под капотом jQuery. Но в последние годы её статус главного инструмента для веб-разработки пошатнулся.
Джон Резиг (John Resig) создал первую версию библиотеки в 2005-м, а опубликовал в 2006-м, на мероприятии под названием BarCampNYC. На официальном сайте jQuery автор написал: «jQuery — это JavaScript-библиотека, в основе которой лежит девиз: Программировать на JavaScript должно быть приятно. jQuery берёт частые, повторяющиеся задачи, извлекает всю ненужную разметку и делает их короткими, элегантными и понятными.»
У jQuery два главных достоинства [7]:
1. Удобный API для манипулирования веб-страницами.
2. Она абстрагировала различия между браузерами. В те годы было сложно писать код, способный надёжно работать во всех браузерах. Отсутствие стандартизации означало, что разработчикам нужно учитывать многочисленные различия между браузерами и пограничные случаи. А благодаря jQuery разработчики могли переложить заботы обо всех этих подводных камнях на плечи команды, развивающей библиотеку.
Позднее jQuery облегчила внедрение более сложных технологий, таких как анимации и Ajax. Библиотека фактически превратилась в стандартную для веб-сайтов зависимость. И сегодня она обеспечивает работу огромной доли интернета. W3Techs считает, что 74 % сайтов сегодня используют jQuery.
Контроль за развитием jQuery также стал более формализованным. В 2011-м команда cоздала jQuery Board. А в 2012-м jQuery Board. В 2015-м jQuery Foundation влился в Dojo Foundation, чтобы создать JS Foundation, который затем объединился с Node.js Foundation в 2019-м для создания OpenJS Foundation, в рамках которого jQuery была одним из "пробивных проектов."
В последнее время наблюдается снижение популярности библиотеки jQuery. GitHub удалил её из фронтенд части своего сайта. Разработчики Bootstrap v5 приняли решение отказаться от использования jQuery, поскольку она является "самой крупной клиентской зависимостью для обычного JavaScript" (в настоящее время её размер составляет 30 Кб в сжатом и упакованном виде). Некоторые современные тенденции в веб-разработке привели к тому, что jQuery перестала быть незаменимым инструментом.
1.3 Использование jQuery в программировании
Библиотека jQuery пользуется широкой популярностью в сфере веб-разработки благодаря своей способности создавать динамические и интерактивные сайты. Её богатый функционал в сочетании с лаконичным синтаксисом делает её привлекательной для множества разработчиков.
JQuery применяется в различных аспектах веб-программирования [5]:
Манипуляции с DOM
Одним из основных применений jQuery является манипуляция с DOM (Document Object Model). С помощью jQuery легко находить элементы на веб-странице и изменять их содержимое, стили, атрибуты и другие свойства.
Например: javascript
//Изменение текста элемента с id="myElement"
$('#myElement').text('Новый текст');
//Добавление класса к элементам с классом "myClass"
$('.myClass').addClass('highlight');
Обработка событий
Библиотека jQuery значительно упрощает работу с событиями на веб-странице, включая щелчки мышью, наведение курсора, изменение значений и другие типы взаимодействий. Благодаря jQuery разработчики могут эффективно реализовать интерактивные элементы интерфейса и обеспечить адекватный отклик на действия пользователя.
Фрагмент для ознакомления
3
1. Перепелица Ф.А. Разработка интерактивных сайтов с использованием jQuery. – СПб: Университет ИТМО, 2015.– 142 с.
2. Бер Бибо, Иегуда Кац jQuery. Подробное руководство по продвинутому JavaScript. – Пер. с англ. – СПб.: Символ!Плюс, 2009. – 384 с.
3. БартеньевО. В. «Программирование на языке JavaScript» // . учеб.пособие для вузов. М. : Диалог-МИФИ, 2015. 214c.
4. Шевчук. А. jQuery для начинающих. Учебник. Программирование. – Издатель-ский дом. Питер, 2016. – С. 156.
5. Статья: ИНФОРМАЦИИ О JQUERY: сайт / URL: https://cyberleninka.ru/article/n/informatsii-o-jquery/viewer свободный (дата обращения: 27.01.2025).
6. Статья: Сравнительный анализ javascript- фреймворков: сайт / URL: https://cyberleninka.ru/article/n/sravnitelnyy-analiz-javascript-freymvorkov/viewer свободный (дата обращения: 27.01.2025).
7. Статья: Обзор современных фреймворков и инструметов, используемых для разработки web-приложений: сайт / URL: https://cyberleninka.ru/article/n/obzor-sovremennyh-freymvorkov-i-instrumetov-ispolzuemyh-dlya-razrabotki-web-prilozheniy-1/viewer свободный (дата обращения: 27.01.2025).
8. Самые популярные фреймворки согласно опросам Stackoverflow [Электронный ресурс] // Платформа Stackoverflow. Режим доступа: https://insights.stackoverflow.com/survey/2019#technology, свободный (дата обращения: 27.01.2025).
9. Наиболее предпочитаемые фреймворки [Электронный ресурс] // Платформа Stackoverflow. Режим доступа: https://insights.stackoverflow.com/survey/2019#most-loved-dreaded-and-wanted, свободный (дата обращения: 27.01.2025).
10. Количество скачиваний Angular, React и Vue [Электронный ресурс] // Сервис NPMtrends. Режим доступа: https://www.npmtrends.com/angular-vs-react-vs-vue, свободный (дата обращения: 27.01.2025).
11. Ежегодный отчет о развитии JavaScript в целом и его инструментов [Электронный ресурс] // Платформа StateOfJS. Режим доступа: https://2020.stateofjs.com/en-US/technologies/front-end-frameworks, свободный (дата обращения: 27.01.2025).