WEBIX JAVASCRIPT LIBRARY BLOG

Всем нравится пользоваться простыми приложениями с интуитивно понятным интерфейсом. Pецепт такого приложения прост: возьмите немного HTML-тегов, добавьте подходящий фреймворк, например, Bootstrap, и ваше приложение готово. В повседневной разработке все происходит немного по-другому. Бизнес-приложения работают со сложными данными, поэтому для их представления требуется более продвинутый интерфейс. Одним из таких кейсов является использование вложенных данных. Готового решения для отображения в HTML или Bootstrap пока нет. Но решить проблему можно с помощью Webix UI.

Tree

Простейший виджет, который можно использовать для отрисовки вложенных данных — это Tree. Этот элемент интерфейса, который довольно часто используется в десктопных приложениях, но редко встречается в веб-версиях. Webix Tree обладает полной функицональностью виджета tree. Он позволяет представлять иерархические данные в виде дерева, ветки которого можно развернуть или свернуть. Webix Tree работает быстро, отрисовывая тысячи элементов менее, чем за секунду. Если этого мало, можно использовать динамическую загрузку данных.

Делать приложения должно быть просто. 

Разрабатывая Вебикс, мы постарались создать компоненты, которые упростят разработку веб приложений. Быстрые, понятные, настраиваемые, такие, какие были нужны нам для своих собственных проектов.

Однако этого было недостаточно. Разрабатывая новые приложения, мы ломали голову, как нам хранить код, как организовать навигацию, как работать с серверным кодом, решали массу других скучных задач. Где-то раз на 15й нам это надоело, и мы решили объединить все лучшие практики по разработке на Webix в микро-фреймворк. Так появился Webix Jet.

Так что же это — Webix Jet

Как вы, вероятно, знаете, Вебикс — это библиотека отдельных компонентов для построения пользовательского интерфейса. Webix Jet — это микро-фреймворк для разработки одностраничных приложений с использованием Вебикс компонентов.

Весит он совсем ничего (менее 10кб кода), работает с любым серверным языком (NodeJs, PHP, .Net) и может быть использован как для десктопных, так и для мобильных приложений.

Недавно мы выпустили Webix 3.0, который привнес много новых интересных возможностей. Но это не значит, что теперь мы расслабились и будем почивать на лаврах. Мы уже начали работать над новой версией Webix и хотим поделиться с вами своими планами.

По правде говоря, не все возможности, которые были запланированы для версии 3.0. вошли в финальный релиз. Все же, наши предыдущие планы оказались слишком оптимистичными. Тем не менее, мы не отказались от запланированных обновлений, и они будут включены в ближайшие релизы.

Компоненты Webix

В версию 3.1 (релиз намечен на конец ноября), войдут долгожданный компонент side-menu и возможность автоматического изменения размера меню и кнопок (это обязательное требование при разработке многоязычных приложений).

Кроме этого, в следующей версии появятся возможность размещать компоненты с абсолютным позиционированием, и компонент data-map, который позволит визуализировать комплексные данные следующим образом:

Пока сентябрь радует нас красочной листвой и никто не успел впасть в осеннюю депрессию, мы рады представить наши новейшие обновления. Сегодня речь пойдет  о версии Webix 3.0, которая добавляет два новых подхода к построению приложений на основе Webix, а также ряд новых фич, которых Вы не найдете в других HTML фреймворках.

Начнем с двух крупных обновлений.

Webix Jet

Основа вебикса — набор готовых виджетов, который позволяет ускорить разработку приложения. Комбинировать и настраивать компоненты гораздо проще, чем писать все с нуля. Только вот приложение — это не просто набор виджетов. Приложение — это сложная структура, где приходится решать вопросы комбинирования и повторного использования кода, навигации, работы с данными и многое другое. В рамках нашего релиза мы анонсируем Webix Jet — микро-фреймворк, дающий ответы на все вышеперечисленные вопросы.

Сразу после релиза Webix 2.5 мы обновили наш онлайн инструмент для веб-разработки Webix Skin Builder. С последним обновлением он обзавелся встроенным Material скином, а также стал еще более удобным в использовании.

Для тех, кто еще не работал с Webix Skin Builder, мы расскажем о практической пользе этого полезного инструмента для создания дизайна. Он позволяет создавать кастомные скины для интерфейса веб-приложений, а также предоставляет набор скинов на ваш выбор.

Material Skin

Когда мы впервые анонсировали возможность использования Material Skin в приложении, написанном на Webix, этот скин еще не был включен в пакет библиотеки. Чтобы его скачать, нужно было перейти в специальный репозиторий на github.com. Теперь скин доступен прямо из нашего инструмента Skin Builder.

Webix Skin Builder также порадует вас улучшенным интерфейсом. Просто загляните на страницу приложения, чтобы убедиться, что теперь оно работает и выглядит еще лучше.