Webix Jet — как построить отличное приложение

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

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

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

webix jet micro framework

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

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

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

Просто загрузите демо и убедитесь сами. Приложение написано полностью на Javacript, поэтому нужно лишь распаковать его и открыть index.html в браузере. Или, как вариант для ленивых, можно посмотреть online demo app, созданную с помощью Webix Jet.

И как это облегчит жизнь?

Мы подготовили небольшой “вводный курс”; можно начать с него, либо прочитать краткое изложение, приведенное ниже.  

Webix Jet стоит на двух основных идеях.

Модули 


В случае с Webix Jet, как код, так и интерфейс разбиты на отдельные модули, которые могут быть использованы повторно в любой части приложения. А это значит, что вместо одного большого файла со сложными JSON объектами и запутанным функционалом вы можете получить несколько небольших простых файлов. В Javascript-е до сих пор нет встроенной поддержки для модулей, поэтому был использован RequireJS.

 

simple and complex code

 

Даже очень сложный UI можно разбить на независимые блоки, каждый из которых может быть использован независимо от других.

 

separate views

 

Маршрутизация

С Webix Jet вы сможете использовать родные HTML ссылки, чтобы показывать различные блоки внутри одностраничного приложении. URL — это план для пользовательского интерфейса. Например, когда вы вводите в браузере:

index.html#!/top/report/details

Приложение отрисует интерфейс, описанный в views/top.js, затем добавит интерфейс из файла reports.js и внутрь него вставит содержимое details.js. Если надо поменять любой из элементов, достаточно поменять URL. Например, чтобы заменить блок details на блок overview надо сменить урл на следующий:

index.html#!/top/report/overview

И это далеко не все

Тут много и других полезных возможностей. Webix Jet позволяет связывать данные и компоненты Webix UI, так что вы сможете описать данные и пользовательский интерфейс по-отдельности.

Система событий Webix Jet помогает связать раздельные модули удобным для вас способом. Набор вспомогательных модулей решает такие проблемы, как локализация, контроль доступа, быстрое прототипирование, уведомления и многое другое.

Изучить Webix Jet можно при помощи нашего гайда. А если возникнут какие-то вопросы — наш форум всегда для вас открыт.

Давайте начистоту. Создание веб-приложения должно быть в удовольствие. Если у вас было не так, может быть, вы просто использовали не те инструменты?  

Дайте Webix Jet шанс, и он вас точно не разочарует.

Так чего ждать? Стоит загрузить Webix Jet прямо сейчас совершенно бесплатно!