CC BY
34
УДК 001.201
Эмирова Л.Р.
студент магистерской программы 3 курса факультет «Экономики, менеджмента и информационных технологий» ГБОУ ВО РК «Крымский инженерно-педагогический университет
имени Февзи Якубова» Россия, г. Симферополь Петровский Д. С. студент магистерской программы 3 курса факультет «Экономики, менеджмента и информационных технологий» ГБОУ ВО РК «Крымский инженерно-педагогический университет
имени Февзи Якубова» Россия, г. Симферополь
ОБЗОР СОВРЕМЕННЫХ ФРЕЙМВОРКОВ И ИНСТРУМЕТОВ, ИСПОЛЬЗУЕМЫХ ДЛЯ РАЗРАБОТКИ WEB-ПРИЛОЖЕНИЙ
Аннотация. В настоящее время активно развиваются технологии web-программирования. В данной статье выполнен обзор одних из самых популярных фреймворков и инструментов, предназначенных для разработки web-приложений в условиях современных стандартов. Были изучены плюсы и минусы каждого из них.
Ключевые слова: web-технологии; фреймворк; разработка web-приложений; Angular; JQuery; React; Vue.js.
Emirova L.R. 3rd year master's program student faculty of Economics, management and information technologies Crimean engineering and pedagogical University
named after Fevzi Yakubov Simferopol, Russia Petrovsky D.S. 3rd year master's program student faculty of Economics, management and information technologies, Crimean engineering and pedagogical University
named after Fevzi Yakubov Simferopol, Russia
OVERVIEW OF MODERN FRAMEWORKS AND TOOLS USED FOR WEB APPLICATION DEVELOPMENT
Abstract. Currently, web programming technologies are actively developing. This article provides an overview of some of the most popular frameworks and tools for developing web applications under modern standards. The pros and cons of each of them were studied.
Keywords: web technologies; framework; web application development; Angular; JQuery; React; Vue.js.
Цель статьи. Предоставить вам основу, которую вы можете использовать для более эффективной разработки проектов. Чтобы сделать это, он будет включать в себя множество функций, которые вам нужно будет кодировать с нуля, если вы хотите начать с начала.
Постановка проблемы. Разработка приложения или веб-сайта с нуля требует много работы. Во многих случаях вам нужно будет воссоздать функции, которые уже были выполнены тысячи раз, что примерно так же эффективно, как заново изобретать колесо. Программные фреймворки могут помочь вам обойти эту проблему, предоставляя вам основу, на которую вы можете опираться.
В этой статье мы поможем вам найти лучший framework для вашей разработки.
Изложение основного материала.
В настоящее время крайне сложно представить крупную компанию без собственного web-приложения. Вместе с интересом организаций растёт количество библиотек и фреймворков, нацеленных на облегчение разработки высококачественных web -приложений с использованием одного языка программирования. Стоит отметить, что на текущий момент одним из самых лидирующих является JavaScript. Это объясняется тем, что современный пользователь неохотно устанавливает дополнительные программы, желая получить результат здесь и сейчас.
Фреймворки стали неотъемлемой частью web -разработки, так как стандарты приложений постоянно модифицируются и, как следствие, растет сложность технологии. Использование готовых инструментов и библиотек, одобренных тысячами разработчиков по всему миру, является разумным подходом для создания многофункциональных и интерактивных web-приложений. Выбор фреймворка - задача несложная, но при выборе стоит учесть, что у каждого имеются свои плюсы и минусы. На данный момент самыми популярными являются: Angular, JQuery, React, Vue.js.
1. Angular можно считать лучшим фреймворком для веб-приложений. Он однозначно лидирует среди продуктов компании Google для разработчиков. Его предшественник - AngularJS - был впервые выпущен в 2009 г. и полностью переписан в 2016 г.
Благодаря поддержке TypeScript Angular является хорошим вариантом для разработки громоздких веб-приложений. Благодаря таким функциям языка, как двустороннее связывание и внедрение зависимостей, обеспечивается высокая производительность конечного продукта при меньших усилиях во время разработки.
Angular используется для разработки мобильных веб-приложений. В дополнение к стандартному использованию одностраничного приложения с соответствующей библиотекой, такой как, например, Universal, возможно создание многостраничной версии. Что касается мобильной разработки, Google предоставил пользователям специальную платформу Ionic, нацеленную на создание и поддержку Native и Progressive приложений.
Основные преимущества фреймворка Angular, повышающие скорость и производительность, - это синтаксис шаблона и инструменты командной строки (CLI) для быстрого создания прототипов. Angular лучше всего подходит для написания одностраничных приложений, но его также используют и для разработки крупных корпоративных веб-приложений.
2. jQuery - это библиотека для мани-пулирования DOM деревом, которая упрощает использование JavaScript на сайте. JavaScript является языком выбора для создания динамических и интерактивных веб-страниц. jQuery берет сложный код, который потребуется для выполнения вызовов AJAX или манипулирования DOM, и объединяет их в простые методы, которые можно вызывать с помощью одной строки JavaScript.
Вот некоторые из ключевых технических функций, которые доступны в библиотеке jQuery:
- HTML / DOM манипулирование, - Манипулирование CSS,
- AJAX / JSONP,
- Обработка событий,
- Эффекты и анимация.
jQuery не делает никаких предположений о стеке веб-технологий и может использоваться в сочетании с другими платформами, включая AngularJS. На самом деле AngularJS построен на основе реализации jQuery, называемой jqLite.
Поскольку jQuery не имеет реальной структуры, разработчик имеет полную свободу создавать проекты по своему усмотрению. Также отсутствие структуры означает, что разработчику легче попасть в ловушку «спагетти-кода», что может привести к путанице в крупных проектах без четкого направления проектирования или поддержки кода. В таких ситуациях большую помощь может оказать AngularJS.
Обмен данными с сервером может осуществляться с помощью метода jQuery Ajax. Несмотря на то, что ранние версии jQuery не были предназначены для создания мобильных приложений, в настоящее время для этих целей применяется фреймворк jQuery Mobile. Данный инструмент помог расширить границы использования jQuery, адаптировавшись к
современным требованиям, но все еще уступает React и Vue. Еще одним ключевым моментом является то, что jQuery обладает постоянной поддержкой разработчиков, в частности - своевременное обновление версий фреймворка, внедрение новых библиотек и плагинов, которые помогают найти нужное решение во время работы над проектом. Основным преимуществом jQuery, по сравнению с другими фреймворками и
библиотеками, является совместимость со всеми браузерами (кроссбразерность).
3. ReactJS, разработанный компани-ей Facebook, является библиотекой с открытым исходным кодом, направ-ленной на создание пользовательских интерфейсов мобильных и web-приложений. React представил концепцию виртуального DOM, которая считается одной из наиболее значительных преимуществ ReactJS [3]. Благодаря характеристике виртуального DOM (Document Object Model), React отличается исключительной производительностью. С точки зрения уровня сложности, React является одним из самых простых в освоении, особенно по сравнению с Angular. React приобрел известность благодаря архитектуре на основе компонентов, которую другие платформы начали использовать гораздо позднее. Такой структурный подход позволяет сравнительно быстро и просто создавать интерфейс.
Стоит отметить, что библиотека направлена не только на создание пользовательского интерфейса одностраничного веб-приложения (SPA), но и на мобильную разработку. Платформа React Native - это фреймворк, нацеленный на разработку кроссплатформенных высококачественных приложений для iOS и Android. Преимуществами данного инструмента являются: виртуальный DOM, разнообразие совместимых модулей (Browserify, RequireJS, ECMAScript 6 и другие), установленные компоненты, однонаправленный поток кода, Redux. Недостатками выступают плохая документация и сложность понимания кода.
4. Vue.js. Это еще одна прогрессивная JavaScript-инфраструктура с открытым исходным кодом для создания пользовательских интерфейсов, аналогичная React. Особенностью Vue.js является его адаптивность, интеграция в проекты, так как другие библиотеки JavaScript очень просто интегрируются с Vue [4]. Также Vue. js поддерживает декларативный рендеринг с использованием синтаксиса шаблона для предоставления данных в DOM, благодаря которому становится производительным и гибким. Еще одной важной особенностью является то, что данный фреймворк имеет значительно меньший размер по сравнению с React и Angular. Разработчики Vue преследовали цель сделать его упрощенным, легким в обучении, подробно документированным и постоянно развивающимся, поэтому он подходит для начинающих специалистов.
Структура Vue.js имеет широкое на-значение: от веб-приложений до мобильных устройств и PWA (Progressive Web Applications). Подобно React,
он подходит для различных типов проектов: от простых одностраничных приложений до более сложных и динамичных. Для разработки мобильных приложений в основном используют Weex Framework. За исключением высокой производительности и простоты, которые являются его основными функциями, Vue поддерживает множество компонентов, которые легко внедряются в проект.
Выводы. Из плюсов можно выделить плавную интеграцию между приложениями, производительность по сравнению с другими платформами, подробную документацию, не требует специальных знаний HTML и JavaScript. Из минусов - закрытое развитие сообщества. Проведенные исследования позволяют сделать вывод о многообразии доступных инструментов для веб-раз-работки. Выбор и оценка структуры зависят от того, какую проблему необходимо решить. Например, для создания простого одностраничного приложения подойдёт Angular, для более требовательных - React.
JQuery и Angular не могут конкурировать с React и Vue. Несмотря на то, что они не следуют современным тенденциям, у них есть свои преимущества, особенно у JQuery, который до сих пор широко используется. Когда речь идёт о большом количестве рабочих мест с высокой зарплатой, на слуху разработчики React и Angular. Пока это вопрос времени, но, когда Vue достигнет своего уровня, ситуация может кардинально измениться. Vue уникален, похож на Angular, но гораз-до проще и является хорошим выбором для начинающих. Согласно статистике популярности Vue догоняет Angular и React ввиду того, что данный фреймворк не был создан крупными компаниями. Этот фактор важен для оценки качества конечного инструмента.
Использованные источники:
1. Фримен Адам. Angular для профессионалов. Руководства. - Изд. Питер. 2018. -С. 800.
2. Антон Шевчук. jQuery для начинающих. Учебник. Программирование. -Издатель-ский дом. Питер, 2016. - С. 156.
3. Бэнкс Алекс. React и Redux. Функциональная веб-разработка. Программы. - Изда-тельский дом. Питер, 2018. - С. 336.
4. Эрик Хэнчетт. Vue.js в действии. Профессиональная литература. -Издательский дом. Питер, 2018. - С. 304.
5. Веб-фреймворки: введение для новичков [Электронный ресурс]. - Режим доступа: https://tproger.ru/translations/web-frameworks-how-to-get-started/ (дата обращения: 07.12.2019 г.).
