Interactive tutorials

Welcome to Webix training! Our interactive JavaScript tutorials consist of a detailed guide, code editor, and preview. These courses will help you make your first steps in building web apps with our UI library. You will also learn to create tables with DataTable and use various types of controls.

Introduction to Webix These tutorials will facilitate your start with Webix. After completing this course, you will be able to create a simple UI for editing list data, a toolbar with a set of controls, a form with controls, and complex layouts. You will also learn how to enable click actions for the toolbar buttons, add new data into the list using the form, remove and update data, resize Webix widgets and place them in HTML containers.

DataTable Basics Master DataTable so that you could effortlessly bring it in line with your requirements! In the tutorials, you will find information about the capabilities of this complex widget. You will also learn to create basic tables, style them, and fill them with data. The course will show you how to configure and resize columns and rows; format, visualize, filter, and sort data in cells. These tutorials also include lessons about how to enable drag-n-drop of items, pagination, apply math formulas, fill columns with values from different data sets, and more.

Form Controls These tutorials will teach you how to build functional and convenient Webix forms. You will find out about the controls and learn how to use them. After completing this course you'll be able to create buttons, icons, text and number inputs, navigation controls, selection widgets for dates and colors. The tutorials will also teach you how to work with checkboxes, customize dropdown lists, style and configure elements, set sizes and alignment for controls, etc.

Tutorials in the blog

Have been around with Webix for a while and would like to learn a little more about its capabilities? In this section, you will find articles with tips, JavaScript and CSS tutorials, and other secrets which will allow you to utilize the full potential of our UI library. These blog posts will teach you how to build a web app for data storage with only 12 lines of code, create customizable tooltips, improve dashboards, deal with buttons, and more.

Creating a ToDoList app with Webix UI October 18, 2021

Creating a Playlist App with Webix UI June 25, 2021

How to Get PDF Reports from Webix Apps in the Most Convenient Way April 9, 2019