Using Webix Jet Micro-Framework

Webix Jet is a client-side JavaScript micro-framework that considerably simplifies the process of creating applications with complex structure based on the Webix library.

The framework allows avoiding big repetitive parts of code, as an application is divided into independent modules, which are developed separately. Webix Jet helps you to implement a wide variety of features within your app. It is possible to add navigation, multiple locales, diverse customizable skins, guards, organize work with big datasets, etc.

The division of code into modules enhances the security and reliability of an application. You use compact code to build a safe and feature-rich web application.

You can find the detailed tutorial on Webix Jet on GitBook. In the tutorial, the process of creating an application is described together with all the possibilities of the framework. This is the structure of the guide:

  • What's New page gives you a list of new features and updates of each Webix Jet version;
  • Getting Started shows you the general principles of building apps with the framework. Here you will find the basics of creating views and subviews and loading data;
  • Quick Development Guidelines include short essential advice for development with Webix Jet;
  • Migration from Older Version describes migration to Webix Jet 1.x from Webix jet 0.x;
  • Part I - Basic Usage
    • Creating Apps gives you basic info on building an application;
    • Creating Views has basic info on creating view modules and subview including;
    • In-App Navigation describes basic ways of implementing navigation in the application and explains how the structure of URL is formed;
  • Part II - Webix Jet in Details
    • JetApp API describes the JetApp API;
    • JetView API describes the JetView API;
    • App Config tells you how to configure the app;
    • Views and SubViews helps you to extend your knowledge of view modules and subview including, describes all the ways to define views, including ES6 classes and their methods that you can redefine;
    • Referencing Views explains $scope and describes ways to reference apps, views, subviews and nested components;
    • Async Views shows the peculiarities of asynchronous views and data loading;
    • Models goes into details of loading data into views: tells you about the ways of creating models, describes work with the server-side and tells about the use of services for data loading;
    • Navigation gives you more insight on in-app navigation;
    • View Communication describes possible variants to connect separate views with URL parameters, events, services and methods;
    • Routers describes the four routers that are used for in-app navigation;
    • Plugins includes the use of predefined Jet plugins (the Menu, UnloadGuard, User, Theme, Locale, and Status plugins).
    • Inner Events and Error Handling describes inner Jet events including events for error handling;
    • Popups and Windows describes the way to create popups and windows;
  • Part III - Practical Tasks
Back to top