Автор материала, перевод которого мы сегодня публикуем, работает над фреймворком Quasar. Это полнофункциональный, расширяемый инструмент с открытым исходным кодом для разработки современных приложений различного назначения.
Он построен на основе популярной среды разработки Vue.js и использует возможности Node.js, Webpack и Babel. Совсем недавно, в начале июля этого года, вышла первая стабильная версия Quasar. 
Фон
Прежде чем начать рассказывать о возможностях Quasar, хотелось бы вкратце рассказать об истории этого фреймворка.Несколько лет назад я, как и многие из вас, читающих это, работал в корпоративной среде.
В определенный момент мне надоело все, что сопровождает такую работу.
Меня мучили проблемы, вызванные конфликтующими корпоративными инструментами.
Я устал бороться с несовместимостями, возникающими при их взаимодействии.
Я отчаянно хотел простой жизни, в которой я мог бы использовать свои знания в области программирования для создания чего-то значимого, чего-то, что приносило бы внутреннее удовлетворение.
То, что может сделать мир лучше.
В 2015 году я использовал массу инструментов для создания разных типов проектов.
Это были приложения для iOS и Android. Это были веб-приложения, веб-сайты и PWA, десктопные приложения для Windows и для macOS. Для каждого типа приложений требуется уникальный набор инструментов.
Эти инструменты используются для проектирования интерфейсов, написания кода и подготовки проектов к публикации.
Я видел эту реальность, но не мог избавиться от мечты об одном универсальном инструменте, который мог бы заменить все остальные.
Мне хотелось найти единый фреймворк, который бы решил все сложности разработки приложений для разных платформ.
Тот, который можно было бы использовать для создания различных типов приложений, основанных на единой базе кода.
Я не смог найти такого фантастического инструмента и решил создать его сам.
Это была колоссальная задача.
Я начинал с нуля и понял, что мне нужен фундамент в виде мощного базового фреймворка, возможности которого можно расширять и улучшать для создания той универсальной системы, которую я нарисовал в своем воображении.
В это время Vue.js приобрел известность.
После того, как я исследовал структуру этого фреймворка, научился создавать на его основе приложения, расширять его возможности, я решил, что он станет отличной основой для нового фреймворка, который я планировал создать.
Это, помимо прочего, означало серьезную экономию времени разработки.
Именно тогда родился фреймворк Quasar.
В чем суть Квазара?
Фреймворк Quasar на концептуальном уровне представляет собой универсальный набор компонентов, которые используются для создания современных приложений.Среди таких компонентов, например, можно отметить диалоговые окна, кнопки, поля ввода, вкладки, панели, подсказки, панели инструментов, значки уведомлений, инструменты выбора дат, цветов и значков.
Это карточки, аватары, баннеры, индикаторы загрузки.
При этом Квазар использует как простые компоненты, например кнопки, так и более сложные.
Например, это поля для отображения сообщений чата, это диаграммы активности, таблицы, календари, видеоплееры, WYSIWYG-редакторы, слайд-панели, системы ленточных меню и многое другое.
Все эти компоненты основаны на Vue.js. Из-за этого работа с ними кажется совершенно знакомой всем разработчикам Vue, которые, совершенствуя свои проекты, ищут простую и расширяемую систему компонентов.
Только что выпущенная первая версия Quasar состоит из 123 компонентов.
Это число постоянно растет благодаря стандартным инструментам для создания пользовательских компонентов.
Также Quasar имеет встроенную систему создания производственных версий приложений.
Все это работает из командной строки.
После установки одной глобальной зависимости и создания проекта для создания приложений, ориентированных на платформы с поддержкой Quasar, требуется буквально одна строка кода.
При этом приложения для iOS, Android, Windows, macOS, Linux, а также веб-приложения создаются на основе единой кодовой базы.
Строго говоря, вот команда, о которой идет речь:
Работая с Quasar, вы можете забыть о сложностях, связанных с Webpack и Babel, алгоритмом встряхивания деревьев и другими способами оптимизации бандлов.$ quasar build
Все эти проблемы автоматически решаются внутри фреймворка.
При этом тот, кто использует Квазар, имеет возможность вмешиваться в работу его механизмов и настраивать все именно так, как ему нужно.
Доступ ко всем этим мощным функциям предназначен для упрощения и ускорения разработки приложений с использованием Quasar.
Путь к первой версии Quasar
В ранние версии Quasar пришлось внести множество изменений после их выпуска.Часто это были изменения, нарушавшие совместимость.
Я уверен, что многим первым пользователям фреймворка это не понравилось.
Но это неизбежное зло, растущая боль, возникающая из-за итеративного характера разработки Квазара.
Версии от 0.13 до 0.17 использовались для улучшения фреймворка.
Начиная с версии 0.17, Quasar наконец-то имеет подходящую структуру.
Она помогла сформировать стабильную основу, которая позволила структуре расти и расширяться.
В то же время такая структура позволяла обойтись в будущем без глубоких изменений, влияющих на совместимость.
На этом этапе мы решили заморозить разработку и полностью провести рефакторинг проекта, чтобы систематизировать и оптимизировать то, что уже создано.
Обратите внимание, что выше я сказал «мы».
Я сделал это потому, что к тому времени уже полностью осознал масштаб проекта и понял, что не смогу создать его в одиночку.
В результате я начал формировать команду программистов, чтобы вместе с ними разрабатывать Quasar. Сначала ко мне присоединился один программист. Потом – второй, третий.
Так продолжалось до тех пор, пока в основной команде не стало 8 программистов.
В нашей команде сейчас столько же специалистов, сколько было после ее образования.
Это опытные разработчики, они дополняют друг друга своими знаниями и навыками.
Основную команду поддерживают волонтеры, которые занимаются поддержкой пользователей, документацией, связями со СМИ и другими подобными вопросами.
Кроме того, у Quasar есть активное сообщество разработчиков.
Члены этого сообщества делятся опытом, который помогает им всем расти профессионально.
Я рассматриваю все это как нечто вроде «большой семьи» — группы людей, собравшихся вокруг общей цели и помогающих друг другу достичь новых горизонтов.
В частности, наш чат Discord — это оживленное место, где разговоры, кажется, никогда не прекращаются.
Здесь говорят о самых разных вещах.
Например, разработчики охотно делятся советами по работе с системой.
Quasar 1.0 был проектом, который потребовал огромного количества времени от основных членов команды и волонтеров.
С тех пор как мы решили заморозить ветку разработки одной из ранних версий, на работу над Quasar было потрачено более 4000 человеко-часов.
Кроме того, сообщество пользователей Quasar активно участвовало в улучшении кода проекта.
Этот процесс длился 5 месяцев.
Сначала была выпущена открытая бета-версия продукта, затем выпущен релиз-кандидат. Все это дало нам возможность выпустить первую версию фреймворка, уже, так сказать, опробованную в бою.
Выпуск Quasar v1 Stable — важная веха на пути проекта.
Но это только первый шаг, всего лишь основа для тех замечательных вещей, которые мы хотим реализовать в будущем.
Этот релиз создан с учетом гибкости и расширяемости решения.
Но у нас уже есть большая схема развития проекта, которая показывает направление дальнейшего движения «Квазара».
В частности, в будущих версиях фреймворка появится несколько новых целевых платформ, под которые можно будет собирать проекты.
Например, это расширения браузера, Webview и конденсатор.
Перепроектирование структуры потребовало оптимизации ее основных внутренних систем и процессов.
Именно это даст Quasar возможность расти в ближайшие годы и при этом оставаться актуальным.
Это также означает, что по мере развития его код не придется модифицировать, чтобы нарушить совместимость.
Допустим, вы разработчик Vue (или разработчик, который использует что-то еще).
То, что вы хотите, это следующее:
- Организовать работу с компонентами.
- Упростите процесс создания приложений.
- Создавайте приложения для всех основных платформ.
Полученные результаты
В этом материале лишь очень кратко описаны возможности фреймворка Quasar. Ее автор говорит, что планирует написать еще несколько статей, посвященных техническим особенностям фреймворка.Если эта структура вас заинтересовала, вот несколько полезных ресурсов.
- Форум проекта
- Дискорд чат
- Репозиторий GitHub проект
- Твиттер-аккаунт проект
- Документация от Quasar с примерами
- Документация от Квазар CLI. Здесь вы можете узнать о том, как работает процесс создания приложений, предназначенных для разных платформ.
- Список компоненты
- Шаблоны для проектов Quasar на сайте КодПесочница , на jsFiddle и дальше КодПен
Теги: #Разработка сайтов #разработка #JavaScript #vue.js #vue #Quasar
-
Математика Аукционов. Лекция В Яндексе
19 Oct, 24 -
Обрезать Изображения С Помощью Jquery
19 Oct, 24 -
Gps-Сервис Vialatm — Это Язык Сценариев.
19 Oct, 24
