what is kodular ?

 what is kodular ? 

Kodular is an online tool where you make your own app for free and anyone can make app on it without having a coding  skills . and it will also provide Material Design UI . 

 just drag and drop block and your app was ready . 

 kodular have there own app on play store which is kodular companion  you can use there app for testing your app without having to export or complie . 

just it from playstore connect it with the kodular builder and when your companion was connected to builder then your will we shown in kodular companion . 

The app like a mirror .

 if you changing anything in kodular builder and it will automatic change in kodular companion app . 

kodular gives you the real time preview it was very nice feature of this builder and there is so many feature that we can discuss today 


What Is Component In Kodular ? 

The basic building elements of any app in Kodular are Components . 

 You can also say that component are everything in kodular . Everything in the App done with the help of component 

There are many component which are used for different purpose 

like the label is use for ui design of the app , 

        while other may we used for communicating  to database  getting and sending data from app to database for example Firebase db component  

What is Blocks ? 

Block is used to perfome a task and using block we can describe how to do a task 

As we know that the way in which the component respond to the various types of action in various form and the particular event is in the app is design using an blocks. 

for example  how our app should  respond when button clicked , what data is to be communicated to the database using FirebaseDB component etc. are all configured using the Blocks. 
Thus, by using the varied Components and by configuring its behaviour and response to actions from the user with the assistance of Blocks, an app is "koded" in Kodular. 

Car  Analogy  

Let’s take a look at the simulation of a raised Car to understand the concept of objects and blocks.

The car is made using different parts, such as wheels, doors, engine, steering wheel etc. each doing its own unique job.

Some of these components are visible to the driver (i.e. the driver) and in direct contact with them, while many of them are invisible. And these parts know what their job is and how to do it
 for example, the wheel work to provide support and move the car, the wheel work to help move the car at that time.

The Android app is like a Car. As the car has various components, the application is made using various Components, such as Button, Label, File etc. Each item is used for a specific purpose.

As part of Car, many of these components are visible to the app user and interact with them, while certain components are not directly interactive with the user. The behavior or purpose of these items is set using Blocks. The "how to do part-time work" section is edited using Blocks.

Types of Parts 

Visual Components: The objects that will be viewed within the viewer panel of the Designer page are called Visible Component. are visible to the user within the app so the user can contact them directly and help build the app interface.

Invisible Components: The objects that can be viewed within the viewer panel of the Designer page are called Invisible Components. it is the components that sometimes perform other functions such as file storage in device storage, retrieving data from various device sensors etc. However, in some cases, these components may also be active within the application. for example, the Notes section, which may be invisible, often creates a visual conversation on the device screen.

Types of object blocks

Each section has its own set of blocks, divided into three types:

Property blocks
Method  blocks
Event blocking


Each section comes with its own set of Properties, which define its features. for example, the Button section has properties such as Background Colors, Text Color, Text Font Size etc. which are symbols that describe the features of that particular button.

Some of these Properties can be set from the Designer page, or Blocks, while others are usually set up only with blocks and only a few from the Designer.


Setter and Getter block of visual background property of the button.

At any time within the app, the material provided for an item is usually read through the Getter Block. Gives the current value of the asset for that item.

Similarly, a given asset of an object is often altered during the operation of the thorugh Setter Blocks system.

Green Blocks.


Not all object properties have Getter blocks and Setters. most of them can only have a Getter or sometimes block a Setter only.

Method block 

How Blocks
Methods are specific functions that can be performed by a particular component. for example, the audio section should be ready to play music when needed. this is usually done using a Method called Play, which instructs parts to perform the task of playing music.

Therefore, Methods are nothing but a command to hold a certain task, such as playing music.

Some methods require additional data, which can be used even to complete the task. for example, the Firebase DB component stores data using a method called Value Value. But how will the department know which data will be stored and what name? this is usually the case with Parameters or Params only.

Store value methods take two parameters (e.g. using two different details that need to be specified) i.e. tag and value to be saved. So this method is usually called (used in blocks) next to the 2 data that needs to be shown below.

How to store data within Firebase DB.

                                                         image credit - kodular.io

Event Blocks

Kodular applications are "sidelined" in the event run. That is, the blocks or functionality of the app are done in support of various events that take place. there is a good list of events that take place outside of the app's running time, so the app's response to those events is usually suspended.

For example, when a user clicks a button, the app launches all events. Application response to such events is organized by collecting specific behaviors under the Event block. Routes and blocks of goods collected under each event are performed whenever the event takes place.

Let's take an example.
If you would like to change the Button text when the user clicks it, you must collect the idea to change the text under the button.Click the event. this is usually shown below.


       image credit - kodular.io
                                           Event Block to change the button text when clicked. 

 I hope it help you to know more about kodular 

Post a Comment